From 073c91cce1cde6daa67f3d6e43040b3244d57973 Mon Sep 17 00:00:00 2001 From: Dilshaad21 Date: Tue, 25 Feb 2020 08:13:04 +0530 Subject: [PATCH] moved utils helpers(useColorPicker) to src/services --- src-docs/src/{views/color_picker => services}/utils.js | 6 +++--- src-docs/src/views/color_picker/color_stops.js | 4 ++-- src-docs/src/views/color_picker/containers.js | 6 +++--- src-docs/src/views/color_picker/custom_swatches.js | 6 +++--- src-docs/src/views/color_picker/kitchen_sink.js | 6 +++--- src-docs/src/views/color_picker/modes.js | 6 +++--- 6 files changed, 17 insertions(+), 17 deletions(-) rename src-docs/src/{views/color_picker => services}/utils.js (84%) diff --git a/src-docs/src/views/color_picker/utils.js b/src-docs/src/services/utils.js similarity index 84% rename from src-docs/src/views/color_picker/utils.js rename to src-docs/src/services/utils.js index 6bb640ec1a5..a9cf8ca3b4b 100644 --- a/src-docs/src/views/color_picker/utils.js +++ b/src-docs/src/services/utils.js @@ -1,11 +1,11 @@ import { useMemo, useState } from 'react'; -import { isValidHex } from '../../../../src/services'; +import { isValidHex } from '../../../src/services'; const generateRandomColor = () => // https://www.paulirish.com/2009/random-hex-color-code-snippets/ `#${Math.floor(Math.random() * 16777215).toString(16)}`; -export const useColorStop = (useRandomColor = false) => { +export const useColorStopState = (useRandomColor = false) => { const [addColor, setAddColor] = useState(generateRandomColor()); const [colorStops, setColorStops] = useState([ { @@ -31,7 +31,7 @@ export const useColorStop = (useRandomColor = false) => { return [colorStops, updateColorStops, addColor]; }; -export const useColorPicker = (initialColor = '') => { +export const useColorPickerState = (initialColor = '') => { const [color, setColor] = useState(initialColor); const errors = useMemo(() => { const hasErrors = !isValidHex(color) && color !== ''; diff --git a/src-docs/src/views/color_picker/color_stops.js b/src-docs/src/views/color_picker/color_stops.js index af7df586486..90c62d82cd8 100644 --- a/src-docs/src/views/color_picker/color_stops.js +++ b/src-docs/src/views/color_picker/color_stops.js @@ -2,10 +2,10 @@ import React, { useState } from 'react'; import { EuiColorStops, EuiFormRow } from '../../../../src/components'; -import { useColorStop } from './utils'; +import { useColorStopState } from '../../services/utils'; export const ColorStops = () => { - const [colorStops, setColorStops, addColor] = useColorStop(true); + const [colorStops, setColorStops, addColor] = useColorStopState(true); const [extendedColorStops, setExtendedColorStops] = useState([ { diff --git a/src-docs/src/views/color_picker/containers.js b/src-docs/src/views/color_picker/containers.js index 7f6923ea65d..5758031bb7c 100644 --- a/src-docs/src/views/color_picker/containers.js +++ b/src-docs/src/views/color_picker/containers.js @@ -14,11 +14,11 @@ import { EuiSpacer, } from '../../../../src/components'; -import { useColorPicker, useColorStop } from './utils'; +import { useColorPickerState, useColorStopState } from '../../services/utils'; export default () => { - const [color, setColor] = useColorPicker('#FFF'); - const [colorStops, setColorStops] = useColorStop(); + const [color, setColor] = useColorPickerState('#FFF'); + const [colorStops, setColorStops] = useColorStopState(); const [isModalVisible, setIsModalVisible] = useState(false); const [isPopoverOpen, setIsPopoverOpen] = useState(false); diff --git a/src-docs/src/views/color_picker/custom_swatches.js b/src-docs/src/views/color_picker/custom_swatches.js index b8256d60b04..dcdb5ffc471 100644 --- a/src-docs/src/views/color_picker/custom_swatches.js +++ b/src-docs/src/views/color_picker/custom_swatches.js @@ -7,11 +7,11 @@ import { EuiSpacer, } from '../../../../src/components'; -import { useColorPicker, useColorStop } from './utils'; +import { useColorPickerState, useColorStopState } from '../../services/utils'; export const CustomSwatches = () => { - const [color, setColor, errors] = useColorPicker(); - const [colorStops, setColorStops] = useColorStop(); + const [color, setColor, errors] = useColorPickerState(); + const [colorStops, setColorStops] = useColorStopState(); const customSwatches = ['#333', '#666', '#999', '#CCC']; diff --git a/src-docs/src/views/color_picker/kitchen_sink.js b/src-docs/src/views/color_picker/kitchen_sink.js index 12c7fd944d0..dc3488cd673 100644 --- a/src-docs/src/views/color_picker/kitchen_sink.js +++ b/src-docs/src/views/color_picker/kitchen_sink.js @@ -7,11 +7,11 @@ import { } from '../../../../src/components'; import { DisplayToggles } from '../form_controls/display_toggles'; -import { useColorPicker, useColorStop } from './utils'; +import { useColorPickerState, useColorStopState } from '../../services/utils'; export const KitchenSink = () => { - const [color, setColor] = useColorPicker('#D36086'); - const [colorStops, setColorStops, addStop] = useColorStop(true); + const [color, setColor] = useColorPickerState('#D36086'); + const [colorStops, setColorStops, addStop] = useColorStopState(true); return ( diff --git a/src-docs/src/views/color_picker/modes.js b/src-docs/src/views/color_picker/modes.js index f264d20ae53..bf9849c7d99 100644 --- a/src-docs/src/views/color_picker/modes.js +++ b/src-docs/src/views/color_picker/modes.js @@ -7,11 +7,11 @@ import { EuiSpacer, } from '../../../../src/components'; -import { useColorPicker, useColorStop } from './utils'; +import { useColorPickerState, useColorStopState } from '../../services/utils'; export const Modes = () => { - const [color, setColor, errors] = useColorPicker('#D36086'); - const [colorStops, setColorStops] = useColorStop(); + const [color, setColor, errors] = useColorPickerState('#D36086'); + const [colorStops, setColorStops] = useColorStopState(); return (