@consta/uikit 4.33.1 → 5.0.0-beta.2

package/__internal__/src/components/Slider/SliderPoint/SliderPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderPoint.js","names":["React","useEffect","useRef","generateThemeClassNames","ThemeContext","useTheme","Tooltip","useFlag","useForkRef","cnMixFocus","cn","cnSliderPoint","getTooltipPosition","popoverPosition","buttonRef","current","getBoundingClientRect","y","height","x","Math","round","defaultPossibleDirections","SliderPoint","props","hovered","onHover","value","position","disabled","withTooltip","focused","active","handlePress","onKeyPress","tooltipFormatter","buttonLabel","onFocus","tooltipDirection","tooltipPossibleDirections","tooltipZIndex","otherProps","tooltipVisible","setTooltipVisible","theme","tooltipTheme","color","primary","invert","accent","tooltipThemeClassNames","handleFocus","e","on","handleMouseAction","enter","off","pointRef","tooltipPosition","handleBlur","themeClassNames","zIndex"],"sources":["../../../../../../src/components/Slider/SliderPoint/SliderPoint.tsx"],"sourcesContent":["import './SliderPoint.css';\n\nimport React, { useEffect, useRef } from 'react';\n\nimport { Direction } from '##/components/Popover';\nimport {\n  generateThemeClassNames,\n  ThemeContext,\n  useTheme,\n} from '##/components/Theme';\nimport { Tooltip } from '##/components/TooltipCanary';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '##/mixs/MixFocus/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport { SliderPointProps, TrackPosition } from '../helper';\n\nconst cnSliderPoint = cn('SliderPoint');\n\nconst getTooltipPosition = (\n  popoverPosition?: TrackPosition,\n  buttonRef?: React.RefObject<HTMLButtonElement>,\n) => {\n  if (popoverPosition && buttonRef && buttonRef.current) {\n    const { y, height } = buttonRef.current.getBoundingClientRect();\n    return {\n      x: Math.round(popoverPosition.x),\n      y: Math.round(y + height / 2),\n    };\n  }\n\n  return { x: 0, y: 0 };\n};\n\nconst defaultPossibleDirections: Direction[] = [\n  'leftCenter',\n  'rightCenter',\n  'downCenter',\n  'leftDown',\n  'rightDown',\n  'upCenter',\n];\n\nexport const SliderPoint = (props: SliderPointProps) => {\n  const {\n    hovered,\n    onHover,\n    value,\n    position,\n    disabled,\n    withTooltip,\n    focused,\n    popoverPosition,\n    buttonRef,\n    active,\n    handlePress,\n    onKeyPress,\n    tooltipFormatter,\n    buttonLabel,\n    onFocus,\n    tooltipDirection = 'downCenter',\n    tooltipPossibleDirections = defaultPossibleDirections,\n    tooltipZIndex,\n    ...otherProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useFlag(false);\n\n  const { theme } = useTheme();\n\n  const tooltipTheme = {\n    ...theme,\n    color: {\n      primary: theme.color.invert,\n      accent: theme.color.accent,\n      invert: theme.color.primary,\n    },\n  };\n\n  const tooltipThemeClassNames = generateThemeClassNames(tooltipTheme);\n\n  const handleFocus = (\n    e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent,\n  ) => {\n    if (!disabled) {\n      onFocus?.(e, buttonLabel);\n      setTooltipVisible.on();\n    }\n  };\n\n  const handleMouseAction = (enter: boolean) => {\n    if (!disabled) {\n      onHover?.(enter);\n      enter && setTooltipVisible.on();\n      if (enter) setTooltipVisible.on();\n      if (!enter && !focused) setTooltipVisible.off();\n    }\n  };\n\n  const handleBlur = (\n    e:\n      | React.FocusEvent<HTMLButtonElement>\n      | React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    if (!disabled) {\n      onFocus?.(e, null);\n      setTooltipVisible.off();\n    }\n  };\n\n  const pointRef = useRef<HTMLButtonElement>(null);\n\n  const tooltipPosition = getTooltipPosition(\n    popoverPosition,\n    buttonRef || pointRef,\n  );\n\n  useEffect(() => {\n    focused ? setTooltipVisible.on() : setTooltipVisible.off();\n  }, [focused]);\n\n  const tooltipOpen = !!(tooltipVisible && withTooltip && popoverPosition);\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        aria-label={`${buttonLabel}-button`}\n        className={cnSliderPoint({ hovered, disabled, active }, [\n          !disabled ? cnMixFocus() : '',\n        ])}\n        onMouseOver={() => handleMouseAction(true)}\n        onMouseOut={() => handleMouseAction(false)}\n        onMouseDown={() => handlePress?.(buttonLabel)}\n        onTouchStart={() => handlePress?.(buttonLabel)}\n        onKeyDown={(e) => onKeyPress?.(e, buttonLabel)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onClick={handleFocus}\n        ref={useForkRef([buttonRef, pointRef])}\n        tabIndex={0}\n        style={{\n          ['--slider-button-left' as string]: `${position}%`,\n        }}\n        {...otherProps}\n      />\n\n      <ThemeContext.Provider\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        value={{\n          theme: tooltipTheme,\n          themeClassNames: tooltipThemeClassNames,\n        }}\n      >\n        <Tooltip\n          isOpen={tooltipOpen}\n          position={tooltipPosition}\n          className={cnSliderPoint('Tooltip')}\n          direction={tooltipDirection}\n          possibleDirections={tooltipPossibleDirections}\n          style={{ zIndex: tooltipZIndex }}\n          offset={10}\n        >\n          {tooltipFormatter ? tooltipFormatter(value) : value}\n        </Tooltip>\n      </ThemeContext.Provider>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SliderPoint.js","names":["React","useEffect","useRef","generateThemeClassNames","ThemeContext","useTheme","Tooltip","useFlag","useForkRef","cnMixFocus","cn","cnSliderPoint","getTooltipPosition","popoverPosition","buttonRef","current","getBoundingClientRect","y","height","x","Math","round","defaultPossibleDirections","SliderPoint","props","hovered","onHover","value","position","disabled","withTooltip","focused","active","handlePress","onKeyPress","tooltipFormatter","buttonLabel","onFocus","tooltipDirection","tooltipPossibleDirections","tooltipZIndex","otherProps","tooltipVisible","setTooltipVisible","theme","tooltipTheme","color","primary","invert","accent","tooltipThemeClassNames","handleFocus","e","on","handleMouseAction","enter","off","pointRef","tooltipPosition","handleBlur","themeClassNames","zIndex"],"sources":["../../../../../../src/components/Slider/SliderPoint/SliderPoint.tsx"],"sourcesContent":["import './SliderPoint.css';\n\nimport React, { useEffect, useRef } from 'react';\n\nimport { Direction } from '##/components/Popover';\nimport {\n  generateThemeClassNames,\n  ThemeContext,\n  useTheme,\n} from '##/components/Theme';\nimport { Tooltip } from '##/components/Tooltip';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '##/mixs/MixFocus/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport { SliderPointProps, TrackPosition } from '../helper';\n\nconst cnSliderPoint = cn('SliderPoint');\n\nconst getTooltipPosition = (\n  popoverPosition?: TrackPosition,\n  buttonRef?: React.RefObject<HTMLButtonElement>,\n) => {\n  if (popoverPosition && buttonRef && buttonRef.current) {\n    const { y, height } = buttonRef.current.getBoundingClientRect();\n    return {\n      x: Math.round(popoverPosition.x),\n      y: Math.round(y + height / 2),\n    };\n  }\n\n  return { x: 0, y: 0 };\n};\n\nconst defaultPossibleDirections: Direction[] = [\n  'leftCenter',\n  'rightCenter',\n  'downCenter',\n  'leftDown',\n  'rightDown',\n  'upCenter',\n];\n\nexport const SliderPoint = (props: SliderPointProps) => {\n  const {\n    hovered,\n    onHover,\n    value,\n    position,\n    disabled,\n    withTooltip,\n    focused,\n    popoverPosition,\n    buttonRef,\n    active,\n    handlePress,\n    onKeyPress,\n    tooltipFormatter,\n    buttonLabel,\n    onFocus,\n    tooltipDirection = 'downCenter',\n    tooltipPossibleDirections = defaultPossibleDirections,\n    tooltipZIndex,\n    ...otherProps\n  } = props;\n\n  const [tooltipVisible, setTooltipVisible] = useFlag(false);\n\n  const { theme } = useTheme();\n\n  const tooltipTheme = {\n    ...theme,\n    color: {\n      primary: theme.color.invert,\n      accent: theme.color.accent,\n      invert: theme.color.primary,\n    },\n  };\n\n  const tooltipThemeClassNames = generateThemeClassNames(tooltipTheme);\n\n  const handleFocus = (\n    e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent,\n  ) => {\n    if (!disabled) {\n      onFocus?.(e, buttonLabel);\n      setTooltipVisible.on();\n    }\n  };\n\n  const handleMouseAction = (enter: boolean) => {\n    if (!disabled) {\n      onHover?.(enter);\n      enter && setTooltipVisible.on();\n      if (enter) setTooltipVisible.on();\n      if (!enter && !focused) setTooltipVisible.off();\n    }\n  };\n\n  const handleBlur = (\n    e:\n      | React.FocusEvent<HTMLButtonElement>\n      | React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    if (!disabled) {\n      onFocus?.(e, null);\n      setTooltipVisible.off();\n    }\n  };\n\n  const pointRef = useRef<HTMLButtonElement>(null);\n\n  const tooltipPosition = getTooltipPosition(\n    popoverPosition,\n    buttonRef || pointRef,\n  );\n\n  useEffect(() => {\n    focused ? setTooltipVisible.on() : setTooltipVisible.off();\n  }, [focused]);\n\n  const tooltipOpen = !!(tooltipVisible && withTooltip && popoverPosition);\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        aria-label={`${buttonLabel}-button`}\n        className={cnSliderPoint({ hovered, disabled, active }, [\n          !disabled ? cnMixFocus() : '',\n        ])}\n        onMouseOver={() => handleMouseAction(true)}\n        onMouseOut={() => handleMouseAction(false)}\n        onMouseDown={() => handlePress?.(buttonLabel)}\n        onTouchStart={() => handlePress?.(buttonLabel)}\n        onKeyDown={(e) => onKeyPress?.(e, buttonLabel)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onClick={handleFocus}\n        ref={useForkRef([buttonRef, pointRef])}\n        tabIndex={0}\n        style={{\n          ['--slider-button-left' as string]: `${position}%`,\n        }}\n        {...otherProps}\n      />\n\n      <ThemeContext.Provider\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        value={{\n          theme: tooltipTheme,\n          themeClassNames: tooltipThemeClassNames,\n        }}\n      >\n        <Tooltip\n          isOpen={tooltipOpen}\n          position={tooltipPosition}\n          className={cnSliderPoint('Tooltip')}\n          direction={tooltipDirection}\n          possibleDirections={tooltipPossibleDirections}\n          style={{ zIndex: tooltipZIndex }}\n          offset={10}\n        >\n          {tooltipFormatter ? tooltipFormatter(value) : value}\n        </Tooltip>\n      </ThemeContext.Provider>\n    </>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/Slider/helper.d.ts

@@ -3,24 +3,23 @@ import React from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 import { Direction } from '../Popover';
 import { ActiveButton } from './useSlider/helper';
-export declare const propStatus: readonly ["alert", "warning", "success"];
-export declare type PropStatus = typeof propStatus[number];
-export declare const defaultPropStatus: "alert";
-export declare type PropView = 'default' | 'division';
-export declare const propSize: readonly ["s", "xs", "m", "l"];
-export declare type PropSize = typeof propSize[number];
-export declare const defaultPropSize: PropSize;
+export declare const sliderPropStatus: readonly ["alert", "warning", "success"];
+export declare type SliderPropStatus = typeof sliderPropStatus[number];
+export declare const sliderPropStatusDefault: "alert";
+export declare type SliderPropView = 'default' | 'division';
+export declare const sliderPropSize: readonly ["s", "xs", "m", "l"];
+export declare type SliderPropSize = typeof sliderPropSize[number];
+export declare const sliderPropSizeDefault: SliderPropSize;
 export declare type SliderValue<RANGE> = RANGE extends true ? [number, number] : number;
-export declare type PropOnChange<RANGE> = (prop: {
+export declare type SliderPropOnChange<RANGE> = (value: SliderValue<RANGE>, prop: {
     e?: Event | React.TouchEvent | React.MouseEvent | React.KeyboardEvent | React.ChangeEvent;
-    value: SliderValue<RANGE>;
 }) => void;
-declare type PropToolipFormatter = (value: number | undefined) => string;
+declare type SliderPropToolipFormatter = (value: number | undefined) => string;
 declare type Side = IconComponent | 'input';
 declare type Props<RANGE extends boolean = false> = {
     className?: string;
     step?: number | number[];
-    view?: PropView;
+    view?: SliderPropView;
     disabled?: boolean;
     range?: RANGE;
     withTooltip?: boolean;
@@ -28,14 +27,14 @@ declare type Props<RANGE extends boolean = false> = {
     label?: string;
     labelIcon?: IconComponent;
     caption?: string;
-    status?: PropStatus;
+    status?: SliderPropStatus;
     min?: number;
-    size?: PropSize;
+    size?: SliderPropSize;
     max?: number;
-    onChange?: PropOnChange<RANGE>;
-    onAfterChange?: PropOnChange<RANGE>;
+    onChange?: SliderPropOnChange<RANGE>;
+    onAfterChange?: SliderPropOnChange<RANGE>;
     leftSide?: Side;
-    tooltipFormatter?: PropToolipFormatter;
+    tooltipFormatter?: SliderPropToolipFormatter;
     rightSide?: Side;
     tooltipDirection?: Direction;
     tooltipPossibleDirections?: Direction[];
@@ -46,7 +45,7 @@ export declare type Line = {
     size?: number[];
 };
 export declare type SliderLineProps = {
-    view?: PropView;
+    view?: SliderPropView;
     lines: Line[];
     disabled?: boolean;
     hovered?: boolean;
@@ -62,7 +61,7 @@ export declare type SliderPointProps = PropsWithHTMLAttributes<{
     buttonLabel?: ActiveButton;
     buttonRef?: React.RefObject<HTMLButtonElement>;
     popoverPosition?: TrackPosition;
-    tooltipFormatter?: PropToolipFormatter;
+    tooltipFormatter?: SliderPropToolipFormatter;
     onFocus?: (e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent, button: ActiveButton) => void;
     onKeyPress?: (e: React.KeyboardEvent, typeButton?: ActiveButton) => void;
     onHover?: (hovered: boolean) => void;
@@ -76,7 +75,7 @@ export declare type SliderProps<RANGE extends boolean> = PropsWithHTMLAttributes
 export declare type SliderComponent = <RANGE extends boolean = false>(props: SliderProps<RANGE>) => React.ReactElement | null;
 export declare const isRangeParams: (params: Props<boolean>) => params is Props<true>;
 export declare const isNotRangeParams: (params: Props<boolean>) => params is Props<false>;
-export declare const defaultTooltipFormatter: PropToolipFormatter;
+export declare const defaultTooltipFormatter: SliderPropToolipFormatter;
 export declare type TrackPosition = {
     x: number;
     y: number;

package/__internal__/src/components/Slider/helper.js

@@ -1,2 +1,2 @@
-export var propStatus=["alert","warning","success"];export var defaultPropStatus=propStatus[0];export var propSize=["s","xs","m","l"];export var defaultPropSize=propSize[0];export var isRangeParams=function(a){return!!a.range};export var isNotRangeParams=function(a){return!a.range};export var defaultTooltipFormatter=function(a){return(null===a||void 0===a?void 0:a.toString())||""};export var getValueForInput=function(a,b){return isRangeParams(a)?a.value[b]:a.value};export var getOnChandgeForInput=function(a,b){return function(c){var d=c.e,e=c.value;a.onChange&&(isNotRangeParams(a)&&a.onChange({e:d,value:e}),isRangeParams(a)&&a.onChange({e:d,value:b?[a.value[0],e]:[e,a.value[1]]}))}};export var getIcon=function(a){if("input"!==a)return a};export var getMaxForStartField=function(a){return isNotRangeParams(a)?a.max:isRangeParams(a)?a.value[1]:void 0};export var getMinForEndField=function(a){return isNotRangeParams(a)?a.min:isRangeParams(a)?a.value[0]:void 0};export var getValidStep=function(a,b,c){return c?Array.isArray(c)?c:0>=c?1:c:Math.abs((b-a)/100)};
+export var sliderPropStatus=["alert","warning","success"];export var sliderPropStatusDefault=sliderPropStatus[0];export var sliderPropSize=["s","xs","m","l"];export var sliderPropSizeDefault=sliderPropSize[0];export var isRangeParams=function(a){return!!a.range};export var isNotRangeParams=function(a){return!a.range};export var defaultTooltipFormatter=function(a){return(null===a||void 0===a?void 0:a.toString())||""};export var getValueForInput=function(a,b){return isRangeParams(a)?a.value[b]:a.value};export var getOnChandgeForInput=function(a,b){return function(c){var d=c.e,e=c.value;if(a.onChange&&(isNotRangeParams(a)&&a.onChange(e,{e:d}),isRangeParams(a))){var f=b?[a.value[0],e]:[e,a.value[1]];a.onChange(f,{e:d})}}};export var getIcon=function(a){if("input"!==a)return a};export var getMaxForStartField=function(a){return isNotRangeParams(a)?a.max:isRangeParams(a)?a.value[1]:void 0};export var getMinForEndField=function(a){return isNotRangeParams(a)?a.min:isRangeParams(a)?a.value[0]:void 0};export var getValidStep=function(a,b,c){return c?Array.isArray(c)?c:0>=c?1:c:Math.abs((b-a)/100)};
 //# sourceMappingURL=helper.js.map

package/__internal__/src/components/Slider/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":["propStatus","defaultPropStatus","propSize","defaultPropSize","isRangeParams","params","range","isNotRangeParams","defaultTooltipFormatter","value","toString","getValueForInput","props","field","getOnChandgeForInput","e","onChange","getIcon","side","getMaxForStartField","max","getMinForEndField","min","getValidStep","step","Array","isArray","Math","abs"],"sources":["../../../../../src/components/Slider/helper.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction } from '../Popover';\nimport { ActiveButton } from './useSlider/helper';\n\nexport const propStatus = ['alert', 'warning', 'success'] as const;\nexport type PropStatus = typeof propStatus[number];\nexport const defaultPropStatus = propStatus[0];\n\nexport type PropView = 'default' | 'division';\n\nexport const propSize = ['s', 'xs', 'm', 'l'] as const;\nexport type PropSize = typeof propSize[number];\nexport const defaultPropSize: PropSize = propSize[0];\n\nexport type SliderValue<RANGE> = RANGE extends true ? [number, number] : number;\n\nexport type PropOnChange<RANGE> = (prop: {\n  e?:\n    | Event\n    | React.TouchEvent\n    | React.MouseEvent\n    | React.KeyboardEvent\n    | React.ChangeEvent;\n  value: SliderValue<RANGE>;\n}) => void;\n\ntype PropToolipFormatter = (value: number | undefined) => string;\n\ntype Side = IconComponent | 'input';\n\ntype Props<RANGE extends boolean = false> = {\n  className?: string;\n  step?: number | number[];\n  view?: PropView;\n  disabled?: boolean;\n  range?: RANGE;\n  withTooltip?: boolean;\n  value: SliderValue<RANGE>;\n  label?: string;\n  labelIcon?: IconComponent;\n  caption?: string;\n  status?: PropStatus;\n  min?: number;\n  size?: PropSize;\n  max?: number;\n  onChange?: PropOnChange<RANGE>;\n  onAfterChange?: PropOnChange<RANGE>;\n  leftSide?: Side;\n  tooltipFormatter?: PropToolipFormatter;\n  rightSide?: Side;\n  tooltipDirection?: Direction;\n  tooltipPossibleDirections?: Direction[];\n};\n\nexport type Line = {\n  width: number;\n  active: boolean;\n  size?: number[];\n};\n\nexport type SliderLineProps = {\n  view?: PropView;\n  lines: Line[];\n  disabled?: boolean;\n  hovered?: boolean;\n  onHover?: (hovered: boolean) => void;\n};\n\nexport type SliderPointProps = PropsWithHTMLAttributes<\n  {\n    value?: number;\n    disabled?: boolean;\n    focused?: boolean;\n    hovered?: boolean;\n    withTooltip?: boolean;\n    handlePress?: (typeButton: ActiveButton) => void;\n    buttonLabel?: ActiveButton;\n    buttonRef?: React.RefObject<HTMLButtonElement>;\n    popoverPosition?: TrackPosition;\n    tooltipFormatter?: PropToolipFormatter;\n    onFocus?: (\n      e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent,\n      button: ActiveButton,\n    ) => void;\n    onKeyPress?: (e: React.KeyboardEvent, typeButton?: ActiveButton) => void;\n    onHover?: (hovered: boolean) => void;\n    position: number;\n    active?: boolean;\n    tooltipZIndex?: number;\n    tooltipDirection?: Direction;\n    tooltipPossibleDirections?: Direction[];\n  },\n  HTMLButtonElement\n>;\n\nexport type SliderProps<RANGE extends boolean> = PropsWithHTMLAttributes<\n  Props<RANGE>,\n  HTMLDivElement\n>;\n\nexport type SliderComponent = <RANGE extends boolean = false>(\n  props: SliderProps<RANGE>,\n) => React.ReactElement | null;\n\nexport const isRangeParams = (\n  params: Props<boolean>,\n): params is Props<true> => {\n  return !!params.range;\n};\n\nexport const isNotRangeParams = (\n  params: Props<boolean>,\n): params is Props<false> => {\n  return !params.range;\n};\n\nexport const defaultTooltipFormatter: PropToolipFormatter = (value) =>\n  value?.toString() || '';\n\nexport type TrackPosition = {\n  x: number;\n  y: number;\n} | null;\n\nexport const getValueForInput = (\n  props: SliderProps<boolean>,\n  field: 0 | 1,\n): number => {\n  if (isRangeParams(props)) {\n    return props.value[field];\n  }\n  return props.value as number;\n};\n\ntype GetOnChandgeForInputReturned = (props: {\n  e?: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  value: number;\n}) => void;\n\nexport const getOnChandgeForInput =\n  (props: SliderProps<boolean>, field: 0 | 1): GetOnChandgeForInputReturned =>\n  ({ e, value }) => {\n    if (!props.onChange) {\n      return;\n    }\n    if (isNotRangeParams(props)) {\n      props.onChange({ e, value });\n    }\n    if (isRangeParams(props)) {\n      props.onChange({\n        e,\n        value: field ? [props.value[0], value] : [value, props.value[1]],\n      });\n    }\n  };\n\nexport const getIcon = (side?: Side) => {\n  if (side !== 'input') {\n    return side;\n  }\n};\n\nexport const getMaxForStartField = (props: SliderProps<boolean>) => {\n  if (isNotRangeParams(props)) {\n    return props.max;\n  }\n  if (isRangeParams(props)) {\n    return props.value[1];\n  }\n};\n\nexport const getMinForEndField = (props: SliderProps<boolean>) => {\n  if (isNotRangeParams(props)) {\n    return props.min;\n  }\n  if (isRangeParams(props)) {\n    return props.value[0];\n  }\n};\n\nexport const getValidStep = (\n  min: number,\n  max: number,\n  step?: number | number[],\n) => {\n  if (step) {\n    if (Array.isArray(step)) {\n      return step;\n    }\n    if (step <= 0) {\n      return 1;\n    }\n    return step;\n  }\n  return Math.abs((max - min) / 100);\n};\n"],"mappings":"AAOA,MAAO,IAAMA,WAAU,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAnB,CAEP,MAAO,IAAMC,kBAAiB,CAAGD,UAAU,CAAC,CAAD,CAApC,CAIP,MAAO,IAAME,SAAQ,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAjB,CAEP,MAAO,IAAMC,gBAAyB,CAAGD,QAAQ,CAAC,CAAD,CAA1C,CA4FP,MAAO,IAAME,cAAa,CAAG,SAC3BC,CAD2B,CAED,CAC1B,MAAO,CAAC,CAACA,CAAM,CAACC,KACjB,CAJM,CAMP,MAAO,IAAMC,iBAAgB,CAAG,SAC9BF,CAD8B,CAEH,CAC3B,MAAO,CAACA,CAAM,CAACC,KAChB,CAJM,CAMP,MAAO,IAAME,wBAA4C,CAAG,SAACC,CAAD,QAC1D,QAAAA,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEC,QAAP,KAAqB,EADqC,CAArD,CAQP,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,CAE9BC,CAF8B,CAGnB,OACPT,cAAa,CAACQ,CAAD,CADN,CAEFA,CAAK,CAACH,KAAN,CAAYI,CAAZ,CAFE,CAIJD,CAAK,CAACH,KACd,CARM,CAeP,MAAO,IAAMK,qBAAoB,CAC/B,SAACF,CAAD,CAA8BC,CAA9B,QACA,YAAkB,IAAfE,EAAe,GAAfA,CAAe,CAAZN,CAAY,GAAZA,KAAY,CACXG,CAAK,CAACI,QADK,GAIZT,gBAAgB,CAACK,CAAD,CAJJ,EAKdA,CAAK,CAACI,QAAN,CAAe,CAAED,CAAC,CAADA,CAAF,CAAKN,KAAK,CAALA,CAAL,CAAf,CALc,CAOZL,aAAa,CAACQ,CAAD,CAPD,EAQdA,CAAK,CAACI,QAAN,CAAe,CACbD,CAAC,CAADA,CADa,CAEbN,KAAK,CAAEI,CAAK,CAAG,CAACD,CAAK,CAACH,KAAN,CAAY,CAAZ,CAAD,CAAiBA,CAAjB,CAAH,CAA6B,CAACA,CAAD,CAAQG,CAAK,CAACH,KAAN,CAAY,CAAZ,CAAR,CAF5B,CAAf,CARc,CAajB,CAdD,CADK,CAiBP,MAAO,IAAMQ,QAAO,CAAG,SAACC,CAAD,CAAiB,CACtC,GAAa,OAAT,GAAAA,CAAJ,CACE,MAAOA,EAEV,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SAACP,CAAD,CAAiC,OAC9DL,iBAAgB,CAACK,CAAD,CAD8C,CAEzDA,CAAK,CAACQ,GAFmD,CAI9DhB,aAAa,CAACQ,CAAD,CAJiD,CAKzDA,CAAK,CAACH,KAAN,CAAY,CAAZ,CALyD,OAOnE,CAPM,CASP,MAAO,IAAMY,kBAAiB,CAAG,SAACT,CAAD,CAAiC,OAC5DL,iBAAgB,CAACK,CAAD,CAD4C,CAEvDA,CAAK,CAACU,GAFiD,CAI5DlB,aAAa,CAACQ,CAAD,CAJ+C,CAKvDA,CAAK,CAACH,KAAN,CAAY,CAAZ,CALuD,OAOjE,CAPM,CASP,MAAO,IAAMc,aAAY,CAAG,SAC1BD,CAD0B,CAE1BF,CAF0B,CAG1BI,CAH0B,CAIvB,OACCA,EADD,CAEGC,KAAK,CAACC,OAAN,CAAcF,CAAd,CAFH,CAGQA,CAHR,CAKW,CAAR,EAAAA,CALH,CAMQ,CANR,CAQMA,CARN,CAUIG,IAAI,CAACC,GAAL,CAAS,CAACR,CAAG,CAAGE,CAAP,EAAc,GAAvB,CACR,CAfM"}
+{"version":3,"file":"helper.js","names":["sliderPropStatus","sliderPropStatusDefault","sliderPropSize","sliderPropSizeDefault","isRangeParams","params","range","isNotRangeParams","defaultTooltipFormatter","value","toString","getValueForInput","props","field","getOnChandgeForInput","e","onChange","newValue","getIcon","side","getMaxForStartField","max","getMinForEndField","min","getValidStep","step","Array","isArray","Math","abs"],"sources":["../../../../../src/components/Slider/helper.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction } from '../Popover';\nimport { ActiveButton } from './useSlider/helper';\n\nexport const sliderPropStatus = ['alert', 'warning', 'success'] as const;\nexport type SliderPropStatus = typeof sliderPropStatus[number];\nexport const sliderPropStatusDefault = sliderPropStatus[0];\n\nexport type SliderPropView = 'default' | 'division';\n\nexport const sliderPropSize = ['s', 'xs', 'm', 'l'] as const;\nexport type SliderPropSize = typeof sliderPropSize[number];\nexport const sliderPropSizeDefault: SliderPropSize = sliderPropSize[0];\n\nexport type SliderValue<RANGE> = RANGE extends true ? [number, number] : number;\n\nexport type SliderPropOnChange<RANGE> = (\n  value: SliderValue<RANGE>,\n  prop: {\n    e?:\n      | Event\n      | React.TouchEvent\n      | React.MouseEvent\n      | React.KeyboardEvent\n      | React.ChangeEvent;\n  },\n) => void;\n\ntype SliderPropToolipFormatter = (value: number | undefined) => string;\n\ntype Side = IconComponent | 'input';\n\ntype Props<RANGE extends boolean = false> = {\n  className?: string;\n  step?: number | number[];\n  view?: SliderPropView;\n  disabled?: boolean;\n  range?: RANGE;\n  withTooltip?: boolean;\n  value: SliderValue<RANGE>;\n  label?: string;\n  labelIcon?: IconComponent;\n  caption?: string;\n  status?: SliderPropStatus;\n  min?: number;\n  size?: SliderPropSize;\n  max?: number;\n  onChange?: SliderPropOnChange<RANGE>;\n  onAfterChange?: SliderPropOnChange<RANGE>;\n  leftSide?: Side;\n  tooltipFormatter?: SliderPropToolipFormatter;\n  rightSide?: Side;\n  tooltipDirection?: Direction;\n  tooltipPossibleDirections?: Direction[];\n};\n\nexport type Line = {\n  width: number;\n  active: boolean;\n  size?: number[];\n};\n\nexport type SliderLineProps = {\n  view?: SliderPropView;\n  lines: Line[];\n  disabled?: boolean;\n  hovered?: boolean;\n  onHover?: (hovered: boolean) => void;\n};\n\nexport type SliderPointProps = PropsWithHTMLAttributes<\n  {\n    value?: number;\n    disabled?: boolean;\n    focused?: boolean;\n    hovered?: boolean;\n    withTooltip?: boolean;\n    handlePress?: (typeButton: ActiveButton) => void;\n    buttonLabel?: ActiveButton;\n    buttonRef?: React.RefObject<HTMLButtonElement>;\n    popoverPosition?: TrackPosition;\n    tooltipFormatter?: SliderPropToolipFormatter;\n    onFocus?: (\n      e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent,\n      button: ActiveButton,\n    ) => void;\n    onKeyPress?: (e: React.KeyboardEvent, typeButton?: ActiveButton) => void;\n    onHover?: (hovered: boolean) => void;\n    position: number;\n    active?: boolean;\n    tooltipZIndex?: number;\n    tooltipDirection?: Direction;\n    tooltipPossibleDirections?: Direction[];\n  },\n  HTMLButtonElement\n>;\n\nexport type SliderProps<RANGE extends boolean> = PropsWithHTMLAttributes<\n  Props<RANGE>,\n  HTMLDivElement\n>;\n\nexport type SliderComponent = <RANGE extends boolean = false>(\n  props: SliderProps<RANGE>,\n) => React.ReactElement | null;\n\nexport const isRangeParams = (\n  params: Props<boolean>,\n): params is Props<true> => {\n  return !!params.range;\n};\n\nexport const isNotRangeParams = (\n  params: Props<boolean>,\n): params is Props<false> => {\n  return !params.range;\n};\n\nexport const defaultTooltipFormatter: SliderPropToolipFormatter = (value) =>\n  value?.toString() || '';\n\nexport type TrackPosition = {\n  x: number;\n  y: number;\n} | null;\n\nexport const getValueForInput = (\n  props: SliderProps<boolean>,\n  field: 0 | 1,\n): number => {\n  if (isRangeParams(props)) {\n    return props.value[field];\n  }\n  return props.value as number;\n};\n\ntype GetOnChandgeForInputReturned = (props: {\n  e?: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  value: number;\n}) => void;\n\nexport const getOnChandgeForInput =\n  (props: SliderProps<boolean>, field: 0 | 1): GetOnChandgeForInputReturned =>\n  ({ e, value }) => {\n    if (!props.onChange) {\n      return;\n    }\n    if (isNotRangeParams(props)) {\n      props.onChange(value, { e });\n    }\n    if (isRangeParams(props)) {\n      const newValue: SliderValue<true> = field\n        ? [props.value[0], value]\n        : [value, props.value[1]];\n      props.onChange(newValue, {\n        e,\n      });\n    }\n  };\n\nexport const getIcon = (side?: Side) => {\n  if (side !== 'input') {\n    return side;\n  }\n};\n\nexport const getMaxForStartField = (props: SliderProps<boolean>) => {\n  if (isNotRangeParams(props)) {\n    return props.max;\n  }\n  if (isRangeParams(props)) {\n    return props.value[1];\n  }\n};\n\nexport const getMinForEndField = (props: SliderProps<boolean>) => {\n  if (isNotRangeParams(props)) {\n    return props.min;\n  }\n  if (isRangeParams(props)) {\n    return props.value[0];\n  }\n};\n\nexport const getValidStep = (\n  min: number,\n  max: number,\n  step?: number | number[],\n) => {\n  if (step) {\n    if (Array.isArray(step)) {\n      return step;\n    }\n    if (step <= 0) {\n      return 1;\n    }\n    return step;\n  }\n  return Math.abs((max - min) / 100);\n};\n"],"mappings":"AAOA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAIP,MAAO,IAAME,eAAc,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CA8FP,MAAO,IAAME,cAAa,CAAG,SAC3BC,CAD2B,CAED,CAC1B,MAAO,CAAC,CAACA,CAAM,CAACC,KACjB,CAJM,CAMP,MAAO,IAAMC,iBAAgB,CAAG,SAC9BF,CAD8B,CAEH,CAC3B,MAAO,CAACA,CAAM,CAACC,KAChB,CAJM,CAMP,MAAO,IAAME,wBAAkD,CAAG,SAACC,CAAD,QAChE,QAAAA,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEC,QAAP,KAAqB,EAD2C,CAA3D,CAQP,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,CAE9BC,CAF8B,CAGnB,OACPT,cAAa,CAACQ,CAAD,CADN,CAEFA,CAAK,CAACH,KAAN,CAAYI,CAAZ,CAFE,CAIJD,CAAK,CAACH,KACd,CARM,CAeP,MAAO,IAAMK,qBAAoB,CAC/B,SAACF,CAAD,CAA8BC,CAA9B,QACA,YAAkB,IAAfE,EAAe,GAAfA,CAAe,CAAZN,CAAY,GAAZA,KAAY,CAChB,GAAKG,CAAK,CAACI,QAAX,GAGIT,gBAAgB,CAACK,CAAD,CAHpB,EAIEA,CAAK,CAACI,QAAN,CAAeP,CAAf,CAAsB,CAAEM,CAAC,CAADA,CAAF,CAAtB,CAJF,CAMIX,aAAa,CAACQ,CAAD,CANjB,EAM0B,CACxB,GAAMK,EAA2B,CAAGJ,CAAK,CACrC,CAACD,CAAK,CAACH,KAAN,CAAY,CAAZ,CAAD,CAAiBA,CAAjB,CADqC,CAErC,CAACA,CAAD,CAAQG,CAAK,CAACH,KAAN,CAAY,CAAZ,CAAR,CAFJ,CAGAG,CAAK,CAACI,QAAN,CAAeC,CAAf,CAAyB,CACvBF,CAAC,CAADA,CADuB,CAAzB,CAGD,CACF,CAhBD,CADK,CAmBP,MAAO,IAAMG,QAAO,CAAG,SAACC,CAAD,CAAiB,CACtC,GAAa,OAAT,GAAAA,CAAJ,CACE,MAAOA,EAEV,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SAACR,CAAD,CAAiC,OAC9DL,iBAAgB,CAACK,CAAD,CAD8C,CAEzDA,CAAK,CAACS,GAFmD,CAI9DjB,aAAa,CAACQ,CAAD,CAJiD,CAKzDA,CAAK,CAACH,KAAN,CAAY,CAAZ,CALyD,OAOnE,CAPM,CASP,MAAO,IAAMa,kBAAiB,CAAG,SAACV,CAAD,CAAiC,OAC5DL,iBAAgB,CAACK,CAAD,CAD4C,CAEvDA,CAAK,CAACW,GAFiD,CAI5DnB,aAAa,CAACQ,CAAD,CAJ+C,CAKvDA,CAAK,CAACH,KAAN,CAAY,CAAZ,CALuD,OAOjE,CAPM,CASP,MAAO,IAAMe,aAAY,CAAG,SAC1BD,CAD0B,CAE1BF,CAF0B,CAG1BI,CAH0B,CAIvB,OACCA,EADD,CAEGC,KAAK,CAACC,OAAN,CAAcF,CAAd,CAFH,CAGQA,CAHR,CAKW,CAAR,EAAAA,CALH,CAMQ,CANR,CAQMA,CARN,CAUIG,IAAI,CAACC,GAAL,CAAS,CAACR,CAAG,CAAGE,CAAP,EAAc,GAAvB,CACR,CAfM"}

package/__internal__/src/components/Slider/useSlider/helper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PropOnChange, SliderValue, TrackPosition } from '../helper';
+import { SliderPropOnChange, SliderValue, TrackPosition } from '../helper';
 export declare type ActiveButton = 0 | 1 | null | undefined;
 export declare type Stationing = {
     x: number;
@@ -14,8 +14,8 @@ export declare type UseSliderProps<RANGE extends boolean = false> = {
     min: number;
     max: number;
     step?: number | number[];
-    onChange?: PropOnChange<RANGE>;
-    onAfterChange?: PropOnChange<RANGE>;
+    onChange?: SliderPropOnChange<RANGE>;
+    onAfterChange?: SliderPropOnChange<RANGE>;
     containerRef: React.RefObject<HTMLDivElement>;
     sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>;
     buttonRefs: React.RefObject<HTMLButtonElement>[];

package/__internal__/src/components/Slider/useSlider/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":["getSteps","isRangeParams","params","range","isNotRangeParams","trackPosition","event","x","clientX","y","clientY","changedTouches","getActiveValue","value","active","Array","isArray","detectActiveButton","position","buttons","activeButton","forEach","buttonRef","index","button","current","getBoundingClientRect","width","height","focus","getValidValue","min","max","step","division","toString","split","stepValue","Math","abs","toFixed","length","i","resultValue","stepPoint","minValue","maxValue","isValidValue","getValueByPosition","sliderRef","absoluteSize","getNewValue","changedValue","currentValue","analyzedValue","analyzeDivisionValue","newValue","steps","stepSize","nearStep"],"sources":["../../../../../../src/components/Slider/useSlider/helper.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropOnChange, SliderValue, TrackPosition } from '../helper';\nimport { getSteps } from '../useSliderStationing';\n\nexport type ActiveButton = 0 | 1 | null | undefined;\n\nexport type Stationing = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nexport type UseSliderProps<RANGE extends boolean = false> = {\n  disabled: boolean;\n  range?: RANGE;\n  value: SliderValue<RANGE>;\n  min: number;\n  max: number;\n  step?: number | number[];\n  onChange?: PropOnChange<RANGE>;\n  onAfterChange?: PropOnChange<RANGE>;\n  containerRef: React.RefObject<HTMLDivElement>;\n  sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>;\n  buttonRefs: React.RefObject<HTMLButtonElement>[];\n};\n\nexport type UseSliderValues = {\n  onKeyPress: (e: React.KeyboardEvent, typeButton: ActiveButton) => void;\n  onFocus: (\n    e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent,\n    button: ActiveButton,\n  ) => void;\n  handlePress: (typeButton: ActiveButton) => void;\n  onSliderClick: React.MouseEventHandler;\n  activeButton: ActiveButton;\n  currentValue: [number] | [number, number];\n  popoverPosition: TrackPosition[];\n};\n\nexport const isRangeParams = (\n  params: UseSliderProps<boolean>,\n): params is UseSliderProps<true> => {\n  return !!params.range;\n};\n\nexport const isNotRangeParams = (\n  params: UseSliderProps<boolean>,\n): params is UseSliderProps<false> => {\n  return !params.range;\n};\n\nexport const trackPosition = (\n  event: TouchEvent | MouseEvent,\n): TrackPosition => {\n  if ('clientX' in event) {\n    return {\n      x: event.clientX,\n      y: event.clientY,\n    };\n  }\n  return {\n    x: event.changedTouches[0].clientX,\n    y: event.changedTouches[0].clientY,\n  };\n};\n\nexport const getActiveValue = (\n  value: number | [number, number],\n  active: ActiveButton,\n) => {\n  if (Array.isArray(value)) {\n    return value[typeof active === 'number' ? active : 0];\n  }\n  return value;\n};\n\nexport const detectActiveButton: (\n  posittion: TrackPosition,\n  buttons: React.RefObject<HTMLButtonElement>[],\n) => ActiveButton = (position, buttons) => {\n  let activeButton: ActiveButton = null;\n  buttons.forEach((buttonRef, index) => {\n    const button = buttonRef.current;\n    if (button && position) {\n      const { x, y, width, height } = button.getBoundingClientRect();\n      if (\n        x <= position.x &&\n        x + width >= position.x &&\n        y <= position.y &&\n        y + height >= position.y\n      ) {\n        activeButton = index as ActiveButton;\n        button.focus();\n      }\n    }\n  });\n  return activeButton;\n};\n\nexport const getValidValue = (\n  value: number,\n  min: number,\n  max: number,\n  step?: number | number[],\n) => {\n  if (typeof value === 'number') {\n    if (value >= max) return max;\n    if (value <= min) return min;\n    if (!Array.isArray(step)) {\n      const division = step?.toString().split('.')[1];\n      const stepValue = step || 1;\n      if (Math.abs(value) < 1) {\n        return Number(value.toFixed(division ? division.length : 0));\n      }\n      if (value < min) return min;\n      for (let i = min; i <= max; i += stepValue) {\n        if (value >= i && value < i + stepValue) {\n          return Number(\n            (value < i + stepValue / 2 ? i : i + stepValue).toFixed(\n              division ? division.length : 0,\n            ),\n          );\n        }\n      }\n      return max;\n    }\n    let resultValue = value;\n    step.forEach((stepPoint, index) => {\n      let minValue = min;\n      let maxValue = max;\n      if (index === 0) {\n        maxValue = step[index + 1];\n      } else if (index === step.length - 1) {\n        minValue = stepPoint;\n        maxValue = max;\n      } else {\n        maxValue = step[index + 1];\n        minValue = stepPoint;\n      }\n      if (value <= maxValue && value >= minValue) {\n        if ((maxValue + minValue) / 2 > value) {\n          resultValue = minValue;\n        } else {\n          resultValue = maxValue;\n        }\n      }\n    });\n    return resultValue;\n  }\n  return value;\n};\n\nexport const isValidValue = (\n  value: number,\n  min: number,\n  max: number,\n  step?: number | number[],\n) => getValidValue(value, min, max, step) === value;\n\nexport const getValueByPosition = (\n  position: TrackPosition,\n  sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>,\n  min: number,\n  max: number,\n  step?: number | number[],\n) => {\n  if (sliderRef.current && position) {\n    const { x, width } = sliderRef.current.getBoundingClientRect();\n    const absoluteSize = Math.abs(max - min);\n    const value = min + ((position.x - x) * absoluteSize) / width;\n    return getValidValue(value, min, max, step);\n  }\n  return 0;\n};\n\nexport const getNewValue = (\n  changedValue: number,\n  currentValue: number | [number, number],\n  step: number | number[],\n  min: number,\n  max: number,\n  activeButton: ActiveButton,\n): number | [number, number] => {\n  const analyzedValue = getValidValue(\n    analyzeDivisionValue(changedValue, step, min, max),\n    min,\n    max,\n    step,\n  );\n  if (Array.isArray(currentValue)) {\n    return activeButton === 1\n      ? [currentValue[0], analyzedValue]\n      : [analyzedValue, currentValue[1]];\n  }\n  return analyzedValue;\n};\n\nexport const analyzeDivisionValue = (\n  value: number,\n  step: number | number[],\n  min: number,\n  max: number,\n) => {\n  let newValue: number = value;\n  if (Array.isArray(step)) {\n    const steps = getSteps(step, min, max);\n    steps.forEach((stepSize) => {\n      if (value && stepSize.min < value && stepSize.max >= value) {\n        if ((stepSize.max + stepSize.min) / 2 > value) {\n          newValue = stepSize.min;\n        } else {\n          newValue = stepSize.max;\n        }\n      }\n    });\n  } else {\n    if (value >= max) return max;\n    if (value <= min) return min;\n    const nearStep = (value - min) % step;\n    if (nearStep > step / 2) {\n      newValue = step - nearStep + value;\n    } else {\n      newValue = value - nearStep;\n    }\n  }\n  return newValue;\n};\n"],"mappings":"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"}
+{"version":3,"file":"helper.js","names":["getSteps","isRangeParams","params","range","isNotRangeParams","trackPosition","event","x","clientX","y","clientY","changedTouches","getActiveValue","value","active","Array","isArray","detectActiveButton","position","buttons","activeButton","forEach","buttonRef","index","button","current","getBoundingClientRect","width","height","focus","getValidValue","min","max","step","division","toString","split","stepValue","Math","abs","toFixed","length","i","resultValue","stepPoint","minValue","maxValue","isValidValue","getValueByPosition","sliderRef","absoluteSize","getNewValue","changedValue","currentValue","analyzedValue","analyzeDivisionValue","newValue","steps","stepSize","nearStep"],"sources":["../../../../../../src/components/Slider/useSlider/helper.ts"],"sourcesContent":["import React from 'react';\n\nimport { SliderPropOnChange, SliderValue, TrackPosition } from '../helper';\nimport { getSteps } from '../useSliderStationing';\n\nexport type ActiveButton = 0 | 1 | null | undefined;\n\nexport type Stationing = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nexport type UseSliderProps<RANGE extends boolean = false> = {\n  disabled: boolean;\n  range?: RANGE;\n  value: SliderValue<RANGE>;\n  min: number;\n  max: number;\n  step?: number | number[];\n  onChange?: SliderPropOnChange<RANGE>;\n  onAfterChange?: SliderPropOnChange<RANGE>;\n  containerRef: React.RefObject<HTMLDivElement>;\n  sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>;\n  buttonRefs: React.RefObject<HTMLButtonElement>[];\n};\n\nexport type UseSliderValues = {\n  onKeyPress: (e: React.KeyboardEvent, typeButton: ActiveButton) => void;\n  onFocus: (\n    e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent,\n    button: ActiveButton,\n  ) => void;\n  handlePress: (typeButton: ActiveButton) => void;\n  onSliderClick: React.MouseEventHandler;\n  activeButton: ActiveButton;\n  currentValue: [number] | [number, number];\n  popoverPosition: TrackPosition[];\n};\n\nexport const isRangeParams = (\n  params: UseSliderProps<boolean>,\n): params is UseSliderProps<true> => {\n  return !!params.range;\n};\n\nexport const isNotRangeParams = (\n  params: UseSliderProps<boolean>,\n): params is UseSliderProps<false> => {\n  return !params.range;\n};\n\nexport const trackPosition = (\n  event: TouchEvent | MouseEvent,\n): TrackPosition => {\n  if ('clientX' in event) {\n    return {\n      x: event.clientX,\n      y: event.clientY,\n    };\n  }\n  return {\n    x: event.changedTouches[0].clientX,\n    y: event.changedTouches[0].clientY,\n  };\n};\n\nexport const getActiveValue = (\n  value: number | [number, number],\n  active: ActiveButton,\n) => {\n  if (Array.isArray(value)) {\n    return value[typeof active === 'number' ? active : 0];\n  }\n  return value;\n};\n\nexport const detectActiveButton: (\n  posittion: TrackPosition,\n  buttons: React.RefObject<HTMLButtonElement>[],\n) => ActiveButton = (position, buttons) => {\n  let activeButton: ActiveButton = null;\n  buttons.forEach((buttonRef, index) => {\n    const button = buttonRef.current;\n    if (button && position) {\n      const { x, y, width, height } = button.getBoundingClientRect();\n      if (\n        x <= position.x &&\n        x + width >= position.x &&\n        y <= position.y &&\n        y + height >= position.y\n      ) {\n        activeButton = index as ActiveButton;\n        button.focus();\n      }\n    }\n  });\n  return activeButton;\n};\n\nexport const getValidValue = (\n  value: number,\n  min: number,\n  max: number,\n  step?: number | number[],\n) => {\n  if (typeof value === 'number') {\n    if (value >= max) return max;\n    if (value <= min) return min;\n    if (!Array.isArray(step)) {\n      const division = step?.toString().split('.')[1];\n      const stepValue = step || 1;\n      if (Math.abs(value) < 1) {\n        return Number(value.toFixed(division ? division.length : 0));\n      }\n      if (value < min) return min;\n      for (let i = min; i <= max; i += stepValue) {\n        if (value >= i && value < i + stepValue) {\n          return Number(\n            (value < i + stepValue / 2 ? i : i + stepValue).toFixed(\n              division ? division.length : 0,\n            ),\n          );\n        }\n      }\n      return max;\n    }\n    let resultValue = value;\n    step.forEach((stepPoint, index) => {\n      let minValue = min;\n      let maxValue = max;\n      if (index === 0) {\n        maxValue = step[index + 1];\n      } else if (index === step.length - 1) {\n        minValue = stepPoint;\n        maxValue = max;\n      } else {\n        maxValue = step[index + 1];\n        minValue = stepPoint;\n      }\n      if (value <= maxValue && value >= minValue) {\n        if ((maxValue + minValue) / 2 > value) {\n          resultValue = minValue;\n        } else {\n          resultValue = maxValue;\n        }\n      }\n    });\n    return resultValue;\n  }\n  return value;\n};\n\nexport const isValidValue = (\n  value: number,\n  min: number,\n  max: number,\n  step?: number | number[],\n) => getValidValue(value, min, max, step) === value;\n\nexport const getValueByPosition = (\n  position: TrackPosition,\n  sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>,\n  min: number,\n  max: number,\n  step?: number | number[],\n) => {\n  if (sliderRef.current && position) {\n    const { x, width } = sliderRef.current.getBoundingClientRect();\n    const absoluteSize = Math.abs(max - min);\n    const value = min + ((position.x - x) * absoluteSize) / width;\n    return getValidValue(value, min, max, step);\n  }\n  return 0;\n};\n\nexport const getNewValue = (\n  changedValue: number,\n  currentValue: number | [number, number],\n  step: number | number[],\n  min: number,\n  max: number,\n  activeButton: ActiveButton,\n): number | [number, number] => {\n  const analyzedValue = getValidValue(\n    analyzeDivisionValue(changedValue, step, min, max),\n    min,\n    max,\n    step,\n  );\n  if (Array.isArray(currentValue)) {\n    return activeButton === 1\n      ? [currentValue[0], analyzedValue]\n      : [analyzedValue, currentValue[1]];\n  }\n  return analyzedValue;\n};\n\nexport const analyzeDivisionValue = (\n  value: number,\n  step: number | number[],\n  min: number,\n  max: number,\n) => {\n  let newValue: number = value;\n  if (Array.isArray(step)) {\n    const steps = getSteps(step, min, max);\n    steps.forEach((stepSize) => {\n      if (value && stepSize.min < value && stepSize.max >= value) {\n        if ((stepSize.max + stepSize.min) / 2 > value) {\n          newValue = stepSize.min;\n        } else {\n          newValue = stepSize.max;\n        }\n      }\n    });\n  } else {\n    if (value >= max) return max;\n    if (value <= min) return min;\n    const nearStep = (value - min) % step;\n    if (nearStep > step / 2) {\n      newValue = step - nearStep + value;\n    } else {\n      newValue = value - nearStep;\n    }\n  }\n  return newValue;\n};\n"],"mappings":"AAGA,OAASA,QAAT,8BAsCA,MAAO,IAAMC,cAAa,CAAG,SAC3BC,CAD2B,CAEQ,CACnC,MAAO,CAAC,CAACA,CAAM,CAACC,KACjB,CAJM,CAMP,MAAO,IAAMC,iBAAgB,CAAG,SAC9BF,CAD8B,CAEM,CACpC,MAAO,CAACA,CAAM,CAACC,KAChB,CAJM,CAMP,MAAO,IAAME,cAAa,CAAG,SAC3BC,CAD2B,CAET,OACd,WAAaA,EADC,CAET,CACLC,CAAC,CAAED,CAAK,CAACE,OADJ,CAELC,CAAC,CAAEH,CAAK,CAACI,OAFJ,CAFS,CAOX,CACLH,CAAC,CAAED,CAAK,CAACK,cAAN,CAAqB,CAArB,EAAwBH,OADtB,CAELC,CAAC,CAAEH,CAAK,CAACK,cAAN,CAAqB,CAArB,EAAwBD,OAFtB,CAIR,CAbM,CAeP,MAAO,IAAME,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGzB,OACCC,MAAK,CAACC,OAAN,CAAcH,CAAd,CADD,CAEMA,CAAK,CAAmB,QAAlB,QAAOC,EAAP,CAA6BA,CAA7B,CAAsC,CAAvC,CAFX,CAIID,CACR,CARM,CAUP,MAAO,IAAMI,mBAGI,CAAG,SAACC,CAAD,CAAWC,CAAX,CAAuB,CACzC,GAAIC,EAA0B,CAAG,IAAjC,CAgBA,MAfAD,EAAO,CAACE,OAAR,CAAgB,SAACC,CAAD,CAAYC,CAAZ,CAAsB,CACpC,GAAMC,EAAM,CAAGF,CAAS,CAACG,OAAzB,CACA,GAAID,CAAM,EAAIN,CAAd,CAAwB,CACtB,MAAgCM,CAAM,CAACE,qBAAP,EAAhC,CAAQnB,CAAR,GAAQA,CAAR,CAAWE,CAAX,GAAWA,CAAX,CAAckB,CAAd,GAAcA,KAAd,CAAqBC,CAArB,GAAqBA,MAArB,CAEErB,CAAC,EAAIW,CAAQ,CAACX,CAAd,EACAA,CAAC,CAAGoB,CAAJ,EAAaT,CAAQ,CAACX,CADtB,EAEAE,CAAC,EAAIS,CAAQ,CAACT,CAFd,EAGAA,CAAC,CAAGmB,CAAJ,EAAcV,CAAQ,CAACT,CANH,GAQpBW,CAAY,CAAGG,CARK,CASpBC,CAAM,CAACK,KAAP,EAToB,CAWvB,CACF,CAdD,CAeA,CAAOT,CACR,CArBM,CAuBP,MAAO,IAAMU,cAAa,CAAG,SAC3BjB,CAD2B,CAE3BkB,CAF2B,CAG3BC,CAH2B,CAI3BC,CAJ2B,CAKxB,CACH,GAAqB,QAAjB,QAAOpB,EAAX,CAA+B,CAC7B,GAAIA,CAAK,EAAImB,CAAb,CAAkB,MAAOA,EAAP,CAClB,GAAInB,CAAK,EAAIkB,CAAb,CAAkB,MAAOA,EAAP,CAClB,GAAI,CAAChB,KAAK,CAACC,OAAN,CAAciB,CAAd,CAAL,CAA0B,IAClBC,EAAQ,QAAGD,CAAH,WAAGA,CAAH,QAAGA,CAAI,CAAEE,QAAN,GAAiBC,KAAjB,CAAuB,GAAvB,EAA4B,CAA5B,CADO,CAElBC,CAAS,CAAGJ,CAAI,EAAI,CAFF,CAGxB,GAAsB,CAAlB,CAAAK,IAAI,CAACC,GAAL,CAAS1B,CAAT,CAAJ,CACE,OAAcA,CAAK,CAAC2B,OAAN,CAAcN,CAAQ,CAAGA,CAAQ,CAACO,MAAZ,CAAqB,CAA3C,CAAd,CAEF,GAAI5B,CAAK,CAAGkB,CAAZ,CAAiB,MAAOA,EAAP,CACjB,IAAK,GAAIW,EAAC,CAAGX,CAAb,CAAkBW,CAAC,EAAIV,CAAvB,CAA4BU,CAAC,EAAIL,CAAjC,CACE,GAAIxB,CAAK,EAAI6B,CAAT,EAAc7B,CAAK,CAAG6B,CAAC,CAAGL,CAA9B,CACE,OACE,CAACxB,CAAK,CAAG6B,CAAC,CAAGL,CAAS,CAAG,CAAxB,CAA4BK,CAA5B,CAAgCA,CAAC,CAAGL,CAArC,EAAgDG,OAAhD,CACEN,CAAQ,CAAGA,CAAQ,CAACO,MAAZ,CAAqB,CAD/B,CADF,CAOJ,MAAOT,EACR,CACD,GAAIW,EAAW,CAAG9B,CAAlB,CAqBA,MApBAoB,EAAI,CAACZ,OAAL,CAAa,SAACuB,CAAD,CAAYrB,CAAZ,CAAsB,IAC7BsB,EAAQ,CAAGd,CADkB,CAE7Be,CAAQ,CAAGd,CAFkB,CAGnB,CAAV,GAAAT,CAH6B,CAI/BuB,CAAQ,CAAGb,CAAI,CAACV,CAAK,CAAG,CAAT,CAJgB,CAKtBA,CAAK,GAAKU,CAAI,CAACQ,MAAL,CAAc,CALF,EAM/BI,CAAQ,CAAGD,CANoB,CAO/BE,CAAQ,CAAGd,CAPoB,GAS/Bc,CAAQ,CAAGb,CAAI,CAACV,CAAK,CAAG,CAAT,CATgB,CAU/BsB,CAAQ,CAAGD,CAVoB,EAY7B/B,CAAK,EAAIiC,CAAT,EAAqBjC,CAAK,EAAIgC,CAZD,GAa3B,CAACC,CAAQ,CAAGD,CAAZ,EAAwB,CAAxB,CAA4BhC,CAbD,CAc7B8B,CAAW,CAAGE,CAde,CAgB7BF,CAAW,CAAGG,CAhBe,CAmBlC,CAnBD,CAoBA,CAAOH,CACR,CACD,MAAO9B,EACR,CAnDM,CAqDP,MAAO,IAAMkC,aAAY,CAAG,SAC1BlC,CAD0B,CAE1BkB,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,QAKvBH,cAAa,CAACjB,CAAD,CAAQkB,CAAR,CAAaC,CAAb,CAAkBC,CAAlB,CAAb,GAAyCpB,CALlB,CAArB,CAOP,MAAO,IAAMmC,mBAAkB,CAAG,SAChC9B,CADgC,CAEhC+B,CAFgC,CAGhClB,CAHgC,CAIhCC,CAJgC,CAKhCC,CALgC,CAM7B,CACH,GAAIgB,CAAS,CAACxB,OAAV,EAAqBP,CAAzB,CAAmC,OACZ+B,CAAS,CAACxB,OAAV,CAAkBC,qBAAlB,EADY,CACzBnB,CADyB,GACzBA,CADyB,CACtBoB,CADsB,GACtBA,KADsB,CAE3BuB,CAAY,CAAGZ,IAAI,CAACC,GAAL,CAASP,CAAG,CAAGD,CAAf,CAFY,CAG3BlB,CAAK,CAAGkB,CAAG,CAAI,CAACb,CAAQ,CAACX,CAAT,CAAaA,CAAd,EAAmB2C,CAApB,CAAoCvB,CAHvB,CAIjC,MAAOG,cAAa,CAACjB,CAAD,CAAQkB,CAAR,CAAaC,CAAb,CAAkBC,CAAlB,CACrB,CACD,MAAO,EACR,CAdM,CAgBP,MAAO,IAAMkB,YAAW,CAAG,SACzBC,CADyB,CAEzBC,CAFyB,CAGzBpB,CAHyB,CAIzBF,CAJyB,CAKzBC,CALyB,CAMzBZ,CANyB,CAOK,CAC9B,GAAMkC,EAAa,CAAGxB,aAAa,CACjCyB,oBAAoB,CAACH,CAAD,CAAenB,CAAf,CAAqBF,CAArB,CAA0BC,CAA1B,CADa,CAEjCD,CAFiC,CAGjCC,CAHiC,CAIjCC,CAJiC,CAAnC,CAD8B,MAO1BlB,MAAK,CAACC,OAAN,CAAcqC,CAAd,CAP0B,CAQJ,CAAjB,GAAAjC,CAAY,CACf,CAACiC,CAAY,CAAC,CAAD,CAAb,CAAkBC,CAAlB,CADe,CAEf,CAACA,CAAD,CAAgBD,CAAY,CAAC,CAAD,CAA5B,CAVwB,CAYvBC,CACR,CApBM,CAsBP,MAAO,IAAMC,qBAAoB,CAAG,SAClC1C,CADkC,CAElCoB,CAFkC,CAGlCF,CAHkC,CAIlCC,CAJkC,CAK/B,CACH,GAAIwB,EAAgB,CAAG3C,CAAvB,CACA,GAAIE,KAAK,CAACC,OAAN,CAAciB,CAAd,CAAJ,CAAyB,CACvB,GAAMwB,EAAK,CAAGzD,QAAQ,CAACiC,CAAD,CAAOF,CAAP,CAAYC,CAAZ,CAAtB,CACAyB,CAAK,CAACpC,OAAN,CAAc,SAACqC,CAAD,CAAc,CACtB7C,CAAK,EAAI6C,CAAQ,CAAC3B,GAAT,CAAelB,CAAxB,EAAiC6C,CAAQ,CAAC1B,GAAT,EAAgBnB,CAD3B,GAEpB,CAAC6C,CAAQ,CAAC1B,GAAT,CAAe0B,CAAQ,CAAC3B,GAAzB,EAAgC,CAAhC,CAAoClB,CAFhB,CAGtB2C,CAAQ,CAAGE,CAAQ,CAAC3B,GAHE,CAKtByB,CAAQ,CAAGE,CAAQ,CAAC1B,GALE,CAQ3B,CARD,CASD,CAXD,IAWO,CACL,GAAInB,CAAK,EAAImB,CAAb,CAAkB,MAAOA,EAAP,CAClB,GAAInB,CAAK,EAAIkB,CAAb,CAAkB,MAAOA,EAAP,CAClB,GAAM4B,EAAQ,CAAG,CAAC9C,CAAK,CAAGkB,CAAT,EAAgBE,CAAjC,CAEEuB,CALG,CAIDG,CAAQ,CAAG1B,CAAI,CAAG,CAJjB,CAKQA,CAAI,CAAG0B,CAAP,CAAkB9C,CAL1B,CAOQA,CAAK,CAAG8C,CAEtB,CACD,MAAOH,EACR,CA7BM"}

package/__internal__/src/components/Slider/useSlider/useSlider.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useComponentSize}from"../../../hooks/useComponentSize/useComponentSize";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{getActiveValue,getNewValue,getValidValue,getValueByPosition,isNotRangeParams,isRangeParams,trackPosition}from"./helper";export var COUNT_STEPS=250;export function useSlider(a){var b=a.disabled,c=a.range,d=a.value,f=a.min,g=a.max,h=a.step,i=void 0===h?1:h,j=a.onChange,k=a.onAfterChange,l=a.sliderRef,m=a.containerRef,n=a.buttonRefs,o=g>f?f:0,p=g>f?g:100,q=useMemo(function(){if(!Array.isArray(i)&&1<=i){var a=Math.abs((p-o)/COUNT_STEPS);return a>i?a-a%i:Math.max(a,i)}return i},[g,f,i]),r=useState(d),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useState(null),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useState(null),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useState(null),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useRef(null),I=useComponentSize(l),J=useMutableRef(t);useClickOutside({isActive:!0,ignoreClicksInsideRefs:[m],handler:function handler(){G(null),H.current=null}}),useEffect(function(){b&&K("remove")},[b]);var K=function(a){var b="add"===a?"addEventListener":"removeEventListener";document[b]("mouseup",P),document[b]("touchend",P),document[b]("mousemove",O),document[b]("touchmove",O)};useEffect(function(){Array.isArray(t)?(M(t[0],0),M(t[1],1)):M(t,0)},[t]),useEffect(function(){JSON.stringify(d)!==JSON.stringify(t)&&(Array.isArray(d)&&Array.isArray(t)?(-1===t.indexOf(d[0])||-1===t.indexOf(d[1]))&&(u(d),M(getActiveValue(d,H.current),0)):(u(d),M(getActiveValue(d,H.current),0)),G(null),H.current=null)},[d]),useEffect(function(){null===j||void 0===j?void 0:j({value:Array.isArray(t)?[getNewValue(t[0],t[0],i,f,g,0),getNewValue(t[1],t[1],i,f,g,1)]:getNewValue(t,t,i,f,g,0)})},[i]),useEffect(function(){if("undefined"!=typeof d){var b=isRangeParams(a)?[getValidValue(a.value[0],f,g,i),getValidValue(a.value[1],f,g,i)]:getValidValue(a.value,f,g,i);u(b)}},[c,typeof d]),useEffect(function(){if(isRangeParams(a)&&a.value[0]>a.value[1]){var b,c=[a.value[1],a.value[1]];null===(b=a.onChange)||void 0===b?void 0:b.call(a,{value:c})}},[]);var L=useCallback(function(a,c){if(!b&&"number"==typeof c&&"undefined"!=typeof t){a.preventDefault(),a.stopPropagation();var d=Array.isArray(i)?1:i||1,e=!1,h=getActiveValue(t,c);switch(a.key){case"ArrowUp":case"ArrowRight":case"+":e=!0;break;case"ArrowLeft":case"ArrowDown":case"-":e=!0,d*=-1;break;default:}if(e){Array.isArray(i)&&i.forEach(function(a,b){"number"==typeof c&&h===a&&(0<=d?0===b?d=i[1]-o:d=("undefined"==typeof i[b+1]?p:i[b+1])-a:0===b?d=o-i[1]:d=("undefined"==typeof i[b-1]?o:i[b-1])-a)});var k=getNewValue(h+d,t,i,f,g,c);u(k),M(getActiveValue(k,c),c),null===j||void 0===j?void 0:j({e:a,value:k})}}},[t,i,f,g]),M=function(a,b){if(l.current&&"number"==typeof b){var c=n[b].current||l.current,d=l.current.getBoundingClientRect(),e=d.x,f=d.width,g={y:c.offsetTop+c.offsetHeight+50,x:e+Math.abs((a-o)/(p-o))*f};0===b?y(g):C(g)}},N=function(a){if("number"!=typeof H.current)return d;var b=trackPosition(a),c=getValueByPosition(b,l,o,p,i);return getNewValue(c,t,q,f,g,H.current)},O=function(a,b){var c=b||H.current;if("number"==typeof c){var d=N(a),e=getActiveValue(t,c),f=getActiveValue(d,c);u(d),e!==f&&(null===k||void 0===k?void 0:k({e:a,value:d}))}};useEffect(function(){if(isRangeParams(a)){var b;null===(b=a.value)||void 0===b?void 0:b.forEach(function(a,b){M(getActiveValue(a,H.current),0===b?0:1)})}isNotRangeParams(a)&&M(getActiveValue(d,H.current),0),H.current=null},[I,typeof d]);var P=useCallback(function(b){if(K("remove"),isRangeParams(a)&&Array.isArray(J.current)){var c,d=_toConsumableArray(J.current).sort(function(c,a){return+c-+a});null===(c=a.onChange)||void 0===c?void 0:c.call(a,{e:b,value:d})}if(isNotRangeParams(a)&&"number"==typeof J.current){var e;null===(e=a.onChange)||void 0===e?void 0:e.call(a,{e:b,value:J.current})}G(null),H.current=null},[J,d,j,O]),Q=useCallback(function(a){b||(G(a),H.current=a,K("add"))},[t,d,j,O,b]);return{onKeyPress:L,onFocus:function onFocus(a,b){G(b),H.current=b},handlePress:Q,onSliderClick:function onSliderClick(b){if(isNotRangeParams(a)){var c=getValueByPosition({x:b.pageX,y:b.pageY},l,o,p,i),e=getNewValue(c,t,q,f,g,H.current);e!==d&&(u(e),M(getActiveValue(e,0),0),null===j||void 0===j?void 0:j({e:b,value:e}))}},activeButton:F,popoverPosition:[x,B],currentValue:Array.isArray(t)?t:[t]}}
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useComponentSize}from"../../../hooks/useComponentSize/useComponentSize";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{getActiveValue,getNewValue,getValidValue,getValueByPosition,isNotRangeParams,isRangeParams,trackPosition}from"./helper";export var COUNT_STEPS=250;export function useSlider(a){var b=a.disabled,c=a.range,d=a.value,f=a.min,g=a.max,h=a.step,i=void 0===h?1:h,j=a.onChange,k=a.onAfterChange,l=a.sliderRef,m=a.containerRef,n=a.buttonRefs,o=g>f?f:0,p=g>f?g:100,q=useMemo(function(){if(!Array.isArray(i)&&1<=i){var a=Math.abs((p-o)/COUNT_STEPS);return a>i?a-a%i:Math.max(a,i)}return i},[g,f,i]),r=useState(d),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useState(null),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useState(null),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useState(null),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useRef(null),I=useComponentSize(l),J=useMutableRef(t);useClickOutside({isActive:!0,ignoreClicksInsideRefs:[m],handler:function handler(){G(null),H.current=null}}),useEffect(function(){b&&K("remove")},[b]);var K=function(a){var b="add"===a?"addEventListener":"removeEventListener";document[b]("mouseup",P),document[b]("touchend",P),document[b]("mousemove",O),document[b]("touchmove",O)};useEffect(function(){Array.isArray(t)?(M(t[0],0),M(t[1],1)):M(t,0)},[t]),useEffect(function(){JSON.stringify(d)!==JSON.stringify(t)&&(Array.isArray(d)&&Array.isArray(t)?(-1===t.indexOf(d[0])||-1===t.indexOf(d[1]))&&(u(d),M(getActiveValue(d,H.current),0)):(u(d),M(getActiveValue(d,H.current),0)),G(null),H.current=null)},[d]),useEffect(function(){var a=Array.isArray(t)?[getNewValue(t[0],t[0],i,f,g,0),getNewValue(t[1],t[1],i,f,g,1)]:getNewValue(t,t,i,f,g,0);null===j||void 0===j?void 0:j(a,{})},[i]),useEffect(function(){if("undefined"!=typeof d){var b=isRangeParams(a)?[getValidValue(a.value[0],f,g,i),getValidValue(a.value[1],f,g,i)]:getValidValue(a.value,f,g,i);u(b)}},[c,typeof d]),useEffect(function(){if(isRangeParams(a)&&a.value[0]>a.value[1]){var b,c=[a.value[1],a.value[1]];null===(b=a.onChange)||void 0===b?void 0:b.call(a,c,{})}},[]);var L=useCallback(function(a,c){if(!b&&"number"==typeof c&&"undefined"!=typeof t){a.preventDefault(),a.stopPropagation();var d=Array.isArray(i)?1:i||1,e=!1,h=getActiveValue(t,c);switch(a.key){case"ArrowUp":case"ArrowRight":case"+":e=!0;break;case"ArrowLeft":case"ArrowDown":case"-":e=!0,d*=-1;break;default:}if(e){Array.isArray(i)&&i.forEach(function(a,b){"number"==typeof c&&h===a&&(0<=d?0===b?d=i[1]-o:d=("undefined"==typeof i[b+1]?p:i[b+1])-a:0===b?d=o-i[1]:d=("undefined"==typeof i[b-1]?o:i[b-1])-a)});var k=getNewValue(h+d,t,i,f,g,c);u(k),M(getActiveValue(k,c),c),null===j||void 0===j?void 0:j(k,{e:a})}}},[t,i,f,g]),M=function(a,b){if(l.current&&"number"==typeof b){var c=n[b].current||l.current,d=l.current.getBoundingClientRect(),e=d.x,f=d.width,g={y:c.offsetTop+c.offsetHeight+50,x:e+Math.abs((a-o)/(p-o))*f};0===b?y(g):C(g)}},N=function(a){if("number"!=typeof H.current)return d;var b=trackPosition(a),c=getValueByPosition(b,l,o,p,i);return getNewValue(c,t,q,f,g,H.current)},O=function(a,b){var c=b||H.current;if("number"==typeof c){var d=N(a),e=getActiveValue(t,c),f=getActiveValue(d,c);u(d),e!==f&&(null===k||void 0===k?void 0:k(d,{e:a}))}};useEffect(function(){if(isRangeParams(a)){var b;null===(b=a.value)||void 0===b?void 0:b.forEach(function(a,b){M(getActiveValue(a,H.current),0===b?0:1)})}isNotRangeParams(a)&&M(getActiveValue(d,H.current),0),H.current=null},[I,typeof d]);var P=useCallback(function(b){if(K("remove"),isRangeParams(a)&&Array.isArray(J.current)){var c,d=_toConsumableArray(J.current).sort(function(c,a){return+c-+a});null===(c=a.onChange)||void 0===c?void 0:c.call(a,d,{e:b})}if(isNotRangeParams(a)&&"number"==typeof J.current){var e;null===(e=a.onChange)||void 0===e?void 0:e.call(a,J.current,{e:b})}G(null),H.current=null},[J,d,j,O]),Q=useCallback(function(a){b||(G(a),H.current=a,K("add"))},[t,d,j,O,b]);return{onKeyPress:L,onFocus:function onFocus(a,b){G(b),H.current=b},handlePress:Q,onSliderClick:function onSliderClick(b){if(isNotRangeParams(a)){var c=getValueByPosition({x:b.pageX,y:b.pageY},l,o,p,i),e=getNewValue(c,t,q,f,g,H.current);e!==d&&(u(e),M(getActiveValue(e,0),0),null===j||void 0===j?void 0:j(e,{e:b}))}},activeButton:F,popoverPosition:[x,B],currentValue:Array.isArray(t)?t:[t]}}
 //# sourceMappingURL=useSlider.js.map

package/__internal__/src/components/Slider/useSlider/useSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSlider.js","names":["useCallback","useEffect","useMemo","useRef","useState","useClickOutside","useComponentSize","useMutableRef","getActiveValue","getNewValue","getValidValue","getValueByPosition","isNotRangeParams","isRangeParams","trackPosition","COUNT_STEPS","useSlider","props","disabled","range","value","min","max","step","onChange","onAfterChange","sliderRef","containerRef","buttonRefs","minValue","maxValue","dragStepValue","Array","isArray","val","Math","abs","currentValue","setCurrentValue","leftPopover","setLeftPopover","rightPopover","setRightPopover","currentButton","setCurrentButton","activeButton","sizeSlider","lastValue","isActive","ignoreClicksInsideRefs","handler","current","controlListeners","type","method","document","handleRelease","handleTouchMove","setTooltipPosition","JSON","stringify","indexOf","targetValue","newValue","onKeyPress","event","typeButton","preventDefault","stopPropagation","stepIncrement","validKeyCode","changedValue","key","forEach","stepPoint","index","e","position","button","getBoundingClientRect","x","width","newPosition","y","offsetTop","offsetHeight","changePosition","positionValue","oldValue","copyValues","sort","a","b","handlePress","onFocus","onSliderClick","pageX","pageY","popoverPosition"],"sources":["../../../../../../src/components/Slider/useSlider/useSlider.ts"],"sourcesContent":["import React, {\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\n\nimport { useComponentSize } from '../../../hooks/useComponentSize/useComponentSize';\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { SliderValue, TrackPosition } from '../helper';\nimport {\n  ActiveButton,\n  getActiveValue,\n  getNewValue,\n  getValidValue,\n  getValueByPosition,\n  isNotRangeParams,\n  isRangeParams,\n  trackPosition,\n  UseSliderProps,\n  UseSliderValues,\n} from './helper';\n\nexport const COUNT_STEPS = 250;\n\nexport function useSlider<RANGE extends boolean>(\n  props: UseSliderProps<RANGE>,\n): UseSliderValues {\n  const {\n    disabled,\n    range,\n    value,\n    min,\n    max,\n    step = 1,\n    onChange,\n    onAfterChange,\n    sliderRef,\n    containerRef,\n    buttonRefs,\n  } = props;\n\n  const minValue = max > min ? min : 0;\n  const maxValue = max > min ? max : 100;\n\n  const dragStepValue = useMemo(() => {\n    if (!Array.isArray(step)) {\n      if (step >= 1) {\n        const val = Math.abs((maxValue - minValue) / COUNT_STEPS);\n        if (val > step) {\n          return val - (val % step);\n        }\n        return Math.max(val, step);\n      }\n    }\n    return step;\n  }, [max, min, step]);\n\n  const [currentValue, setCurrentValue] = useState<number | [number, number]>(\n    value,\n  );\n  const [leftPopover, setLeftPopover] = useState<TrackPosition>(null);\n  const [rightPopover, setRightPopover] = useState<TrackPosition>(null);\n  const [currentButton, setCurrentButton] = useState<ActiveButton | null>(null);\n\n  const activeButton: MutableRefObject<ActiveButton | null> = useRef(null);\n\n  const sizeSlider = useComponentSize(sliderRef);\n\n  const lastValue = useMutableRef(currentValue);\n\n  useClickOutside({\n    isActive: true,\n    ignoreClicksInsideRefs: [containerRef],\n    handler: () => {\n      setCurrentButton(null);\n      activeButton.current = null;\n    },\n  });\n\n  useEffect(() => {\n    if (disabled) {\n      controlListeners('remove');\n    }\n  }, [disabled]);\n\n  const controlListeners = (type: 'add' | 'remove') => {\n    const method = type === 'add' ? 'addEventListener' : 'removeEventListener';\n    document[method]('mouseup', handleRelease);\n    document[method]('touchend', handleRelease);\n    document[method]('mousemove', handleTouchMove);\n    document[method]('touchmove', handleTouchMove);\n  };\n\n  useEffect(() => {\n    if (Array.isArray(currentValue)) {\n      setTooltipPosition(currentValue[0], 0);\n      setTooltipPosition(currentValue[1], 1);\n    } else {\n      setTooltipPosition(currentValue, 0);\n    }\n  }, [currentValue]);\n\n  useEffect(() => {\n    if (JSON.stringify(value) !== JSON.stringify(currentValue)) {\n      if (Array.isArray(value) && Array.isArray(currentValue)) {\n        if (\n          !(\n            currentValue.indexOf(value[0]) !== -1 &&\n            currentValue.indexOf(value[1]) !== -1\n          )\n        ) {\n          setCurrentValue(value);\n          setTooltipPosition(getActiveValue(value, activeButton.current), 0);\n        }\n      } else {\n        setCurrentValue(value);\n        setTooltipPosition(getActiveValue(value, activeButton.current), 0);\n      }\n      setCurrentButton(null);\n      activeButton.current = null;\n    }\n  }, [value]);\n\n  useEffect(() => {\n    onChange?.({\n      value: Array.isArray(currentValue)\n        ? ([\n            getNewValue(currentValue[0], currentValue[0], step, min, max, 0),\n            getNewValue(currentValue[1], currentValue[1], step, min, max, 1),\n          ] as SliderValue<RANGE>)\n        : (getNewValue(\n            currentValue,\n            currentValue,\n            step,\n            min,\n            max,\n            0,\n          ) as SliderValue<RANGE>),\n    });\n  }, [step]);\n\n  useEffect(() => {\n    if (typeof value !== 'undefined') {\n      const targetValue = isRangeParams(props)\n        ? ([\n            getValidValue(props.value[0], min, max, step),\n            getValidValue(props.value[1], min, max, step),\n          ] as [number, number])\n        : getValidValue(props.value as number, min, max, step);\n      setCurrentValue(targetValue);\n    }\n  }, [range, typeof value]);\n\n  useEffect(() => {\n    if (isRangeParams(props)) {\n      if (props.value[0] > props.value[1]) {\n        const newValue: SliderValue<true> = [props.value[1], props.value[1]];\n        props.onChange?.({ value: newValue });\n      }\n    }\n  }, []);\n\n  const onSliderClick = (e: React.MouseEvent) => {\n    if (isNotRangeParams(props)) {\n      const positionValue = getValueByPosition(\n        { x: e.pageX, y: e.pageY },\n        sliderRef,\n        minValue,\n        maxValue,\n        step,\n      );\n      const newValue = getNewValue(\n        positionValue,\n        currentValue,\n        dragStepValue,\n        min,\n        max,\n        activeButton.current,\n      );\n      if (newValue !== value) {\n        setCurrentValue(newValue);\n        setTooltipPosition(getActiveValue(newValue, 0), 0);\n        onChange?.({\n          e,\n          value: newValue as SliderValue<RANGE>,\n        });\n      }\n    }\n  };\n\n  const onKeyPress = useCallback(\n    (event: React.KeyboardEvent, typeButton: ActiveButton) => {\n      if (\n        !disabled &&\n        typeof typeButton === 'number' &&\n        typeof currentValue !== 'undefined'\n      ) {\n        event.preventDefault();\n        event.stopPropagation();\n        let stepIncrement = !Array.isArray(step) ? step || 1 : 1;\n        let validKeyCode = false;\n        const changedValue = getActiveValue(currentValue, typeButton);\n        switch (event.key) {\n          case 'ArrowUp':\n          case 'ArrowRight':\n          case '+':\n            validKeyCode = true;\n            break;\n          case 'ArrowLeft':\n          case 'ArrowDown':\n          case '-':\n            validKeyCode = true;\n            stepIncrement *= -1;\n            break;\n          default:\n            break;\n        }\n        if (validKeyCode) {\n          if (Array.isArray(step)) {\n            step.forEach((stepPoint, index) => {\n              if (\n                typeof typeButton === 'number' &&\n                changedValue === stepPoint\n              ) {\n                if (stepIncrement >= 0) {\n                  if (index === 0) {\n                    stepIncrement = step[1] - minValue;\n                  } else {\n                    stepIncrement =\n                      (typeof step[index + 1] !== 'undefined'\n                        ? step[index + 1]\n                        : maxValue) - stepPoint;\n                  }\n                } else if (index === 0) {\n                  stepIncrement = minValue - step[1];\n                } else {\n                  stepIncrement =\n                    (typeof step[index - 1] !== 'undefined'\n                      ? step[index - 1]\n                      : minValue) - stepPoint;\n                }\n              }\n            });\n          }\n          const newValue = getNewValue(\n            changedValue + stepIncrement,\n            currentValue,\n            step,\n            min,\n            max,\n            typeButton,\n          );\n          setCurrentValue(newValue);\n          setTooltipPosition(getActiveValue(newValue, typeButton), typeButton);\n          onChange?.({\n            e: event,\n            value: newValue as SliderValue<RANGE>,\n          });\n        }\n      }\n    },\n    [currentValue, step, min, max],\n  );\n\n  const setTooltipPosition = (value: number, position: ActiveButton) => {\n    if (sliderRef.current && typeof position === 'number') {\n      const button = buttonRefs[position].current || sliderRef.current;\n      const { x, width } = sliderRef.current.getBoundingClientRect();\n      const newPosition = {\n        y: button.offsetTop + button.offsetHeight + 50,\n        x: x + Math.abs((value - minValue) / (maxValue - minValue)) * width,\n      };\n      if (position === 0) {\n        setLeftPopover(newPosition);\n      } else {\n        setRightPopover(newPosition);\n      }\n    }\n  };\n\n  const changePosition = (event: Event) => {\n    const nativeEvent = event as MouseEvent | TouchEvent;\n    if (typeof activeButton.current !== 'number') {\n      return value;\n    }\n    const position = trackPosition(nativeEvent);\n    const positionValue = getValueByPosition(\n      position,\n      sliderRef,\n      minValue,\n      maxValue,\n      step,\n    );\n    return getNewValue(\n      positionValue,\n      currentValue,\n      dragStepValue,\n      min,\n      max,\n      activeButton.current,\n    );\n  };\n\n  const onFocus = (\n    e: React.FocusEvent | React.MouseEvent,\n    button: ActiveButton,\n  ) => {\n    setCurrentButton(button);\n    activeButton.current = button;\n  };\n\n  const handleTouchMove = (\n    event: MouseEvent | TouchEvent | Event,\n    typeButton?: ActiveButton,\n  ) => {\n    const button = typeButton || activeButton.current;\n    if (typeof button === 'number') {\n      const position = changePosition(event);\n      const oldValue: number = getActiveValue(currentValue, button);\n      const newValue: number = getActiveValue(position, button);\n      setCurrentValue(position);\n      if (oldValue !== newValue) {\n        onAfterChange?.({ e: event, value: position as SliderValue<RANGE> });\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (isRangeParams(props)) {\n      props.value?.forEach((val, index) => {\n        setTooltipPosition(\n          getActiveValue(val, activeButton.current),\n          index === 0 ? 0 : 1,\n        );\n      });\n    }\n    if (isNotRangeParams(props)) {\n      setTooltipPosition(getActiveValue(value, activeButton.current), 0);\n    }\n    activeButton.current = null;\n  }, [sizeSlider, typeof value]);\n\n  const handleRelease = useCallback(\n    (e: MouseEvent | TouchEvent | Event) => {\n      controlListeners('remove');\n      if (isRangeParams(props) && Array.isArray(lastValue.current)) {\n        const copyValues = [...lastValue.current].sort(\n          (a, b) => Number(a) - Number(b),\n        ) as SliderValue<true>;\n        props.onChange?.({ e, value: copyValues });\n      }\n      if (isNotRangeParams(props) && typeof lastValue.current === 'number') {\n        props.onChange?.({ e, value: lastValue.current });\n      }\n      setCurrentButton(null);\n      activeButton.current = null;\n    },\n    [lastValue, value, onChange, handleTouchMove],\n  );\n\n  const handlePress = useCallback(\n    (typeButton: ActiveButton) => {\n      if (!disabled) {\n        setCurrentButton(typeButton);\n        activeButton.current = typeButton;\n        controlListeners('add');\n      }\n    },\n    [currentValue, value, onChange, handleTouchMove, disabled],\n  );\n\n  return {\n    onKeyPress,\n    onFocus,\n    handlePress,\n    onSliderClick,\n    activeButton: currentButton,\n    popoverPosition: [leftPopover, rightPopover],\n    currentValue: Array.isArray(currentValue) ? currentValue : [currentValue],\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSlider.js","names":["useCallback","useEffect","useMemo","useRef","useState","useClickOutside","useComponentSize","useMutableRef","getActiveValue","getNewValue","getValidValue","getValueByPosition","isNotRangeParams","isRangeParams","trackPosition","COUNT_STEPS","useSlider","props","disabled","range","value","min","max","step","onChange","onAfterChange","sliderRef","containerRef","buttonRefs","minValue","maxValue","dragStepValue","Array","isArray","val","Math","abs","currentValue","setCurrentValue","leftPopover","setLeftPopover","rightPopover","setRightPopover","currentButton","setCurrentButton","activeButton","sizeSlider","lastValue","isActive","ignoreClicksInsideRefs","handler","current","controlListeners","type","method","document","handleRelease","handleTouchMove","setTooltipPosition","JSON","stringify","indexOf","newValue","targetValue","onKeyPress","event","typeButton","preventDefault","stopPropagation","stepIncrement","validKeyCode","changedValue","key","forEach","stepPoint","index","e","position","button","getBoundingClientRect","x","width","newPosition","y","offsetTop","offsetHeight","changePosition","positionValue","oldValue","copyValues","sort","a","b","handlePress","onFocus","onSliderClick","pageX","pageY","popoverPosition"],"sources":["../../../../../../src/components/Slider/useSlider/useSlider.ts"],"sourcesContent":["import React, {\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\n\nimport { useComponentSize } from '../../../hooks/useComponentSize/useComponentSize';\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { SliderValue, TrackPosition } from '../helper';\nimport {\n  ActiveButton,\n  getActiveValue,\n  getNewValue,\n  getValidValue,\n  getValueByPosition,\n  isNotRangeParams,\n  isRangeParams,\n  trackPosition,\n  UseSliderProps,\n  UseSliderValues,\n} from './helper';\n\nexport const COUNT_STEPS = 250;\n\nexport function useSlider<RANGE extends boolean>(\n  props: UseSliderProps<RANGE>,\n): UseSliderValues {\n  const {\n    disabled,\n    range,\n    value,\n    min,\n    max,\n    step = 1,\n    onChange,\n    onAfterChange,\n    sliderRef,\n    containerRef,\n    buttonRefs,\n  } = props;\n\n  const minValue = max > min ? min : 0;\n  const maxValue = max > min ? max : 100;\n\n  const dragStepValue = useMemo(() => {\n    if (!Array.isArray(step)) {\n      if (step >= 1) {\n        const val = Math.abs((maxValue - minValue) / COUNT_STEPS);\n        if (val > step) {\n          return val - (val % step);\n        }\n        return Math.max(val, step);\n      }\n    }\n    return step;\n  }, [max, min, step]);\n\n  const [currentValue, setCurrentValue] = useState<number | [number, number]>(\n    value,\n  );\n  const [leftPopover, setLeftPopover] = useState<TrackPosition>(null);\n  const [rightPopover, setRightPopover] = useState<TrackPosition>(null);\n  const [currentButton, setCurrentButton] = useState<ActiveButton | null>(null);\n\n  const activeButton: MutableRefObject<ActiveButton | null> = useRef(null);\n\n  const sizeSlider = useComponentSize(sliderRef);\n\n  const lastValue = useMutableRef(currentValue);\n\n  useClickOutside({\n    isActive: true,\n    ignoreClicksInsideRefs: [containerRef],\n    handler: () => {\n      setCurrentButton(null);\n      activeButton.current = null;\n    },\n  });\n\n  useEffect(() => {\n    if (disabled) {\n      controlListeners('remove');\n    }\n  }, [disabled]);\n\n  const controlListeners = (type: 'add' | 'remove') => {\n    const method = type === 'add' ? 'addEventListener' : 'removeEventListener';\n    document[method]('mouseup', handleRelease);\n    document[method]('touchend', handleRelease);\n    document[method]('mousemove', handleTouchMove);\n    document[method]('touchmove', handleTouchMove);\n  };\n\n  useEffect(() => {\n    if (Array.isArray(currentValue)) {\n      setTooltipPosition(currentValue[0], 0);\n      setTooltipPosition(currentValue[1], 1);\n    } else {\n      setTooltipPosition(currentValue, 0);\n    }\n  }, [currentValue]);\n\n  useEffect(() => {\n    if (JSON.stringify(value) !== JSON.stringify(currentValue)) {\n      if (Array.isArray(value) && Array.isArray(currentValue)) {\n        if (\n          !(\n            currentValue.indexOf(value[0]) !== -1 &&\n            currentValue.indexOf(value[1]) !== -1\n          )\n        ) {\n          setCurrentValue(value);\n          setTooltipPosition(getActiveValue(value, activeButton.current), 0);\n        }\n      } else {\n        setCurrentValue(value);\n        setTooltipPosition(getActiveValue(value, activeButton.current), 0);\n      }\n      setCurrentButton(null);\n      activeButton.current = null;\n    }\n  }, [value]);\n\n  useEffect(() => {\n    const newValue = Array.isArray(currentValue)\n      ? ([\n          getNewValue(currentValue[0], currentValue[0], step, min, max, 0),\n          getNewValue(currentValue[1], currentValue[1], step, min, max, 1),\n        ] as SliderValue<RANGE>)\n      : (getNewValue(\n          currentValue,\n          currentValue,\n          step,\n          min,\n          max,\n          0,\n        ) as SliderValue<RANGE>);\n    onChange?.(newValue, {});\n  }, [step]);\n\n  useEffect(() => {\n    if (typeof value !== 'undefined') {\n      const targetValue = isRangeParams(props)\n        ? ([\n            getValidValue(props.value[0], min, max, step),\n            getValidValue(props.value[1], min, max, step),\n          ] as [number, number])\n        : getValidValue(props.value as number, min, max, step);\n      setCurrentValue(targetValue);\n    }\n  }, [range, typeof value]);\n\n  useEffect(() => {\n    if (isRangeParams(props)) {\n      if (props.value[0] > props.value[1]) {\n        const newValue: SliderValue<true> = [props.value[1], props.value[1]];\n        props.onChange?.(newValue, {});\n      }\n    }\n  }, []);\n\n  const onSliderClick = (e: React.MouseEvent) => {\n    if (isNotRangeParams(props)) {\n      const positionValue = getValueByPosition(\n        { x: e.pageX, y: e.pageY },\n        sliderRef,\n        minValue,\n        maxValue,\n        step,\n      );\n      const newValue = getNewValue(\n        positionValue,\n        currentValue,\n        dragStepValue,\n        min,\n        max,\n        activeButton.current,\n      ) as SliderValue<RANGE>;\n      if (newValue !== value) {\n        setCurrentValue(newValue);\n        setTooltipPosition(getActiveValue(newValue, 0), 0);\n        onChange?.(newValue, {\n          e,\n        });\n      }\n    }\n  };\n\n  const onKeyPress = useCallback(\n    (event: React.KeyboardEvent, typeButton: ActiveButton) => {\n      if (\n        !disabled &&\n        typeof typeButton === 'number' &&\n        typeof currentValue !== 'undefined'\n      ) {\n        event.preventDefault();\n        event.stopPropagation();\n        let stepIncrement = !Array.isArray(step) ? step || 1 : 1;\n        let validKeyCode = false;\n        const changedValue = getActiveValue(currentValue, typeButton);\n        switch (event.key) {\n          case 'ArrowUp':\n          case 'ArrowRight':\n          case '+':\n            validKeyCode = true;\n            break;\n          case 'ArrowLeft':\n          case 'ArrowDown':\n          case '-':\n            validKeyCode = true;\n            stepIncrement *= -1;\n            break;\n          default:\n            break;\n        }\n        if (validKeyCode) {\n          if (Array.isArray(step)) {\n            step.forEach((stepPoint, index) => {\n              if (\n                typeof typeButton === 'number' &&\n                changedValue === stepPoint\n              ) {\n                if (stepIncrement >= 0) {\n                  if (index === 0) {\n                    stepIncrement = step[1] - minValue;\n                  } else {\n                    stepIncrement =\n                      (typeof step[index + 1] !== 'undefined'\n                        ? step[index + 1]\n                        : maxValue) - stepPoint;\n                  }\n                } else if (index === 0) {\n                  stepIncrement = minValue - step[1];\n                } else {\n                  stepIncrement =\n                    (typeof step[index - 1] !== 'undefined'\n                      ? step[index - 1]\n                      : minValue) - stepPoint;\n                }\n              }\n            });\n          }\n          const newValue = getNewValue(\n            changedValue + stepIncrement,\n            currentValue,\n            step,\n            min,\n            max,\n            typeButton,\n          ) as SliderValue<RANGE>;\n          setCurrentValue(newValue);\n          setTooltipPosition(getActiveValue(newValue, typeButton), typeButton);\n          onChange?.(newValue, {\n            e: event,\n          });\n        }\n      }\n    },\n    [currentValue, step, min, max],\n  );\n\n  const setTooltipPosition = (value: number, position: ActiveButton) => {\n    if (sliderRef.current && typeof position === 'number') {\n      const button = buttonRefs[position].current || sliderRef.current;\n      const { x, width } = sliderRef.current.getBoundingClientRect();\n      const newPosition = {\n        y: button.offsetTop + button.offsetHeight + 50,\n        x: x + Math.abs((value - minValue) / (maxValue - minValue)) * width,\n      };\n      if (position === 0) {\n        setLeftPopover(newPosition);\n      } else {\n        setRightPopover(newPosition);\n      }\n    }\n  };\n\n  const changePosition = (event: Event) => {\n    const nativeEvent = event as MouseEvent | TouchEvent;\n    if (typeof activeButton.current !== 'number') {\n      return value;\n    }\n    const position = trackPosition(nativeEvent);\n    const positionValue = getValueByPosition(\n      position,\n      sliderRef,\n      minValue,\n      maxValue,\n      step,\n    );\n    return getNewValue(\n      positionValue,\n      currentValue,\n      dragStepValue,\n      min,\n      max,\n      activeButton.current,\n    );\n  };\n\n  const onFocus = (\n    e: React.FocusEvent | React.MouseEvent,\n    button: ActiveButton,\n  ) => {\n    setCurrentButton(button);\n    activeButton.current = button;\n  };\n\n  const handleTouchMove = (\n    event: MouseEvent | TouchEvent | Event,\n    typeButton?: ActiveButton,\n  ) => {\n    const button = typeButton || activeButton.current;\n    if (typeof button === 'number') {\n      const position = changePosition(event) as SliderValue<RANGE>;\n      const oldValue: number = getActiveValue(currentValue, button);\n      const newValue: number = getActiveValue(position, button);\n      setCurrentValue(position);\n      if (oldValue !== newValue) {\n        onAfterChange?.(position, { e: event });\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (isRangeParams(props)) {\n      props.value?.forEach((val, index) => {\n        setTooltipPosition(\n          getActiveValue(val, activeButton.current),\n          index === 0 ? 0 : 1,\n        );\n      });\n    }\n    if (isNotRangeParams(props)) {\n      setTooltipPosition(getActiveValue(value, activeButton.current), 0);\n    }\n    activeButton.current = null;\n  }, [sizeSlider, typeof value]);\n\n  const handleRelease = useCallback(\n    (e: MouseEvent | TouchEvent | Event) => {\n      controlListeners('remove');\n      if (isRangeParams(props) && Array.isArray(lastValue.current)) {\n        const copyValues = [...lastValue.current].sort(\n          (a, b) => Number(a) - Number(b),\n        ) as SliderValue<true>;\n        props.onChange?.(copyValues, { e });\n      }\n      if (isNotRangeParams(props) && typeof lastValue.current === 'number') {\n        props.onChange?.(lastValue.current, { e });\n      }\n      setCurrentButton(null);\n      activeButton.current = null;\n    },\n    [lastValue, value, onChange, handleTouchMove],\n  );\n\n  const handlePress = useCallback(\n    (typeButton: ActiveButton) => {\n      if (!disabled) {\n        setCurrentButton(typeButton);\n        activeButton.current = typeButton;\n        controlListeners('add');\n      }\n    },\n    [currentValue, value, onChange, handleTouchMove, disabled],\n  );\n\n  return {\n    onKeyPress,\n    onFocus,\n    handlePress,\n    onSliderClick,\n    activeButton: currentButton,\n    popoverPosition: [leftPopover, rightPopover],\n    currentValue: Array.isArray(currentValue) ? currentValue : [currentValue],\n  };\n}\n"],"mappings":"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"}

package/__internal__/src/components/Slider/useSliderStationing.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Line, PropView } from './helper';
-declare type UseSliderStationing = (value: number | [number, number] | undefined, min: number, max: number, view: PropView, range: boolean | undefined, step: number | number[] | undefined, buttonRefs: [
+import { Line, SliderPropView } from './helper';
+declare type UseSliderStationing = (value: number | [number, number] | undefined, min: number, max: number, view: SliderPropView, range: boolean | undefined, step: number | number[] | undefined, buttonRefs: [
     React.RefObject<HTMLButtonElement>,
     React.RefObject<HTMLButtonElement>
 ], sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>) => {

package/__internal__/src/components/Slider/useSliderStationing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderStationing.js","names":["useCallback","useEffect","useMemo","useState","useComponentSize","COUNT_STEPS","getSteps","step","min","max","stepsArray","size","Array","isArray","i","length","push","useSliderStationing","value","view","range","buttonRefs","sliderLineRef","lineSizes","setLineSizes","buttonPositions","setButtonPositions","width","height","calcualtedStep","val","Math","abs","calculateLines","sizesArray","absoluteSize","active","forEach","stepSize","minValue","maxValue","endPointArray","unshift","getValidValue","calculateButtonPositions","defaultPaddingValue","positions","buttonRef","index","current","offsetWidth"],"sources":["../../../../../src/components/Slider/useSliderStationing.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { Line, PropView } from './helper';\nimport { COUNT_STEPS } from './useSlider/useSlider';\n\ntype UseSliderStationing = (\n  value: number | [number, number] | undefined,\n  min: number,\n  max: number,\n  view: PropView,\n  range: boolean | undefined,\n  step: number | number[] | undefined,\n  buttonRefs: [\n    React.RefObject<HTMLButtonElement>,\n    React.RefObject<HTMLButtonElement>,\n  ],\n  sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>,\n) => {\n  lineSizes: Line[];\n  buttonPositions: number[];\n};\n\nexport const getSteps = (step: number | number[], min: number, max: number) => {\n  const stepsArray: { min: number; max: number }[] = [];\n  let size = min;\n  if (Array.isArray(step)) {\n    for (let i = 0; i < step.length - 1; i++) {\n      stepsArray.push({\n        min: step[i],\n        max: step[i + 1],\n      });\n    }\n  } else {\n    for (let i = min; i < max; i += step) {\n      stepsArray.push({\n        min: size,\n        max: size + (max - i < step ? max - i : step),\n      });\n      size += step;\n    }\n  }\n  return stepsArray;\n};\n\nexport const useSliderStationing: UseSliderStationing = (\n  value,\n  min,\n  max,\n  view,\n  range,\n  step = 1,\n  buttonRefs,\n  sliderLineRef,\n) => {\n  const [lineSizes, setLineSizes] = useState<Line[]>([]);\n  const [buttonPositions, setButtonPositions] = useState<number[]>([]);\n\n  const { width, height } = useComponentSize(sliderLineRef);\n\n  const calcualtedStep = useMemo(() => {\n    if (!Array.isArray(step)) {\n      const val = Math.abs((max - min) / COUNT_STEPS);\n      if (val > step) {\n        return val - (val % step);\n      }\n      return Math.max(val, step);\n    }\n    return step;\n  }, [max, min, step]);\n\n  const calculateLines = () => {\n    const sizesArray: Line[] = [];\n    const absoluteSize = Math.abs(max - min);\n    if (typeof value !== 'undefined') {\n      if (view === 'default') {\n        if (!Array.isArray(value) && typeof value === 'number') {\n          sizesArray.push({\n            width: (1 - (max - value) / absoluteSize) * 100,\n            active: true,\n          });\n          sizesArray.push({\n            width: ((max - value) / absoluteSize) * 100,\n            active: false,\n          });\n        } else if (Array.isArray(value) && value) {\n          const [minValue, maxValue] = [Math.min(...value), Math.max(...value)];\n          const endPointArray = [minValue, maxValue];\n          endPointArray.unshift(min);\n          endPointArray.push(max);\n          for (let i = 0; i < endPointArray.length - 1; i++) {\n            sizesArray.push({\n              width:\n                ((endPointArray[i + 1] - endPointArray[i]) / absoluteSize) *\n                100,\n              active:\n                endPointArray[i] >= minValue &&\n                endPointArray[i + 1] <= maxValue,\n            });\n          }\n        } else {\n          sizesArray.push({\n            width: 100,\n            active: false,\n          });\n        }\n      } else if (typeof calcualtedStep !== 'undefined') {\n        getSteps(calcualtedStep, min, max).forEach((stepSize) => {\n          sizesArray.push({\n            width: (Math.abs(stepSize.max - stepSize.min) * 100) / absoluteSize,\n            active:\n              (typeof value === 'number' || Array.isArray(value)) &&\n              (range && Array.isArray(value)\n                ? stepSize.max > Math.min(...value) &&\n                  stepSize.min < Math.max(...value)\n                : stepSize.max <= value),\n          });\n        });\n      }\n    } else {\n      sizesArray.push({\n        width: 100,\n        active: false,\n      });\n    }\n    return sizesArray;\n  };\n\n  const getValidValue = (value: number) => {\n    if (value < min) return min;\n    if (value > max) return max;\n    return value;\n  };\n\n  const calculateButtonPositions = useCallback(() => {\n    const absoluteSize = Math.abs(max - min);\n    let defaultPaddingValue = 0;\n    const positions: number[] = [];\n    buttonRefs.forEach((buttonRef, index) => {\n      if (\n        buttonRef.current &&\n        buttonRef.current.offsetWidth &&\n        sliderLineRef.current &&\n        sliderLineRef.current.offsetWidth\n      ) {\n        defaultPaddingValue =\n          (absoluteSize * buttonRef.current.offsetWidth) /\n            (2 * sliderLineRef.current.offsetWidth) || 0;\n      }\n      if (typeof value === 'number' || Array.isArray(value)) {\n        positions.push(\n          typeof value === 'number'\n            ? (1 -\n                (max - getValidValue(value) + defaultPaddingValue) /\n                  absoluteSize) *\n                100\n            : (1 -\n                (max - getValidValue(value[index]) + defaultPaddingValue) /\n                  absoluteSize) *\n                100,\n        );\n      }\n    });\n    return positions;\n  }, [buttonRefs, sliderLineRef]);\n\n  useEffect(() => {\n    setLineSizes(calculateLines());\n    setButtonPositions(calculateButtonPositions());\n  }, [value, min, max, range, calcualtedStep, view, width, height]);\n\n  return {\n    lineSizes,\n    buttonPositions,\n  };\n};\n"],"mappings":"0IAAA,OAAgBA,WAAhB,CAA6BC,SAA7B,CAAwCC,OAAxC,CAAiDC,QAAjD,KAAiE,OAAjE,CAEA,OAASC,gBAAT,oCAGA,OAASC,WAAT,6BAmBA,MAAO,IAAMC,SAAQ,CAAG,SAACC,CAAD,CAA0BC,CAA1B,CAAuCC,CAAvC,CAAuD,IACvEC,EAA0C,CAAG,EAD0B,CAEzEC,CAAI,CAAGH,CAFkE,CAG7E,GAAII,KAAK,CAACC,OAAN,CAAcN,CAAd,CAAJ,CACE,IAAK,GAAIO,EAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGP,CAAI,CAACQ,MAAL,CAAc,CAAlC,CAAqCD,CAAC,EAAtC,CACEJ,CAAU,CAACM,IAAX,CAAgB,CACdR,GAAG,CAAED,CAAI,CAACO,CAAD,CADK,CAEdL,GAAG,CAAEF,CAAI,CAACO,CAAC,CAAG,CAAL,CAFK,CAAhB,EAFJ,IAQE,KAAK,GAAIA,EAAC,CAAGN,CAAb,CAAkBM,CAAC,CAAGL,CAAtB,CAA2BK,CAAC,EAAIP,CAAhC,CACEG,CAAU,CAACM,IAAX,CAAgB,CACdR,GAAG,CAAEG,CADS,CAEdF,GAAG,CAAEE,CAAI,EAAIF,CAAG,CAAGK,CAAN,CAAUP,CAAV,CAAiBE,CAAG,CAAGK,CAAvB,CAA2BP,CAA/B,CAFK,CAAhB,CADF,CAKEI,CAAI,EAAIJ,CALV,CAQF,MAAOG,EACR,CApBM,CAsBP,MAAO,IAAMO,oBAAwC,CAAG,SACtDC,CADsD,CAEtDV,CAFsD,CAGtDC,CAHsD,CAItDU,CAJsD,CAKtDC,CALsD,CASnD,IAHHb,EAGG,wDAHI,CAGJ,CAFHc,CAEG,wCADHC,CACG,0CAC+BnB,QAAQ,CAAS,EAAT,CADvC,uBACIoB,CADJ,MACeC,CADf,QAE2CrB,QAAQ,CAAW,EAAX,CAFnD,uBAEIsB,CAFJ,MAEqBC,CAFrB,QAIuBtB,gBAAgB,CAACkB,CAAD,CAJvC,CAIKK,CAJL,GAIKA,KAJL,CAIYC,CAJZ,GAIYA,MAJZ,CAMGC,CAAc,CAAG3B,OAAO,CAAC,UAAM,CACnC,GAAI,CAACU,KAAK,CAACC,OAAN,CAAcN,CAAd,CAAL,CAA0B,CACxB,GAAMuB,EAAG,CAAGC,IAAI,CAACC,GAAL,CAAS,CAACvB,CAAG,CAAGD,CAAP,EAAcH,WAAvB,CAAZ,CADwB,MAEpByB,EAAG,CAAGvB,CAFc,CAGfuB,CAAG,CAAIA,CAAG,CAAGvB,CAHE,CAKjBwB,IAAI,CAACtB,GAAL,CAASqB,CAAT,CAAcvB,CAAd,CACR,CACD,MAAOA,EACR,CAT6B,CAS3B,CAACE,CAAD,CAAMD,CAAN,CAAWD,CAAX,CAT2B,CAN3B,CAiBG0B,CAAc,CAAG,UAAM,IACrBC,EAAkB,CAAG,EADA,CAErBC,CAAY,CAAGJ,IAAI,CAACC,GAAL,CAASvB,CAAG,CAAGD,CAAf,CAFM,CAG3B,GAAqB,WAAjB,QAAOU,EAAX,CA8CEgB,CAAU,CAAClB,IAAX,CAAgB,CACdW,KAAK,CAAE,GADO,CAEdS,MAAM,GAFQ,CAAhB,CA9CF,KACE,IAAa,SAAT,GAAAjB,CAAJ,CA+BqC,WAA1B,QAAOU,EA/BlB,EAgCEvB,QAAQ,CAACuB,CAAD,CAAiBrB,CAAjB,CAAsBC,CAAtB,CAAR,CAAmC4B,OAAnC,CAA2C,SAACC,CAAD,CAAc,CACvDJ,CAAU,CAAClB,IAAX,CAAgB,CACdW,KAAK,CAA2C,GAAxC,CAAAI,IAAI,CAACC,GAAL,CAASM,CAAQ,CAAC7B,GAAT,CAAe6B,CAAQ,CAAC9B,GAAjC,CAAD,CAAgD2B,CADzC,CAEdC,MAAM,CACJ,CAAkB,QAAjB,QAAOlB,EAAP,EAA6BN,KAAK,CAACC,OAAN,CAAcK,CAAd,CAA9B,IACCE,CAAK,EAAIR,KAAK,CAACC,OAAN,CAAcK,CAAd,CAAT,CACGoB,CAAQ,CAAC7B,GAAT,CAAesB,IAAI,CAACvB,GAAL,OAAAuB,IAAI,oBAAQb,CAAR,EAAnB,EACAoB,CAAQ,CAAC9B,GAAT,CAAeuB,IAAI,CAACtB,GAAL,OAAAsB,IAAI,oBAAQb,CAAR,EAFtB,CAGGoB,CAAQ,CAAC7B,GAAT,EAAgBS,CAJpB,CAHY,CAAhB,CASD,CAVD,CAhCF,KACE,IAAI,CAACN,KAAK,CAACC,OAAN,CAAcK,CAAd,CAAD,EAA0C,QAAjB,QAAOA,EAApC,CACEgB,CAAU,CAAClB,IAAX,CAAgB,CACdW,KAAK,CAAuC,GAArC,EAAC,EAAI,CAAClB,CAAG,CAAGS,CAAP,EAAgBiB,CAArB,CADO,CAEdC,MAAM,GAFQ,CAAhB,CADF,CAKEF,CAAU,CAAClB,IAAX,CAAgB,CACdW,KAAK,CAAmC,GAAjC,EAAC,CAAClB,CAAG,CAAGS,CAAP,EAAgBiB,CAAjB,CADO,CAEdC,MAAM,GAFQ,CAAhB,CALF,KASO,IAAIxB,KAAK,CAACC,OAAN,CAAcK,CAAd,GAAwBA,CAA5B,CAAmC,OACX,CAACa,IAAI,CAACvB,GAAL,OAAAuB,IAAI,oBAAQb,CAAR,EAAL,CAAqBa,IAAI,CAACtB,GAAL,OAAAsB,IAAI,oBAAQb,CAAR,EAAzB,CADW,CACjCqB,CADiC,MACvBC,CADuB,MAElCC,CAAa,CAAG,CAACF,CAAD,CAAWC,CAAX,CAFkB,CAGxCC,CAAa,CAACC,OAAd,CAAsBlC,CAAtB,CAHwC,CAIxCiC,CAAa,CAACzB,IAAd,CAAmBP,CAAnB,CAJwC,CAKxC,IAAK,GAAIK,EAAC,CAAG,CAAb,CAAgBA,CAAC,CAAG2B,CAAa,CAAC1B,MAAd,CAAuB,CAA3C,CAA8CD,CAAC,EAA/C,CACEoB,CAAU,CAAClB,IAAX,CAAgB,CACdW,KAAK,CAEH,GADA,EAAC,CAACc,CAAa,CAAC3B,CAAC,CAAG,CAAL,CAAb,CAAuB2B,CAAa,CAAC3B,CAAD,CAArC,EAA4CqB,CAA7C,CAFY,CAIdC,MAAM,CACJK,CAAa,CAAC3B,CAAD,CAAb,EAAoByB,CAApB,EACAE,CAAa,CAAC3B,CAAC,CAAG,CAAL,CAAb,EAAwB0B,CANZ,CAAhB,CASH,CAfM,IAgBLN,EAAU,CAAClB,IAAX,CAAgB,CACdW,KAAK,CAAE,GADO,CAEdS,MAAM,GAFQ,CAAhB,CAhBK,CAwCX,MAAOF,EACR,CAxEE,CA0EGS,CAAa,CAAG,SAACzB,CAAD,CAAmB,OACnCA,EAAK,CAAGV,CAD2B,CACfA,CADe,CAEnCU,CAAK,CAAGT,CAF2B,CAEfA,CAFe,CAGhCS,CACR,CA9EE,CAgFG0B,CAAwB,CAAG5C,WAAW,CAAC,UAAM,IAC3CmC,EAAY,CAAGJ,IAAI,CAACC,GAAL,CAASvB,CAAG,CAAGD,CAAf,CAD4B,CAE7CqC,CAAmB,CAAG,CAFuB,CAG3CC,CAAmB,CAAG,EAHqB,CA6BjD,MAzBAzB,EAAU,CAACgB,OAAX,CAAmB,SAACU,CAAD,CAAYC,CAAZ,CAAsB,CAErCD,CAAS,CAACE,OAAV,EACAF,CAAS,CAACE,OAAV,CAAkBC,WADlB,EAEA5B,CAAa,CAAC2B,OAFd,EAGA3B,CAAa,CAAC2B,OAAd,CAAsBC,WALe,GAOrCL,CAAmB,CAChBV,CAAY,CAAGY,CAAS,CAACE,OAAV,CAAkBC,WAAlC,EACG,EAAI5B,CAAa,CAAC2B,OAAd,CAAsBC,WAD7B,GAC6C,CATV,GAWlB,QAAjB,QAAOhC,EAAP,EAA6BN,KAAK,CAACC,OAAN,CAAcK,CAAd,CAXM,GAYrC4B,CAAS,CAAC9B,IAAV,CACmB,QAAjB,QAAOE,EAAP,CAIM,GAHF,EAAC,EACC,CAACT,CAAG,CAAGkC,CAAa,CAACzB,CAAD,CAAnB,CAA6B2B,CAA9B,EACEV,CAFJ,CADJ,CAQM,GAHF,EAAC,EACC,CAAC1B,CAAG,CAAGkC,CAAa,CAACzB,CAAK,CAAC8B,CAAD,CAAN,CAAnB,CAAoCH,CAArC,EACEV,CAFJ,CANN,CAYH,CAxBD,CAyBA,CAAOW,CACR,CA9B2C,CA8BzC,CAACzB,CAAD,CAAaC,CAAb,CA9ByC,CAhFzC,CAqHH,MALArB,UAAS,CAAC,UAAM,CACduB,CAAY,CAACS,CAAc,EAAf,CADE,CAEdP,CAAkB,CAACkB,CAAwB,EAAzB,CACnB,CAHQ,CAGN,CAAC1B,CAAD,CAAQV,CAAR,CAAaC,CAAb,CAAkBW,CAAlB,CAAyBS,CAAzB,CAAyCV,CAAzC,CAA+CQ,CAA/C,CAAsDC,CAAtD,CAHM,CAKT,CAAO,CACLL,SAAS,CAATA,CADK,CAELE,eAAe,CAAfA,CAFK,CAIR,CAlIM"}
+{"version":3,"file":"useSliderStationing.js","names":["useCallback","useEffect","useMemo","useState","useComponentSize","COUNT_STEPS","getSteps","step","min","max","stepsArray","size","Array","isArray","i","length","push","useSliderStationing","value","view","range","buttonRefs","sliderLineRef","lineSizes","setLineSizes","buttonPositions","setButtonPositions","width","height","calcualtedStep","val","Math","abs","calculateLines","sizesArray","absoluteSize","active","forEach","stepSize","minValue","maxValue","endPointArray","unshift","getValidValue","calculateButtonPositions","defaultPaddingValue","positions","buttonRef","index","current","offsetWidth"],"sources":["../../../../../src/components/Slider/useSliderStationing.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { Line, SliderPropView } from './helper';\nimport { COUNT_STEPS } from './useSlider/useSlider';\n\ntype UseSliderStationing = (\n  value: number | [number, number] | undefined,\n  min: number,\n  max: number,\n  view: SliderPropView,\n  range: boolean | undefined,\n  step: number | number[] | undefined,\n  buttonRefs: [\n    React.RefObject<HTMLButtonElement>,\n    React.RefObject<HTMLButtonElement>,\n  ],\n  sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>,\n) => {\n  lineSizes: Line[];\n  buttonPositions: number[];\n};\n\nexport const getSteps = (step: number | number[], min: number, max: number) => {\n  const stepsArray: { min: number; max: number }[] = [];\n  let size = min;\n  if (Array.isArray(step)) {\n    for (let i = 0; i < step.length - 1; i++) {\n      stepsArray.push({\n        min: step[i],\n        max: step[i + 1],\n      });\n    }\n  } else {\n    for (let i = min; i < max; i += step) {\n      stepsArray.push({\n        min: size,\n        max: size + (max - i < step ? max - i : step),\n      });\n      size += step;\n    }\n  }\n  return stepsArray;\n};\n\nexport const useSliderStationing: UseSliderStationing = (\n  value,\n  min,\n  max,\n  view,\n  range,\n  step = 1,\n  buttonRefs,\n  sliderLineRef,\n) => {\n  const [lineSizes, setLineSizes] = useState<Line[]>([]);\n  const [buttonPositions, setButtonPositions] = useState<number[]>([]);\n\n  const { width, height } = useComponentSize(sliderLineRef);\n\n  const calcualtedStep = useMemo(() => {\n    if (!Array.isArray(step)) {\n      const val = Math.abs((max - min) / COUNT_STEPS);\n      if (val > step) {\n        return val - (val % step);\n      }\n      return Math.max(val, step);\n    }\n    return step;\n  }, [max, min, step]);\n\n  const calculateLines = () => {\n    const sizesArray: Line[] = [];\n    const absoluteSize = Math.abs(max - min);\n    if (typeof value !== 'undefined') {\n      if (view === 'default') {\n        if (!Array.isArray(value) && typeof value === 'number') {\n          sizesArray.push({\n            width: (1 - (max - value) / absoluteSize) * 100,\n            active: true,\n          });\n          sizesArray.push({\n            width: ((max - value) / absoluteSize) * 100,\n            active: false,\n          });\n        } else if (Array.isArray(value) && value) {\n          const [minValue, maxValue] = [Math.min(...value), Math.max(...value)];\n          const endPointArray = [minValue, maxValue];\n          endPointArray.unshift(min);\n          endPointArray.push(max);\n          for (let i = 0; i < endPointArray.length - 1; i++) {\n            sizesArray.push({\n              width:\n                ((endPointArray[i + 1] - endPointArray[i]) / absoluteSize) *\n                100,\n              active:\n                endPointArray[i] >= minValue &&\n                endPointArray[i + 1] <= maxValue,\n            });\n          }\n        } else {\n          sizesArray.push({\n            width: 100,\n            active: false,\n          });\n        }\n      } else if (typeof calcualtedStep !== 'undefined') {\n        getSteps(calcualtedStep, min, max).forEach((stepSize) => {\n          sizesArray.push({\n            width: (Math.abs(stepSize.max - stepSize.min) * 100) / absoluteSize,\n            active:\n              (typeof value === 'number' || Array.isArray(value)) &&\n              (range && Array.isArray(value)\n                ? stepSize.max > Math.min(...value) &&\n                  stepSize.min < Math.max(...value)\n                : stepSize.max <= value),\n          });\n        });\n      }\n    } else {\n      sizesArray.push({\n        width: 100,\n        active: false,\n      });\n    }\n    return sizesArray;\n  };\n\n  const getValidValue = (value: number) => {\n    if (value < min) return min;\n    if (value > max) return max;\n    return value;\n  };\n\n  const calculateButtonPositions = useCallback(() => {\n    const absoluteSize = Math.abs(max - min);\n    let defaultPaddingValue = 0;\n    const positions: number[] = [];\n    buttonRefs.forEach((buttonRef, index) => {\n      if (\n        buttonRef.current &&\n        buttonRef.current.offsetWidth &&\n        sliderLineRef.current &&\n        sliderLineRef.current.offsetWidth\n      ) {\n        defaultPaddingValue =\n          (absoluteSize * buttonRef.current.offsetWidth) /\n            (2 * sliderLineRef.current.offsetWidth) || 0;\n      }\n      if (typeof value === 'number' || Array.isArray(value)) {\n        positions.push(\n          typeof value === 'number'\n            ? (1 -\n                (max - getValidValue(value) + defaultPaddingValue) /\n                  absoluteSize) *\n                100\n            : (1 -\n                (max - getValidValue(value[index]) + defaultPaddingValue) /\n                  absoluteSize) *\n                100,\n        );\n      }\n    });\n    return positions;\n  }, [buttonRefs, sliderLineRef]);\n\n  useEffect(() => {\n    setLineSizes(calculateLines());\n    setButtonPositions(calculateButtonPositions());\n  }, [value, min, max, range, calcualtedStep, view, width, height]);\n\n  return {\n    lineSizes,\n    buttonPositions,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","autoClose","showProgress","icon","form","message","actions","status","onAutoClose","className"];import"../../Theme/_color/Theme_color_gpnDark.css";import"./SnackBarItem.css";import{IconClose}from"@consta/icons/IconClose";import React,{useEffect,useState}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{isNumber,isString}from"../../../utils/type-guards";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{cnTheme}from"../../Theme/Theme";import{SnackBarActionButton}from"../SnackBarActionButton/SnackBarActionButton";import{SnackBarLine}from"../SnackBarLine/SnackBarLine";import{SnackBarTimer}from"../SnackBarTimer/SnackBarTimer";import{snackBarItemStatusDefault,snackBarPropFormDefault}from"../types";var defaultInitialTimerTime=3;export var cnSnackBarItem=cn("SnackBarItem");var getAutoCloseTime=function(a){return!!a&&("number"==typeof a?a:defaultInitialTimerTime)};export var SnackBarItemRender=function(a,b){var c=a.onClose,d=a.autoClose,e=a.showProgress,f=a.icon,g=a.form,h=void 0===g?snackBarPropFormDefault:g,i=a.message,j=a.actions,k=a.status,l=void 0===k?snackBarItemStatusDefault:k,m=a.onAutoClose,n=a.className,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useFlag(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=w.on,y=w.off,z=useFlag(!1),A=_slicedToArray(z,2),B=A[0],C=A[1].on,D=function(a){return s(a)},E=getAutoCloseTime(d),F=e===void 0||!(isNumber(E)&&0<E),G=function(){m?m():null===c||void 0===c?void 0:c()};useEffect(function(){B||(v?r&&r.pause():r&&r.start())},[v,B,r]);var H=function(){C(),G()},I=c?function(){return c()}:void 0;return React.createElement("div",Object.assign({ref:b,className:cnSnackBarItem({status:l,showProgress:e,form:h},[cnTheme({color:"gpnDark"}),n]),onMouseEnter:E?function handleMouseEnter(){return x()}:void 0,onMouseLeave:E?function handleMouseLeave(){return y()}:void 0},o),E&&"line"!==e&&React.createElement(SnackBarTimer,{className:cnSnackBarItem("Timer"),onMount:D,onTimeIsOver:H,startTime:E,hidden:F}),f&&(F&&"timer"===e||"timer"!==e)&&React.createElement(f,{className:cnSnackBarItem("Icon"),size:"m"}),React.createElement("div",{className:cnSnackBarItem("Content")},isString(i)||isNumber(i)?React.createElement(Text,{className:cnSnackBarItem("Message"),lineHeight:"s"},i):i,j&&React.createElement(SnackBarActionButton,{actions:j,className:cnSnackBarItem("ActionButton")})),c&&React.createElement(Button,{className:cnSnackBarItem("CloseButton"),view:"clear",iconLeft:IconClose,form:"round",type:"button",size:"xs",onClick:I}),E&&"line"===e&&React.createElement(SnackBarLine,{className:cnSnackBarItem("Line"),onMount:D,onTimeIsOver:H,startTime:E}))};export var SnackBarItem=React.forwardRef(SnackBarItemRender);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","autoClose","showProgress","icon","form","message","actions","status","onAutoClose","className"];import"../../Theme/_color/Theme_color_gpnDark.css";import"./SnackBarItem.css";import{IconClose}from"@consta/icons/IconClose";import React,{useEffect,useState}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{isNumber,isString}from"../../../utils/type-guards";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{cnTheme}from"../../Theme/Theme";import{SnackBarActionButton}from"../SnackBarActionButton/SnackBarActionButton";import{SnackBarLine}from"../SnackBarLine/SnackBarLine";import{SnackBarTimer}from"../SnackBarTimer/SnackBarTimer";import{snackBarItemStatusDefault,snackBarPropFormDefault}from"../types";var defaultInitialTimerTime=3;export var cnSnackBarItem=cn("SnackBarItem");var getAutoCloseTime=function(a){return!!a&&("number"==typeof a?a:defaultInitialTimerTime)};export var SnackBarItemRender=function(a,b){var c=a.onClose,d=a.autoClose,e=a.showProgress,f=a.icon,g=a.form,h=void 0===g?snackBarPropFormDefault:g,i=a.message,j=a.actions,k=a.status,l=void 0===k?snackBarItemStatusDefault:k,m=a.onAutoClose,n=a.className,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useFlag(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=w.on,y=w.off,z=useFlag(!1),A=_slicedToArray(z,2),B=A[0],C=A[1].on,D=function(a){return s(a)},E=getAutoCloseTime(d),F=e===void 0||!(isNumber(E)&&0<E),G=function(){m?m():null===c||void 0===c?void 0:c()};useEffect(function(){B||(v?r&&r.pause():r&&r.start())},[v,B,r]);var H=function(){C(),G()},I=c?function(){return c()}:void 0;return React.createElement("div",Object.assign({ref:b,className:cnSnackBarItem({status:l,showProgress:e,form:h},[cnTheme({color:"gpnDark"}),n]),onMouseEnter:E?function handleMouseEnter(){return x()}:void 0,onMouseLeave:E?function handleMouseLeave(){return y()}:void 0},o),E&&"line"!==e&&React.createElement(SnackBarTimer,{className:cnSnackBarItem("Timer"),onMount:D,onTimeIsOver:H,startTime:E,hidden:F}),f&&(F&&"timer"===e||"timer"!==e)&&React.createElement(f,{className:cnSnackBarItem("Icon"),size:"m"}),React.createElement("div",{className:cnSnackBarItem("Content")},isString(i)||isNumber(i)?React.createElement(Text,{view:"primary",size:"m",className:cnSnackBarItem("Message"),lineHeight:"s"},i):i,j&&React.createElement(SnackBarActionButton,{actions:j,className:cnSnackBarItem("ActionButton")})),c&&React.createElement(Button,{className:cnSnackBarItem("CloseButton"),view:"clear",iconLeft:IconClose,form:"round",type:"button",size:"xs",onClick:I}),E&&"line"===e&&React.createElement(SnackBarLine,{className:cnSnackBarItem("Line"),onMount:D,onTimeIsOver:H,startTime:E}))};export var SnackBarItem=React.forwardRef(SnackBarItemRender);
 //# sourceMappingURL=SnackBarItem.js.map

package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackBarItem.js","names":["IconClose","React","useEffect","useState","useFlag","cn","isNumber","isString","Button","Text","cnTheme","SnackBarActionButton","SnackBarLine","SnackBarTimer","snackBarItemStatusDefault","snackBarPropFormDefault","defaultInitialTimerTime","cnSnackBarItem","getAutoCloseTime","autoClose","SnackBarItemRender","props","ref","onClose","showProgress","Icon","icon","form","message","actions","status","onAutoCloseProp","onAutoClose","className","otherProps","timerFunctions","setTimerFunctions","hover","onHover","on","offHover","off","timeIsOver","onTimeIsOver","handleMountTimer","autoCloseTime","hideAutoCloseTimer","pause","start","handleTimeIsOver","handleClose","color","handleMouseEnter","handleMouseLeave","SnackBarItem","forwardRef"],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/SnackBarItem.tsx"],"sourcesContent":["import '../../Theme/_color/Theme_color_gpnDark.css';\nimport './SnackBarItem.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { useEffect, useState } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { isNumber, isString } from '../../../utils/type-guards';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { cnTheme } from '../../Theme/Theme';\nimport { SnackBarActionButton } from '../SnackBarActionButton/SnackBarActionButton';\nimport { SnackBarLine } from '../SnackBarLine/SnackBarLine';\nimport { SnackBarTimer } from '../SnackBarTimer/SnackBarTimer';\nimport {\n  SnackBarItemComponent,\n  SnackBarItemProps,\n  snackBarItemStatusDefault,\n  snackBarPropFormDefault,\n  SnackBarTimerPropOnMount,\n} from '../types';\n\nconst defaultInitialTimerTime = 3;\n\nexport const cnSnackBarItem = cn('SnackBarItem');\n\nconst getAutoCloseTime = (\n  autoClose: boolean | number | undefined,\n): number | false => {\n  if (autoClose) {\n    if (typeof autoClose === 'number') {\n      return autoClose;\n    }\n    return defaultInitialTimerTime;\n  }\n  return false;\n};\n\nexport const SnackBarItemRender = (\n  props: SnackBarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    onClose,\n    autoClose,\n    showProgress,\n    icon: Icon,\n    form = snackBarPropFormDefault,\n    message,\n    actions,\n    status = snackBarItemStatusDefault,\n    onAutoClose: onAutoCloseProp,\n    className,\n    ...otherProps\n  } = props;\n\n  const [timerFunctions, setTimerFunctions] = useState<{\n    start: () => void;\n    pause: () => void;\n  } | null>(null);\n  const [hover, { on: onHover, off: offHover }] = useFlag(false);\n  const [timeIsOver, { on: onTimeIsOver }] = useFlag(false);\n  const handleMountTimer: SnackBarTimerPropOnMount = (timerFunctions) =>\n    setTimerFunctions(timerFunctions);\n  const handleMouseEnter = () => onHover();\n  const handleMouseLeave = () => offHover();\n  const autoCloseTime = getAutoCloseTime(autoClose);\n  const hideAutoCloseTimer =\n    showProgress === undefined ||\n    !(isNumber(autoCloseTime) && autoCloseTime > 0);\n  const onAutoClose = () => {\n    if (onAutoCloseProp) {\n      onAutoCloseProp();\n    } else {\n      onClose?.();\n    }\n  };\n\n  useEffect(() => {\n    if (!timeIsOver) {\n      if (hover) {\n        timerFunctions && timerFunctions.pause();\n      } else {\n        timerFunctions && timerFunctions.start();\n      }\n    }\n  }, [hover, timeIsOver, timerFunctions]);\n\n  const handleTimeIsOver = () => {\n    onTimeIsOver();\n    onAutoClose();\n  };\n\n  const handleClose = onClose ? () => onClose() : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={cnSnackBarItem({ status, showProgress, form }, [\n        cnTheme({ color: 'gpnDark' }),\n        className,\n      ])}\n      onMouseEnter={autoCloseTime ? handleMouseEnter : undefined}\n      onMouseLeave={autoCloseTime ? handleMouseLeave : undefined}\n      {...otherProps}\n    >\n      {autoCloseTime && showProgress !== 'line' && (\n        <SnackBarTimer\n          className={cnSnackBarItem('Timer')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n          hidden={hideAutoCloseTimer}\n        />\n      )}\n      {Icon &&\n        ((hideAutoCloseTimer && showProgress === 'timer') ||\n          showProgress !== 'timer') && (\n          <Icon className={cnSnackBarItem('Icon')} size=\"m\" />\n        )}\n      <div className={cnSnackBarItem('Content')}>\n        {isString(message) || isNumber(message) ? (\n          <Text className={cnSnackBarItem('Message')} lineHeight=\"s\">\n            {message}\n          </Text>\n        ) : (\n          message\n        )}\n        {actions && (\n          <SnackBarActionButton\n            actions={actions}\n            className={cnSnackBarItem('ActionButton')}\n          />\n        )}\n      </div>\n      {onClose && (\n        <Button\n          className={cnSnackBarItem('CloseButton')}\n          view=\"clear\"\n          iconLeft={IconClose}\n          form=\"round\"\n          type=\"button\"\n          size=\"xs\"\n          onClick={handleClose}\n        />\n      )}\n      {autoCloseTime && showProgress === 'line' && (\n        <SnackBarLine\n          className={cnSnackBarItem('Line')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SnackBarItem = React.forwardRef(\n  SnackBarItemRender,\n) as SnackBarItemComponent;\n"],"mappings":"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"}
+{"version":3,"file":"SnackBarItem.js","names":["IconClose","React","useEffect","useState","useFlag","cn","isNumber","isString","Button","Text","cnTheme","SnackBarActionButton","SnackBarLine","SnackBarTimer","snackBarItemStatusDefault","snackBarPropFormDefault","defaultInitialTimerTime","cnSnackBarItem","getAutoCloseTime","autoClose","SnackBarItemRender","props","ref","onClose","showProgress","Icon","icon","form","message","actions","status","onAutoCloseProp","onAutoClose","className","otherProps","timerFunctions","setTimerFunctions","hover","onHover","on","offHover","off","timeIsOver","onTimeIsOver","handleMountTimer","autoCloseTime","hideAutoCloseTimer","pause","start","handleTimeIsOver","handleClose","color","handleMouseEnter","handleMouseLeave","SnackBarItem","forwardRef"],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/SnackBarItem.tsx"],"sourcesContent":["import '../../Theme/_color/Theme_color_gpnDark.css';\nimport './SnackBarItem.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { useEffect, useState } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { isNumber, isString } from '../../../utils/type-guards';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { cnTheme } from '../../Theme/Theme';\nimport { SnackBarActionButton } from '../SnackBarActionButton/SnackBarActionButton';\nimport { SnackBarLine } from '../SnackBarLine/SnackBarLine';\nimport { SnackBarTimer } from '../SnackBarTimer/SnackBarTimer';\nimport {\n  SnackBarItemComponent,\n  SnackBarItemProps,\n  snackBarItemStatusDefault,\n  snackBarPropFormDefault,\n  SnackBarTimerPropOnMount,\n} from '../types';\n\nconst defaultInitialTimerTime = 3;\n\nexport const cnSnackBarItem = cn('SnackBarItem');\n\nconst getAutoCloseTime = (\n  autoClose: boolean | number | undefined,\n): number | false => {\n  if (autoClose) {\n    if (typeof autoClose === 'number') {\n      return autoClose;\n    }\n    return defaultInitialTimerTime;\n  }\n  return false;\n};\n\nexport const SnackBarItemRender = (\n  props: SnackBarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    onClose,\n    autoClose,\n    showProgress,\n    icon: Icon,\n    form = snackBarPropFormDefault,\n    message,\n    actions,\n    status = snackBarItemStatusDefault,\n    onAutoClose: onAutoCloseProp,\n    className,\n    ...otherProps\n  } = props;\n\n  const [timerFunctions, setTimerFunctions] = useState<{\n    start: () => void;\n    pause: () => void;\n  } | null>(null);\n  const [hover, { on: onHover, off: offHover }] = useFlag(false);\n  const [timeIsOver, { on: onTimeIsOver }] = useFlag(false);\n  const handleMountTimer: SnackBarTimerPropOnMount = (timerFunctions) =>\n    setTimerFunctions(timerFunctions);\n  const handleMouseEnter = () => onHover();\n  const handleMouseLeave = () => offHover();\n  const autoCloseTime = getAutoCloseTime(autoClose);\n  const hideAutoCloseTimer =\n    showProgress === undefined ||\n    !(isNumber(autoCloseTime) && autoCloseTime > 0);\n  const onAutoClose = () => {\n    if (onAutoCloseProp) {\n      onAutoCloseProp();\n    } else {\n      onClose?.();\n    }\n  };\n\n  useEffect(() => {\n    if (!timeIsOver) {\n      if (hover) {\n        timerFunctions && timerFunctions.pause();\n      } else {\n        timerFunctions && timerFunctions.start();\n      }\n    }\n  }, [hover, timeIsOver, timerFunctions]);\n\n  const handleTimeIsOver = () => {\n    onTimeIsOver();\n    onAutoClose();\n  };\n\n  const handleClose = onClose ? () => onClose() : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={cnSnackBarItem({ status, showProgress, form }, [\n        cnTheme({ color: 'gpnDark' }),\n        className,\n      ])}\n      onMouseEnter={autoCloseTime ? handleMouseEnter : undefined}\n      onMouseLeave={autoCloseTime ? handleMouseLeave : undefined}\n      {...otherProps}\n    >\n      {autoCloseTime && showProgress !== 'line' && (\n        <SnackBarTimer\n          className={cnSnackBarItem('Timer')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n          hidden={hideAutoCloseTimer}\n        />\n      )}\n      {Icon &&\n        ((hideAutoCloseTimer && showProgress === 'timer') ||\n          showProgress !== 'timer') && (\n          <Icon className={cnSnackBarItem('Icon')} size=\"m\" />\n        )}\n      <div className={cnSnackBarItem('Content')}>\n        {isString(message) || isNumber(message) ? (\n          <Text\n            view=\"primary\"\n            size=\"m\"\n            className={cnSnackBarItem('Message')}\n            lineHeight=\"s\"\n          >\n            {message}\n          </Text>\n        ) : (\n          message\n        )}\n        {actions && (\n          <SnackBarActionButton\n            actions={actions}\n            className={cnSnackBarItem('ActionButton')}\n          />\n        )}\n      </div>\n      {onClose && (\n        <Button\n          className={cnSnackBarItem('CloseButton')}\n          view=\"clear\"\n          iconLeft={IconClose}\n          form=\"round\"\n          type=\"button\"\n          size=\"xs\"\n          onClick={handleClose}\n        />\n      )}\n      {autoCloseTime && showProgress === 'line' && (\n        <SnackBarLine\n          className={cnSnackBarItem('Line')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SnackBarItem = React.forwardRef(\n  SnackBarItemRender,\n) as SnackBarItemComponent;\n"],"mappings":"gRAAA,mDACA,2BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,SAAhB,CAA2BC,QAA3B,KAA2C,OAA3C,CAEA,OAASC,OAAT,sCACA,OAASC,EAAT,0BACA,OAASC,QAAT,CAAmBC,QAAnB,kCACA,OAASC,MAAT,2BACA,OAASC,IAAT,uBACA,OAASC,OAAT,yBACA,OAASC,oBAAT,oDACA,OAASC,YAAT,oCACA,OAASC,aAAT,sCACA,OAGEC,yBAHF,CAIEC,uBAJF,gBAQA,GAAMC,wBAAuB,CAAG,CAAhC,CAEA,MAAO,IAAMC,eAAc,CAAGZ,EAAE,CAAC,cAAD,CAAzB,CAEP,GAAMa,iBAAgB,CAAG,SACvBC,CADuB,CAEJ,SACfA,CADe,GAEQ,QAArB,QAAOA,EAFM,CAGRA,CAHQ,CAKVH,uBALU,CAQpB,CAVD,CAYA,MAAO,IAAMI,mBAAkB,CAAG,SAChCC,CADgC,CAEhCC,CAFgC,CAG7B,IAEDC,EAFC,CAaCF,CAbD,CAEDE,OAFC,CAGDJ,CAHC,CAaCE,CAbD,CAGDF,SAHC,CAIDK,CAJC,CAaCH,CAbD,CAIDG,YAJC,CAKKC,CALL,CAaCJ,CAbD,CAKDK,IALC,GAaCL,CAbD,CAMDM,IANC,CAMDA,CANC,YAMMZ,uBANN,GAODa,CAPC,CAaCP,CAbD,CAODO,OAPC,CAQDC,CARC,CAaCR,CAbD,CAQDQ,OARC,GAaCR,CAbD,CASDS,MATC,CASDA,CATC,YASQhB,yBATR,GAUYiB,CAVZ,CAaCV,CAbD,CAUDW,WAVC,CAWDC,CAXC,CAaCZ,CAbD,CAWDY,SAXC,CAYEC,CAZF,0BAaCb,CAbD,cAeyClB,QAAQ,CAG1C,IAH0C,CAfjD,uBAeIgC,CAfJ,MAeoBC,CAfpB,QAmB6ChC,OAAO,IAnBpD,uBAmBIiC,CAnBJ,aAmBiBC,CAnBjB,GAmBaC,EAnBb,CAmB+BC,CAnB/B,GAmB0BC,GAnB1B,GAoBwCrC,OAAO,IApB/C,uBAoBIsC,CApBJ,MAoBsBC,CApBtB,MAoBkBJ,EApBlB,CAqBGK,CAA0C,CAAG,SAACT,CAAD,QACjDC,EAAiB,CAACD,CAAD,CADgC,CArBhD,CAyBGU,CAAa,CAAG3B,gBAAgB,CAACC,CAAD,CAzBnC,CA0BG2B,CAAkB,CACtBtB,CAAY,SAAZ,EACA,EAAElB,QAAQ,CAACuC,CAAD,CAAR,EAA2C,CAAhB,CAAAA,CAA7B,CA5BC,CA6BGb,CAAW,CAAG,UAAM,CACpBD,CADoB,CAEtBA,CAAe,EAFO,QAItBR,CAJsB,WAItBA,CAJsB,QAItBA,CAAO,EAEV,CAnCE,CAqCHrB,SAAS,CAAC,UAAM,CACTwC,CADS,GAERL,CAFQ,CAGVF,CAAc,EAAIA,CAAc,CAACY,KAAf,EAHR,CAKVZ,CAAc,EAAIA,CAAc,CAACa,KAAf,EALR,CAQf,CARQ,CAQN,CAACX,CAAD,CAAQK,CAAR,CAAoBP,CAApB,CARM,CArCN,IA+CGc,EAAgB,CAAG,UAAM,CAC7BN,CAAY,EADiB,CAE7BX,CAAW,EACZ,CAlDE,CAoDGkB,CAAW,CAAG3B,CAAO,CAAG,iBAAMA,EAAO,EAAb,CAAH,OApDxB,CAsDH,MACE,0CACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAEL,cAAc,CAAC,CAAEa,MAAM,CAANA,CAAF,CAAUN,YAAY,CAAZA,CAAV,CAAwBG,IAAI,CAAJA,CAAxB,CAAD,CAAiC,CACxDjB,OAAO,CAAC,CAAEyC,KAAK,CAAE,SAAT,CAAD,CADiD,CAExDlB,CAFwD,CAAjC,CAF3B,CAME,YAAY,CAAEY,CAAa,CAtCN,QAAnBO,iBAAmB,SAAMd,EAAO,EAAb,CAsCM,OAN7B,CAOE,YAAY,CAAEO,CAAa,CAtCN,QAAnBQ,iBAAmB,SAAMb,EAAQ,EAAd,CAsCM,OAP7B,EAQMN,CARN,EAUGW,CAAa,EAAqB,MAAjB,GAAArB,CAAjB,EACC,oBAAC,aAAD,EACE,SAAS,CAAEP,cAAc,CAAC,OAAD,CAD3B,CAEE,OAAO,CAAE2B,CAFX,CAGE,YAAY,CAAEK,CAHhB,CAIE,SAAS,CAAEJ,CAJb,CAKE,MAAM,CAAEC,CALV,EAXJ,CAmBGrB,CAAI,GACDqB,CAAkB,EAAqB,OAAjB,GAAAtB,CAAvB,EACkB,OAAjB,GAAAA,CAFC,CAAJ,EAGG,oBAAC,CAAD,EAAM,SAAS,CAAEP,cAAc,CAAC,MAAD,CAA/B,CAAyC,IAAI,CAAC,GAA9C,EAtBN,CAwBE,2BAAK,SAAS,CAAEA,cAAc,CAAC,SAAD,CAA9B,EACGV,QAAQ,CAACqB,CAAD,CAAR,EAAqBtB,QAAQ,CAACsB,CAAD,CAA7B,CACC,oBAAC,IAAD,EACE,IAAI,CAAC,SADP,CAEE,IAAI,CAAC,GAFP,CAGE,SAAS,CAAEX,cAAc,CAAC,SAAD,CAH3B,CAIE,UAAU,CAAC,GAJb,EAMGW,CANH,CADD,CAUCA,CAXJ,CAaGC,CAAO,EACN,oBAAC,oBAAD,EACE,OAAO,CAAEA,CADX,CAEE,SAAS,CAAEZ,cAAc,CAAC,cAAD,CAF3B,EAdJ,CAxBF,CA4CGM,CAAO,EACN,oBAAC,MAAD,EACE,SAAS,CAAEN,cAAc,CAAC,aAAD,CAD3B,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,CAAEjB,SAHZ,CAIE,IAAI,CAAC,OAJP,CAKE,IAAI,CAAC,QALP,CAME,IAAI,CAAC,IANP,CAOE,OAAO,CAAEkD,CAPX,EA7CJ,CAuDGL,CAAa,EAAqB,MAAjB,GAAArB,CAAjB,EACC,oBAAC,YAAD,EACE,SAAS,CAAEP,cAAc,CAAC,MAAD,CAD3B,CAEE,OAAO,CAAE2B,CAFX,CAGE,YAAY,CAAEK,CAHhB,CAIE,SAAS,CAAEJ,CAJb,EAxDJ,CAiEH,CA3HM,CA6HP,MAAO,IAAMS,aAAY,CAAGrD,KAAK,CAACsD,UAAN,CAC1BnC,kBAD0B,CAArB"}

package/__internal__/src/components/SnackBar/helper.d.ts

@@ -15,6 +15,9 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     form?: "default" | "brick" | "round" | undefined;
     onItemClose?: ((item: SnackBarItemDefault) => void) | undefined;
     onItemAutoClose?: ((item: SnackBarItemDefault) => void) | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -29,11 +32,8 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -57,7 +57,7 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -68,7 +68,7 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/__internal__/src/components/Spoiler/Spoiler.css

@@ -0,0 +1 @@
+.Spoiler{width:100%}.Spoiler-Content{overflow:hidden;position:relative;width:var(--spoiler-content-width,100%)}.Spoiler-Content_mode_blur{max-height:var(--spoiler-content-max-height,auto)}.Spoiler-Content_mode_blur:after{background:linear-gradient(to bottom,transparent 0,var(--color-bg-default) 100%);bottom:0;content:"";height:min(100%,var(--space-6xl));left:0;pointer-events:none;position:absolute;right:0}.Spoiler-Content_mode_lineClamp{-webkit-line-clamp:var(--spoiler-content-line-clamp,none);-webkit-box-orient:vertical;display:-webkit-box}.Spoiler-Content_hidden{left:-300vw;pointer-events:none;position:fixed;top:-300vh;visibility:hidden}.Spoiler-ButtonWrapper{display:flex}.Spoiler-ButtonWrapper_align_left{justify-content:left}.Spoiler-ButtonWrapper_align_center{justify-content:center}.Spoiler-ButtonWrapper_align_right{justify-content:right}