@salutejs/plasma-new-hope 0.156.0-canary.1421.11071529144.0 → 0.156.0-canary.1421.11096156509.0

package/cjs/components/Slider/components/Single/Single.js.map

@@ -1 +1 @@
-{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { setInitValue, sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../../../../utils/inputHidden';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n    Label,\n    LabelContentLeft,\n    LabelWrapper,\n    SingleWrapper,\n    SliderBaseWrapper,\n    StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n    min,\n    max,\n    value,\n    disabled,\n    onChangeCommitted,\n    onChange,\n    ariaLabel,\n    label,\n    labelContentLeft,\n    showRangeValues,\n    showCurrentValue,\n    hideMinValueDiff,\n    hideMaxValueDiff,\n    labelPlacement = 'outer',\n    rangeValuesPlacement = 'outer',\n    multipleStepSize = 10,\n    defaultValue,\n    size = 'm',\n    name,\n    ...rest\n}) => {\n    const [state, setState] = useState({\n        xHandle: 0,\n        stepSize: 0,\n        railFillWidth: 0,\n    });\n\n    const innerRef = useRef<HTMLInputElement>(null);\n\n    const [startOffset, setStartOffset] = useState(0);\n    const [endOffset, setEndOffset] = useState(0);\n\n    const [dragValue, setDragValue] = useState(value ?? defaultValue ?? min);\n\n    const { stepSize } = state;\n\n    const hasLabelContent = label || labelContentLeft;\n    const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n    const rangeValuesPlacementClass =\n        rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n    const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n    const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n    const startLabelRef = useRef<HTMLDivElement>(null);\n    const endLabelRef = useRef<HTMLDivElement>(null);\n\n    const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n    const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n    useEffect(() => {\n        const localValue = Math.min(Math.max(dragValue, min), max) - min;\n\n        if (rangeValuesPlacement === 'outer') {\n            const startWidth = startLabelRef.current?.offsetWidth;\n            if (isNumber(startWidth)) {\n                setStartOffset(Number(startWidth));\n            }\n\n            const endWidth = endLabelRef.current?.offsetWidth;\n            if (isNumber(endWidth)) {\n                setEndOffset(Number(endWidth));\n            }\n        } else {\n            setStartOffset(1);\n            setEndOffset(1);\n        }\n\n        setState((prevState) => ({\n            ...prevState,\n            xHandle: stepSize * localValue,\n            railFillWidth: stepSize * localValue,\n        }));\n    }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n    useEffect(() => {\n        if (innerRef.current) {\n            innerRef.current.addEventListener('setInitValue', (e: Event) => setDragValue(setInitValue(e)));\n        }\n\n        return () => {\n            if (innerRef.current) {\n                innerRef.current.removeEventListener('setInitValue', (e: Event) => setDragValue(setInitValue(e)));\n            }\n        };\n    }, [innerRef]);\n\n    const setStepSize = useCallback(\n        (newStepSize: number) => {\n            setState((prevState) => ({\n                ...prevState,\n                stepSize: newStepSize,\n            }));\n        },\n        [setState],\n    );\n\n    const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n        const newHandleXPosition = data.x;\n        const newValue = Math.round(handleValue);\n\n        setState((prevState) => ({\n            ...prevState,\n            railFillWidth: newHandleXPosition,\n        }));\n\n        if (onChange) {\n            if (value !== undefined) {\n                (onChange as (value: number) => void)(newValue);\n            }\n\n            if (name && !value) {\n                (onChange as (event: FormTypeNumber) => void)({\n                    target: {\n                        value: newValue,\n                        name,\n                    },\n                });\n            }\n        }\n\n        setDragValue(newValue);\n    };\n\n    const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n        const newValue = Math.round(handleValue);\n\n        if (onChangeCommitted) {\n            onChangeCommitted(newValue);\n        }\n\n        setState((prevState) => ({\n            ...prevState,\n            xHandle: data.lastX,\n            railFillWidth: data.lastX,\n        }));\n\n        setDragValue(newValue);\n    };\n\n    return (\n        <SingleWrapper className={labelPlacementClass}>\n            {hasLabelContent && (\n                <LabelWrapper>\n                    {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n                    {label && <Label>{label}</Label>}\n                </LabelWrapper>\n            )}\n            <SliderBaseWrapper className={rangeValuesPlacementClass}>\n                {showRangeValues && (\n                    <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n                        {min}\n                    </StyledRangeValue>\n                )}\n                <SliderBase\n                    min={min}\n                    max={max}\n                    disabled={disabled}\n                    setStepSize={setStepSize}\n                    onChange={onHandleChangeCommitted}\n                    railFillWidth={state.railFillWidth}\n                    settings={sizeData[size]}\n                    labelPlacement={labelPlacement}\n                    rangeValuesPlacement={rangeValuesPlacement}\n                    {...rest}\n                >\n                    <Handler\n                        stepSize={state.stepSize}\n                        onChangeCommitted={onHandleChangeCommitted}\n                        onChange={onHandleChange}\n                        xPosition={state.xHandle}\n                        min={min}\n                        max={max}\n                        startOffset={startOffset}\n                        endOffset={endOffset}\n                        value={dragValue}\n                        disabled={disabled}\n                        ariaLabel={ariaLabel}\n                        multipleStepSize={multipleStepSize}\n                        showCurrentValue={showCurrentValue}\n                    />\n                </SliderBase>\n                {showRangeValues && (\n                    <StyledRangeValue\n                        ref={endLabelRef}\n                        className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n                    >\n                        {max}\n                    </StyledRangeValue>\n                )}\n            </SliderBaseWrapper>\n            <InputHidden\n                name={name}\n                type=\"number\"\n                datatype=\"slider-single\"\n                value={dragValue}\n                ref={innerRef}\n                onChange={() => {}}\n            />\n        </SingleWrapper>\n    );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","addEventListener","e","setInitValue","removeEventListener","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","target","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue","InputHidden","type","datatype"],"mappings":"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"}
+{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { setInitialValue, sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../../../../utils/inputHidden';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n    Label,\n    LabelContentLeft,\n    LabelWrapper,\n    SingleWrapper,\n    SliderBaseWrapper,\n    StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n    min,\n    max,\n    value,\n    disabled,\n    onChangeCommitted,\n    onChange,\n    ariaLabel,\n    label,\n    labelContentLeft,\n    showRangeValues,\n    showCurrentValue,\n    hideMinValueDiff,\n    hideMaxValueDiff,\n    labelPlacement = 'outer',\n    rangeValuesPlacement = 'outer',\n    multipleStepSize = 10,\n    defaultValue,\n    size = 'm',\n    name,\n    ...rest\n}) => {\n    const [state, setState] = useState({\n        xHandle: 0,\n        stepSize: 0,\n        railFillWidth: 0,\n    });\n\n    const innerRef = useRef<HTMLInputElement>(null);\n\n    const [startOffset, setStartOffset] = useState(0);\n    const [endOffset, setEndOffset] = useState(0);\n\n    const [dragValue, setDragValue] = useState(value ?? defaultValue ?? min);\n\n    const { stepSize } = state;\n\n    const hasLabelContent = label || labelContentLeft;\n    const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n    const rangeValuesPlacementClass =\n        rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n    const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n    const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n    const startLabelRef = useRef<HTMLDivElement>(null);\n    const endLabelRef = useRef<HTMLDivElement>(null);\n\n    const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n    const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n    useEffect(() => {\n        const localValue = Math.min(Math.max(dragValue, min), max) - min;\n\n        if (rangeValuesPlacement === 'outer') {\n            const startWidth = startLabelRef.current?.offsetWidth;\n            if (isNumber(startWidth)) {\n                setStartOffset(Number(startWidth));\n            }\n\n            const endWidth = endLabelRef.current?.offsetWidth;\n            if (isNumber(endWidth)) {\n                setEndOffset(Number(endWidth));\n            }\n        } else {\n            setStartOffset(1);\n            setEndOffset(1);\n        }\n\n        setState((prevState) => ({\n            ...prevState,\n            xHandle: stepSize * localValue,\n            railFillWidth: stepSize * localValue,\n        }));\n    }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n    useEffect(() => {\n        if (innerRef.current) {\n            innerRef.current.addEventListener('setInitialValue', (e: Event) => setDragValue(setInitialValue(e)));\n        }\n\n        return () => {\n            if (innerRef.current) {\n                innerRef.current.removeEventListener('setInitialValue', (e: Event) => setDragValue(setInitialValue(e)));\n            }\n        };\n    }, []);\n\n    const setStepSize = useCallback(\n        (newStepSize: number) => {\n            setState((prevState) => ({\n                ...prevState,\n                stepSize: newStepSize,\n            }));\n        },\n        [setState],\n    );\n\n    const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n        const newHandleXPosition = data.x;\n        const newValue = Math.round(handleValue);\n\n        setState((prevState) => ({\n            ...prevState,\n            railFillWidth: newHandleXPosition,\n        }));\n\n        if (onChange) {\n            if (value !== undefined) {\n                (onChange as (value: number) => void)(newValue);\n            }\n\n            if (name && !value) {\n                (onChange as (event: FormTypeNumber) => void)({\n                    target: {\n                        value: newValue,\n                        name,\n                    },\n                });\n            }\n        }\n\n        setDragValue(newValue);\n    };\n\n    const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n        const newValue = Math.round(handleValue);\n\n        if (onChangeCommitted) {\n            onChangeCommitted(newValue);\n        }\n\n        setState((prevState) => ({\n            ...prevState,\n            xHandle: data.lastX,\n            railFillWidth: data.lastX,\n        }));\n\n        setDragValue(newValue);\n    };\n\n    return (\n        <SingleWrapper className={labelPlacementClass}>\n            {hasLabelContent && (\n                <LabelWrapper>\n                    {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n                    {label && <Label>{label}</Label>}\n                </LabelWrapper>\n            )}\n            <SliderBaseWrapper className={rangeValuesPlacementClass}>\n                {showRangeValues && (\n                    <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n                        {min}\n                    </StyledRangeValue>\n                )}\n                <SliderBase\n                    min={min}\n                    max={max}\n                    disabled={disabled}\n                    setStepSize={setStepSize}\n                    onChange={onHandleChangeCommitted}\n                    railFillWidth={state.railFillWidth}\n                    settings={sizeData[size]}\n                    labelPlacement={labelPlacement}\n                    rangeValuesPlacement={rangeValuesPlacement}\n                    {...rest}\n                >\n                    <Handler\n                        stepSize={state.stepSize}\n                        onChangeCommitted={onHandleChangeCommitted}\n                        onChange={onHandleChange}\n                        xPosition={state.xHandle}\n                        min={min}\n                        max={max}\n                        startOffset={startOffset}\n                        endOffset={endOffset}\n                        value={dragValue}\n                        disabled={disabled}\n                        ariaLabel={ariaLabel}\n                        multipleStepSize={multipleStepSize}\n                        showCurrentValue={showCurrentValue}\n                    />\n                </SliderBase>\n                {showRangeValues && (\n                    <StyledRangeValue\n                        ref={endLabelRef}\n                        className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n                    >\n                        {max}\n                    </StyledRangeValue>\n                )}\n            </SliderBaseWrapper>\n            <InputHidden\n                name={name}\n                type=\"number\"\n                datatype=\"slider-single\"\n                value={dragValue}\n                ref={innerRef}\n                onChange={() => {}}\n            />\n        </SingleWrapper>\n    );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","addEventListener","e","setInitialValue","removeEventListener","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","target","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue","InputHidden","type","datatype"],"mappings":"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"}

package/cjs/components/Slider/utils/index.js

@@ -49,7 +49,7 @@ var sizeData = {
     fontSizeMultiplier: 16
   }
 };
-var setInitValue = function setInitValue(e) {
+var setInitialValue = function setInitialValue(e) {
   var item = e.target;
   var defaultValue = Number(item.getAttribute('defaultValue'));
   return defaultValue;
@@ -57,6 +57,6 @@ var setInitValue = function setInitValue(e) {
 
 exports.getOffsets = getOffsets;
 exports.getSliderThumbValue = getSliderThumbValue;
-exports.setInitValue = setInitValue;
+exports.setInitialValue = setInitialValue;
 exports.sizeData = sizeData;
 //# sourceMappingURL=index.js.map

package/cjs/components/Slider/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n    const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n    return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n    ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n    side?: 'left' | 'right',\n): number[] {\n    if (!ref || !('current' in ref) || !ref.current || !side) {\n        return [0, 0];\n    }\n\n    const size = ref.current.clientWidth;\n\n    if (side === 'left') {\n        return [0, size];\n    }\n\n    if (side === 'right') {\n        return [size, 0];\n    }\n\n    return [0, 0];\n}\n\nexport const sizeData = {\n    s: {\n        indent: 0.5,\n        fontSizeMultiplier: 16,\n    },\n    m: {\n        indent: 0.75,\n        fontSizeMultiplier: 16,\n    },\n    l: {\n        indent: 0.75,\n        fontSizeMultiplier: 16,\n    },\n};\n\nexport const setInitValue = (e: Event): number => {\n    const item = e.target as HTMLInputElement;\n    const defaultValue = Number(item.getAttribute('defaultValue'));\n\n    return defaultValue;\n};\n"],"names":["getSliderThumbValue","handleCenterXRelative","stepSize","min","max","newValue","Math","round","getOffsets","ref","side","current","size","clientWidth","sizeData","s","indent","fontSizeMultiplier","m","l","setInitValue","e","item","target","defaultValue","Number","getAttribute"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,qBAA6B,EAAEC,QAAgB,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC3G,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACN,qBAAqB,GAAGC,QAAQ,CAAC,GAAGC,GAAG,CAAA;AAEnE,EAAA,OAAOG,IAAI,CAACH,GAAG,CAACG,IAAI,CAACF,GAAG,CAACC,QAAQ,EAAEF,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AACjD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CACtBC,GAAiG,EACjGC,IAAuB,EACf;AACR,EAAA,IAAI,CAACD,GAAG,IAAI,EAAE,SAAS,IAAIA,GAAG,CAAC,IAAI,CAACA,GAAG,CAACE,OAAO,IAAI,CAACD,IAAI,EAAE;AACtD,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,IAAME,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,WAAW,CAAA;EAEpC,IAAIH,IAAI,KAAK,MAAM,EAAE;AACjB,IAAA,OAAO,CAAC,CAAC,EAAEE,IAAI,CAAC,CAAA;AACpB,GAAA;EAEA,IAAIF,IAAI,KAAK,OAAO,EAAE;AAClB,IAAA,OAAO,CAACE,IAAI,EAAE,CAAC,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,CAAA;AAEO,IAAME,QAAQ,GAAG;AACpBC,EAAAA,CAAC,EAAE;AACCC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDC,EAAAA,CAAC,EAAE;AACCF,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDE,EAAAA,CAAC,EAAE;AACCH,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;AACxB,GAAA;AACJ,EAAC;IAEYG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAQ,EAAa;AAC9C,EAAA,IAAMC,IAAI,GAAGD,CAAC,CAACE,MAA0B,CAAA;EACzC,IAAMC,YAAY,GAAGC,MAAM,CAACH,IAAI,CAACI,YAAY,CAAC,cAAc,CAAC,CAAC,CAAA;AAE9D,EAAA,OAAOF,YAAY,CAAA;AACvB;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n    const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n    return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n    ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n    side?: 'left' | 'right',\n): number[] {\n    if (!ref || !('current' in ref) || !ref.current || !side) {\n        return [0, 0];\n    }\n\n    const size = ref.current.clientWidth;\n\n    if (side === 'left') {\n        return [0, size];\n    }\n\n    if (side === 'right') {\n        return [size, 0];\n    }\n\n    return [0, 0];\n}\n\nexport const sizeData = {\n    s: {\n        indent: 0.5,\n        fontSizeMultiplier: 16,\n    },\n    m: {\n        indent: 0.75,\n        fontSizeMultiplier: 16,\n    },\n    l: {\n        indent: 0.75,\n        fontSizeMultiplier: 16,\n    },\n};\n\nexport const setInitialValue = (e: Event): number => {\n    const item = e.target as HTMLInputElement;\n    const defaultValue = Number(item.getAttribute('defaultValue'));\n\n    return defaultValue;\n};\n"],"names":["getSliderThumbValue","handleCenterXRelative","stepSize","min","max","newValue","Math","round","getOffsets","ref","side","current","size","clientWidth","sizeData","s","indent","fontSizeMultiplier","m","l","setInitialValue","e","item","target","defaultValue","Number","getAttribute"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,qBAA6B,EAAEC,QAAgB,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC3G,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACN,qBAAqB,GAAGC,QAAQ,CAAC,GAAGC,GAAG,CAAA;AAEnE,EAAA,OAAOG,IAAI,CAACH,GAAG,CAACG,IAAI,CAACF,GAAG,CAACC,QAAQ,EAAEF,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AACjD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CACtBC,GAAiG,EACjGC,IAAuB,EACf;AACR,EAAA,IAAI,CAACD,GAAG,IAAI,EAAE,SAAS,IAAIA,GAAG,CAAC,IAAI,CAACA,GAAG,CAACE,OAAO,IAAI,CAACD,IAAI,EAAE;AACtD,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,IAAME,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,WAAW,CAAA;EAEpC,IAAIH,IAAI,KAAK,MAAM,EAAE;AACjB,IAAA,OAAO,CAAC,CAAC,EAAEE,IAAI,CAAC,CAAA;AACpB,GAAA;EAEA,IAAIF,IAAI,KAAK,OAAO,EAAE;AAClB,IAAA,OAAO,CAACE,IAAI,EAAE,CAAC,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,CAAA;AAEO,IAAME,QAAQ,GAAG;AACpBC,EAAAA,CAAC,EAAE;AACCC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDC,EAAAA,CAAC,EAAE;AACCF,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDE,EAAAA,CAAC,EAAE;AACCH,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;AACxB,GAAA;AACJ,EAAC;IAEYG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAQ,EAAa;AACjD,EAAA,IAAMC,IAAI,GAAGD,CAAC,CAACE,MAA0B,CAAA;EACzC,IAAMC,YAAY,GAAGC,MAAM,CAACH,IAAI,CAACI,YAAY,CAAC,cAAc,CAAC,CAAC,CAAA;AAE9D,EAAA,OAAOF,YAAY,CAAA;AACvB;;;;;;;"}

package/cjs/hooks/{useForm.js → useFormState.js}

@@ -29,14 +29,14 @@ var initData = function initData(ref, defaultValues) {
       var sliderType = item.getAttribute('datatype');
       if (sliderType === 'slider-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var event = new Event('setInitValue');
+        var event = new Event('setInitialValue');
         item.dispatchEvent(event);
       }
       if (sliderType === 'slider-double') {
         var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
         var _data = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data[isMax]));
-        var _event = new Event('setInitValue');
+        var _event = new Event('setInitialValue');
         item.dispatchEvent(_event);
       }
     }
@@ -44,14 +44,14 @@ var initData = function initData(ref, defaultValues) {
       var datepickerType = item.getAttribute('datatype');
       if (datepickerType === 'datepicker-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var _event2 = new Event('setInitValue');
+        var _event2 = new Event('setInitialValue');
         item.dispatchEvent(_event2);
       }
       if (datepickerType === 'datepicker-double') {
         var isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;
         var _data2 = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data2[isTo]));
-        var _event3 = new Event('setInitValue');
+        var _event3 = new Event('setInitialValue');
         item.dispatchEvent(_event3);
       }
     }
@@ -60,7 +60,7 @@ var initData = function initData(ref, defaultValues) {
 var valideParams = function valideParams(name) {
   return name && name !== '';
 };
-var useForm = function useForm(onSubmit, defaultValues) {
+var useFormState = function useFormState(onSubmit, defaultValues) {
   var formRef = /*#__PURE__*/React.createRef();
   React.useEffect(function () {
     initData(formRef, defaultValues);
@@ -127,5 +127,5 @@ var useForm = function useForm(onSubmit, defaultValues) {
   };
 };
 
-exports.useForm = useForm;
-//# sourceMappingURL=useForm.js.map
+exports.useFormState = useFormState;
+//# sourceMappingURL=useFormState.js.map

package/cjs/hooks/useFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormState.js","sources":["../../src/hooks/useFormState.ts"],"sourcesContent":["import React, { RefObject, useEffect } from 'react';\n\ntype DataType = { [name: string]: string | boolean | null | number | number[] | Date | string[] };\n\nconst initData = (ref: RefObject<HTMLFormElement>, defaultValues: DataType) => {\n    if (!ref.current) {\n        return;\n    }\n\n    const form = ref.current as HTMLFormElement;\n    const items = form.elements;\n\n    for (let i = 0; i < items.length; i++) {\n        const item = items[i] as HTMLInputElement;\n        const { name, value, type } = item;\n\n        if ((type === 'text' || type === 'textarea') && defaultValues[name]) {\n            item.value = String(defaultValues[name]);\n        }\n\n        if (type === 'checkbox' && defaultValues[name]) {\n            item.checked = Boolean(defaultValues[name]);\n        }\n\n        if (type === 'radio' && defaultValues[name]) {\n            item.checked = defaultValues[name] === value;\n        }\n\n        if (type === 'number' && defaultValues[name]) {\n            const sliderType = item.getAttribute('datatype');\n\n            if (sliderType === 'slider-single') {\n                item.setAttribute('defaultValue', String(defaultValues[name]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n\n            if (sliderType === 'slider-double') {\n                const isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;\n                const data = defaultValues[name] as number[];\n\n                item.setAttribute('defaultValue', String(data[isMax]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n        }\n\n        if (type === 'hidden') {\n            const datepickerType = item.getAttribute('datatype');\n\n            if (datepickerType === 'datepicker-single') {\n                item.setAttribute('defaultValue', String(defaultValues[name]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n\n            if (datepickerType === 'datepicker-double') {\n                const isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;\n                const data = defaultValues[name] as number[];\n\n                item.setAttribute('defaultValue', String(data[isTo]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n        }\n    }\n};\n\nconst valideParams = (name: string) => {\n    return name && name !== '';\n};\n\nexport const useFormState = (onSubmit: (data: DataType) => void, defaultValues: DataType) => {\n    const formRef = React.createRef<HTMLFormElement>();\n\n    useEffect(() => {\n        initData(formRef, defaultValues);\n    }, []);\n\n    const formData = (event: React.FormEvent<HTMLFormElement>) => {\n        event.preventDefault();\n\n        const result: DataType = {};\n\n        const form = event.target as HTMLFormElement;\n        const items = form.elements;\n\n        for (let i = 0; i < items.length; i++) {\n            const item = items[i] as HTMLInputElement;\n            const { name, value, type } = item;\n\n            if ((type === 'text' || type === 'textarea') && valideParams(name)) {\n                result[name] = value;\n            }\n\n            if (type === 'checkbox' && valideParams(name)) {\n                result[name] = item.checked;\n            }\n\n            if (type === 'radio' && valideParams(name)) {\n                if (item.checked) {\n                    result[name] = value;\n                } else if (!(name in result)) {\n                    result[name] = null;\n                }\n            }\n\n            if (type === 'number' && valideParams(name)) {\n                const sliderType = item.getAttribute('datatype');\n\n                if (sliderType === 'slider-single') {\n                    result[name] = value;\n                }\n\n                if (sliderType === 'slider-double') {\n                    const isMin = item.getAttribute('data-slidertype') === 'min';\n                    if (isMin) {\n                        result[name] = [Number(value)];\n                    }\n\n                    if (!isMin && Array.isArray(result[name])) {\n                        result[name] = [...(result[name] as number[]), Number(value)];\n                    }\n                }\n            }\n\n            if (type === 'hidden' && valideParams(name)) {\n                const sliderType = item.getAttribute('datatype');\n\n                if (sliderType === 'datepicker-single') {\n                    result[name] = value;\n                }\n\n                if (sliderType === 'datepicker-double') {\n                    const isMin = item.getAttribute('data-datepicker') === 'from';\n                    if (isMin) {\n                        result[name] = [String(value)];\n                    }\n\n                    if (!isMin && Array.isArray(result[name])) {\n                        result[name] = [...(result[name] as string[]), String(value)];\n                    }\n                }\n            }\n        }\n\n        onSubmit(result);\n    };\n\n    return { formRef, formData };\n};\n"],"names":["initData","ref","defaultValues","current","form","items","elements","i","length","item","name","value","type","String","checked","Boolean","sliderType","getAttribute","setAttribute","event","Event","dispatchEvent","isMax","data","datepickerType","isTo","valideParams","useFormState","onSubmit","formRef","React","createRef","useEffect","formData","preventDefault","result","target","isMin","Number","Array","isArray","concat","_toConsumableArray"],"mappings":"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"}

package/cjs/index.js

@@ -21,7 +21,7 @@ var useForceUpdate = require('./hooks/useForceUpdate.js');
 var useDidMountEffect = require('./hooks/useDidMountEffect.js');
 var useOutsideClick = require('./hooks/useOutsideClick.js');
 var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
-var useForm = require('./hooks/useForm.js');
+var useFormState = require('./hooks/useFormState.js');
 var index$1 = require('./utils/index.js');
 var Button = require('./components/Button/Button.js');
 var Button_tokens = require('./components/Button/Button.tokens.js');
@@ -288,7 +288,7 @@ exports.useForceUpdate = useForceUpdate.useForceUpdate;
 exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
 exports.useOutsideClick = useOutsideClick.useOutsideClick;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.useForm = useForm.useForm;
+exports.useFormState = useFormState.useFormState;
 exports.composableStyle = index$1.composableStyle;
 exports.cx = index$1.cx;
 exports.buttonConfig = Button.buttonConfig;

package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -11,7 +11,7 @@ var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
 var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
-var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
+var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
 var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
@@ -227,20 +227,20 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
     var setValue = function setValue(e) {
       var firstElement = innerRefFirst.current;
       var firstValueInit = String(firstElement.getAttribute('defaultValue'));
-      var secondValueInit = (0, _setInitValue.setInitValue)(e);
+      var secondValueInit = (0, _setInitialValue.setInitialValue)(e);
       handleCommitFirstDate(firstValueInit, true, false);
       handleCommitSecondDate(secondValueInit, true, false);
     };
     (0, _react.useEffect)(function () {
       if (innerRefSecond.current) {
-        innerRefSecond.current.addEventListener('setInitValue', setValue);
+        innerRefSecond.current.addEventListener('setInitialValue', setValue);
       }
       return function () {
         if (innerRefSecond.current) {
-          innerRefSecond.current.removeEventListener('setInitValue', setValue);
+          innerRefSecond.current.removeEventListener('setInitialValue', setValue);
         }
       };
-    }, [innerRefSecond]);
+    }, []);
     var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,

package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -12,7 +12,7 @@ var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
-var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
+var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
 var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
@@ -185,18 +185,18 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
     }, [format, lang]);
     (0, _react.useEffect)(function () {
       if (innerRef.current) {
-        innerRef.current.addEventListener('setInitValue', function (e) {
-          return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
+        innerRef.current.addEventListener('setInitialValue', function (e) {
+          return handleCommitDate((0, _setInitialValue.setInitialValue)(e), true, false);
         });
       }
       return function () {
         if (innerRef.current) {
-          innerRef.current.removeEventListener('setInitValue', function (e) {
-            return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
+          innerRef.current.removeEventListener('setInitialValue', function (e) {
+            return handleCommitDate((0, _setInitialValue.setInitialValue)(e), true, false);
           });
         }
       };
-    }, [innerRef]);
+    }, []);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,

package/{styled-components/cjs/components/DatePicker/utils/setInitValue.js → emotion/cjs/components/DatePicker/utils/setInitialValue.js}

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setInitValue = void 0;
-var setInitValue = exports.setInitValue = function setInitValue(e) {
+exports.setInitialValue = void 0;
+var setInitialValue = exports.setInitialValue = function setInitialValue(e) {
   var item = e.target;
   var defaultValue = String(item.getAttribute('defaultValue'));
   return defaultValue;

package/emotion/cjs/components/Slider/components/Double/Double.js

@@ -99,7 +99,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
   var setValue = function setValue(e) {
     var firstElement = innerRefFirst.current;
     var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
-    var secondValueInit = (0, _utils.setInitValue)(e);
+    var secondValueInit = (0, _utils.setInitialValue)(e);
     onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
     setFirstValue(firstValueInit);
     setSecondValue(secondValueInit);
@@ -120,14 +120,14 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
   (0, _react.useEffect)(function () {
     if (innerRefSecond.current && onChangeCommitted) {
-      innerRefSecond.current.addEventListener('setInitValue', setValue);
+      innerRefSecond.current.addEventListener('setInitialValue', setValue);
     }
     return function () {
       if (innerRefSecond.current && onChangeCommitted) {
-        innerRefSecond.current.removeEventListener('setInitValue', setValue);
+        innerRefSecond.current.removeEventListener('setInitialValue', setValue);
       }
     };
-  }, [innerRefSecond]);
+  }, []);
   var setStepSize = (0, _react.useCallback)(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {

package/emotion/cjs/components/Slider/components/Single/Single.js

@@ -112,18 +112,18 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
   }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
   (0, _react.useEffect)(function () {
     if (innerRef.current) {
-      innerRef.current.addEventListener('setInitValue', function (e) {
-        return setDragValue((0, _utils.setInitValue)(e));
+      innerRef.current.addEventListener('setInitialValue', function (e) {
+        return setDragValue((0, _utils.setInitialValue)(e));
       });
     }
     return function () {
       if (innerRef.current) {
-        innerRef.current.removeEventListener('setInitValue', function (e) {
-          return setDragValue((0, _utils.setInitValue)(e));
+        innerRef.current.removeEventListener('setInitialValue', function (e) {
+          return setDragValue((0, _utils.setInitialValue)(e));
         });
       }
     };
-  }, [innerRef]);
+  }, []);
   var setStepSize = (0, _react.useCallback)(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {

package/emotion/cjs/components/Slider/utils/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOffsets = getOffsets;
 exports.getSliderThumbValue = getSliderThumbValue;
-exports.sizeData = exports.setInitValue = void 0;
+exports.sizeData = exports.setInitialValue = void 0;
 /**
  * Расчитать значение слайдера с учетом его координат и шага изменений.
  * @param {number} handleCenterXRelative
@@ -53,7 +53,7 @@ var sizeData = exports.sizeData = {
     fontSizeMultiplier: 16
   }
 };
-var setInitValue = exports.setInitValue = function setInitValue(e) {
+var setInitialValue = exports.setInitialValue = function setInitialValue(e) {
   var item = e.target;
   var defaultValue = Number(item.getAttribute('defaultValue'));
   return defaultValue;

package/emotion/cjs/hooks/index.js

@@ -21,10 +21,10 @@ Object.defineProperty(exports, "useForceUpdate", {
     return _useForceUpdate.useForceUpdate;
   }
 });
-Object.defineProperty(exports, "useForm", {
+Object.defineProperty(exports, "useFormState", {
   enumerable: true,
   get: function get() {
-    return _useForm.useForm;
+    return _useFormState.useFormState;
   }
 });
 Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
@@ -58,4 +58,4 @@ var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
 var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
 var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
 var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
-var _useForm = /*#__PURE__*/require("./useForm");
+var _useFormState = /*#__PURE__*/require("./useFormState");

package/emotion/cjs/hooks/{useForm.js → useFormState.js}

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useForm = void 0;
+exports.useFormState = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -38,14 +38,14 @@ var initData = function initData(ref, defaultValues) {
       var sliderType = item.getAttribute('datatype');
       if (sliderType === 'slider-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var event = new Event('setInitValue');
+        var event = new Event('setInitialValue');
         item.dispatchEvent(event);
       }
       if (sliderType === 'slider-double') {
         var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
         var _data = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data[isMax]));
-        var _event = new Event('setInitValue');
+        var _event = new Event('setInitialValue');
         item.dispatchEvent(_event);
       }
     }
@@ -53,14 +53,14 @@ var initData = function initData(ref, defaultValues) {
       var datepickerType = item.getAttribute('datatype');
       if (datepickerType === 'datepicker-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var _event2 = new Event('setInitValue');
+        var _event2 = new Event('setInitialValue');
         item.dispatchEvent(_event2);
       }
       if (datepickerType === 'datepicker-double') {
         var isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;
         var _data2 = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data2[isTo]));
-        var _event3 = new Event('setInitValue');
+        var _event3 = new Event('setInitialValue');
         item.dispatchEvent(_event3);
       }
     }
@@ -69,7 +69,7 @@ var initData = function initData(ref, defaultValues) {
 var valideParams = function valideParams(name) {
   return name && name !== '';
 };
-var useForm = exports.useForm = function useForm(onSubmit, defaultValues) {
+var useFormState = exports.useFormState = function useFormState(onSubmit, defaultValues) {
   var formRef = /*#__PURE__*/_react["default"].createRef();
   (0, _react.useEffect)(function () {
     initData(formRef, defaultValues);

package/emotion/es/components/DatePicker/RangeDate/RangeDate.js

@@ -14,7 +14,7 @@ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '.
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
-import { setInitValue } from '../utils/setInitValue';
+import { setInitialValue } from '../utils/setInitialValue';
 import { InputHidden } from '../../../utils/inputHidden';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
@@ -218,20 +218,20 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     var setValue = function setValue(e) {
       var firstElement = innerRefFirst.current;
       var firstValueInit = String(firstElement.getAttribute('defaultValue'));
-      var secondValueInit = setInitValue(e);
+      var secondValueInit = setInitialValue(e);
       handleCommitFirstDate(firstValueInit, true, false);
       handleCommitSecondDate(secondValueInit, true, false);
     };
     useEffect(function () {
       if (innerRefSecond.current) {
-        innerRefSecond.current.addEventListener('setInitValue', setValue);
+        innerRefSecond.current.addEventListener('setInitialValue', setValue);
       }
       return function () {
         if (innerRefSecond.current) {
-          innerRefSecond.current.removeEventListener('setInitValue', setValue);
+          innerRefSecond.current.removeEventListener('setInitialValue', setValue);
         }
       };
-    }, [innerRefSecond]);
+    }, []);
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,

package/emotion/es/components/DatePicker/SingleDate/SingleDate.js

@@ -15,7 +15,7 @@ import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { StyledCalendar } from '../DatePickerBase.styles';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
-import { setInitValue } from '../utils/setInitValue';
+import { setInitialValue } from '../utils/setInitialValue';
 import { InputHidden } from '../../../utils/inputHidden';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
@@ -176,18 +176,18 @@ export var datePickerRoot = function datePickerRoot(Root) {
     }, [format, lang]);
     useEffect(function () {
       if (innerRef.current) {
-        innerRef.current.addEventListener('setInitValue', function (e) {
-          return handleCommitDate(setInitValue(e), true, false);
+        innerRef.current.addEventListener('setInitialValue', function (e) {
+          return handleCommitDate(setInitialValue(e), true, false);
         });
       }
       return function () {
         if (innerRef.current) {
-          innerRef.current.removeEventListener('setInitValue', function (e) {
-            return handleCommitDate(setInitValue(e), true, false);
+          innerRef.current.removeEventListener('setInitialValue', function (e) {
+            return handleCommitDate(setInitialValue(e), true, false);
           });
         }
       };
-    }, [innerRef]);
+    }, []);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,

package/{styled-components/es/components/DatePicker/utils/setInitValue.js → emotion/es/components/DatePicker/utils/setInitialValue.js}

@@ -1,4 +1,4 @@
-export var setInitValue = function setInitValue(e) {
+export var setInitialValue = function setInitialValue(e) {
   var item = e.target;
   var defaultValue = String(item.getAttribute('defaultValue'));
   return defaultValue;

package/emotion/es/components/Slider/components/Double/Double.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { SliderBase } from '../SliderBase/SliderBase';
 import { Handler } from '../../ui';
-import { sizeData, setInitValue } from '../../utils';
+import { sizeData, setInitialValue } from '../../utils';
 import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
 import { InputHidden } from '../../../../utils/inputHidden';
@@ -91,7 +91,7 @@ export var DoubleSlider = function DoubleSlider(_ref) {
   var setValue = function setValue(e) {
     var firstElement = innerRefFirst.current;
     var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
-    var secondValueInit = setInitValue(e);
+    var secondValueInit = setInitialValue(e);
     onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
     setFirstValue(firstValueInit);
     setSecondValue(secondValueInit);
@@ -112,14 +112,14 @@ export var DoubleSlider = function DoubleSlider(_ref) {
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
   useEffect(function () {
     if (innerRefSecond.current && onChangeCommitted) {
-      innerRefSecond.current.addEventListener('setInitValue', setValue);
+      innerRefSecond.current.addEventListener('setInitialValue', setValue);
     }
     return function () {
       if (innerRefSecond.current && onChangeCommitted) {
-        innerRefSecond.current.removeEventListener('setInitValue', setValue);
+        innerRefSecond.current.removeEventListener('setInitialValue', setValue);
       }
     };
-  }, [innerRefSecond]);
+  }, []);
   var setStepSize = useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {

package/emotion/es/components/Slider/components/Single/Single.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { SliderBase } from '../SliderBase/SliderBase';
 import { Handler } from '../../ui';
-import { setInitValue, sizeData } from '../../utils';
+import { setInitialValue, sizeData } from '../../utils';
 import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
 import { InputHidden } from '../../../../utils/inputHidden';
@@ -104,18 +104,18 @@ export var SingleSlider = function SingleSlider(_ref) {
   }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
   useEffect(function () {
     if (innerRef.current) {
-      innerRef.current.addEventListener('setInitValue', function (e) {
-        return setDragValue(setInitValue(e));
+      innerRef.current.addEventListener('setInitialValue', function (e) {
+        return setDragValue(setInitialValue(e));
       });
     }
     return function () {
       if (innerRef.current) {
-        innerRef.current.removeEventListener('setInitValue', function (e) {
-          return setDragValue(setInitValue(e));
+        innerRef.current.removeEventListener('setInitialValue', function (e) {
+          return setDragValue(setInitialValue(e));
         });
       }
     };
-  }, [innerRef]);
+  }, []);
   var setStepSize = useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {

package/emotion/es/components/Slider/utils/index.js

@@ -45,7 +45,7 @@ export var sizeData = {
     fontSizeMultiplier: 16
   }
 };
-export var setInitValue = function setInitValue(e) {
+export var setInitialValue = function setInitialValue(e) {
   var item = e.target;
   var defaultValue = Number(item.getAttribute('defaultValue'));
   return defaultValue;

package/emotion/es/hooks/index.js

@@ -5,4 +5,4 @@ export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';
 export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
-export { useForm } from './useForm';
+export { useFormState } from './useFormState';