@consta/uikit 4.33.0 → 5.0.0-beta.1

package/__internal__/src/hooks/useSelect/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","names":["React","useEffect","useMemo","useRef","useState","getCountedGroups","getGroups","useClickOutside","useDebounce","useKeys","usePrevious","scrollToIndex","useHoistedState","isMultipleParams","params","multiple","isNotMultipleParams","actions","setOpen","setSearch","highlightIndex","initialState","searchValue","resolvedSearchValue","isOpen","highlightedIndex","scrollToHighlighted","isOptionForCreate","Object","prototype","hasOwnProperty","call","isOptionForSelectAll","useSelect","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","selectAll","getGroupKey","sortGroups","getItemDisabled","onFocus","onBlur","searchValueProp","withoutClearSearch","inputRef","isFocused","setIsFocused","value","Array","isArray","setState","searchFunctionDefault","item","toLocaleLowerCase","indexOf","fiteredOptions","filter","matchWithValueSearch","find","option","toString","toLowerCase","onCreate","label","__optionForCreate","filteredOptions","optionForCreate","visibleItems","resultGroups","length","notFound","flag","group","hasItems","getSelectedOptionIndex","index","useCallback","newIsOpen","old","setResolvedSearch","prevIsOpen","useLayoutEffect","currentHighlightIndex","indexForHighlight","Math","min","max","removeValue","e","valueItem","stopPropagation","newValue","onChange","some","onChangeAll","parametrs","nonDisabledItems","currentGroupValues","withoutGroupValues","forEach","el","push","clearValue","results","ArrowUp","_","preventDefault","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getData","couter","Escape","Tab","Backspace","isActive","ignoreClicksInsideRefs","handler","getOptionProps","onClick","onMouseEnter","active","hovered","key","getItems","groupKey","handleInputFocus","handleInputBlur","current","focus","handleToggleDropdown","handleInputClick","handleInputChange","target","getHandleRemoveValue"],"sources":["../../../../../src/hooks/useSelect/useSelect.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  CountedGroup,\n  getCountedGroups,\n  getGroups,\n  SelectAllItem,\n} from '../../utils/getGroups';\nimport { useClickOutside } from '../useClickOutside/useClickOutside';\nimport { useDebounce } from '../useDebounce/useDebounce';\nimport { KeyHandler, useKeys } from '../useKeys/useKeys';\nimport { usePrevious } from '../usePrevious/usePrevious';\nimport { scrollToIndex, useHoistedState } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\ntype OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n  e: React.SyntheticEvent;\n}) => void;\n\ntype ValueProp<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type OptionForCreate = {\n  label: string;\n  __optionForCreate: boolean;\n};\n\nexport type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {\n  getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n  getGroupKey?: GetGroupKey<GROUP>;\n  sortGroups?: SortGroups<ITEM, GROUP>;\n  groups?: GROUP[];\n  items: ITEM[];\n  dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  disabled?: boolean;\n  selectAll?: boolean;\n  getItemLabel: (item: ITEM) => string;\n  getItemKey: (item: ITEM) => string | number;\n  getItemDisabled?: (item: ITEM) => boolean | undefined;\n  searchFunction?: (item: ITEM, searchValue: string) => boolean;\n  onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  multiple: boolean;\n  searchValue?: string;\n  withoutClearSearch?: boolean;\n  onChange: OnChangeProp<ITEM, MULTIPLE>;\n  value: ValueProp<ITEM, MULTIPLE>;\n};\n\nexport type OptionProps<ITEM> = {\n  index: number;\n  item: ITEM | OptionForCreate | SelectAllItem;\n};\n\nexport type GetOptionPropsResult = {\n  onClick: (e: React.SyntheticEvent) => void;\n  onMouseEnter: (e: React.SyntheticEvent) => void;\n  active: boolean;\n  hovered: boolean;\n  key: string | number;\n};\n\nconst isMultipleParams = <ITEM, GROUP>(\n  params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, true> => {\n  return params.multiple;\n};\n\nconst isNotMultipleParams = <ITEM, GROUP>(\n  params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nconst actions = {\n  setOpen: 'setOpen',\n  setSearch: 'setSearch',\n  highlightIndex: 'highlightIndex',\n};\n\nconst initialState = {\n  searchValue: '',\n  resolvedSearchValue: '',\n  isOpen: false,\n  highlightedIndex: 0,\n  scrollToHighlighted: false,\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n  params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n  return (\n    params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n  );\n};\n\nexport const isOptionForSelectAll = <ITEM, GROUP>(\n  params: SelectAllItem | Group<ITEM, GROUP> | ITEM,\n): params is SelectAllItem => {\n  return (\n    params && Object.prototype.hasOwnProperty.call(params, '__optionSelctAll')\n  );\n};\n\nexport function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(\n  params: SelectProps<ITEM, GROUP, MULTIPLE>,\n) {\n  const {\n    items,\n    dropdownRef,\n    controlRef,\n    disabled = false,\n    multiple = false,\n    getItemLabel,\n    getItemKey,\n    searchFunction,\n    getItemGroupKey,\n    groups,\n    selectAll = false,\n    getGroupKey,\n    sortGroups,\n    getItemDisabled,\n    onFocus,\n    onBlur,\n    searchValue: searchValueProp,\n    withoutClearSearch,\n  } = params;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const value =\n    (params.value &&\n      (Array.isArray(params.value) ? params.value : [params.value])) ||\n    [];\n\n  const [\n    {\n      searchValue,\n      isOpen,\n      highlightedIndex,\n      resolvedSearchValue,\n      scrollToHighlighted,\n    },\n    setState,\n  ] = useHoistedState(initialState);\n\n  const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n    getItemLabel(item)\n      .toLocaleLowerCase()\n      .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n  const [filteredOptions, optionForCreate] = React.useMemo(() => {\n    if (resolvedSearchValue && resolvedSearchValue !== '') {\n      const fiteredOptions = items.filter((item) =>\n        searchFunction\n          ? searchFunction(item, resolvedSearchValue)\n          : searchFunctionDefault(item, resolvedSearchValue),\n      );\n\n      const matchWithValueSearch = Boolean(\n        items.find(\n          (option) =>\n            getItemLabel(option).toString().toLowerCase() ===\n            resolvedSearchValue.toLocaleLowerCase(),\n        ),\n      );\n\n      const optionForCreate: OptionForCreate = {\n        label: searchValue,\n        __optionForCreate: true,\n      };\n\n      return [\n        fiteredOptions,\n        params.onCreate && !matchWithValueSearch ? optionForCreate : undefined,\n      ] as const;\n    }\n    return [items, undefined] as const;\n  }, [items, resolvedSearchValue]);\n\n  const visibleItems = useMemo(() => {\n    const resultGroups = getCountedGroups(\n      getGroups(\n        filteredOptions,\n        groups?.length ? getItemGroupKey : undefined,\n        groups,\n        getGroupKey,\n        sortGroups,\n      ),\n      isMultipleParams(params) ? params.value : [],\n      selectAll,\n      getItemKey,\n      getItemDisabled,\n    );\n\n    return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n  }, [\n    value,\n    selectAll,\n    filteredOptions,\n    groups,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    sortGroups,\n    optionForCreate,\n  ]);\n\n  const notFound = useMemo(() => {\n    let flag = false;\n    if (searchValue.length > 0) {\n      flag =\n        visibleItems.filter(\n          (group) =>\n            isOptionForCreate(group) || group.items.length > 0 || group.group,\n        ).length === 0 && !params.onCreate;\n    }\n    return flag;\n  }, [visibleItems]);\n\n  const hasItems = items.length !== 0;\n\n  const getSelectedOptionIndex = (): number => {\n    let index = 0;\n    if (value.length > 0) {\n      for (const group of visibleItems) {\n        if (isOptionForCreate(group)) {\n          index++;\n          // eslint-disable-next-line no-continue\n          continue;\n        }\n        for (const item of group.items) {\n          if (isOptionForSelectAll(item)) {\n            return index;\n          }\n          if (getItemKey(item) === getItemKey(value[0])) {\n            return index;\n          }\n          index++;\n        }\n      }\n    }\n\n    return 0;\n  };\n\n  // Actions\n\n  const setOpen = React.useCallback(\n    (newIsOpen: boolean) => {\n      setState(\n        (old) => ({\n          ...old,\n          isOpen: newIsOpen,\n        }),\n        actions.setOpen,\n      );\n    },\n    [setState],\n  );\n\n  const setResolvedSearch = useDebounce((value: string) => {\n    setState(\n      (old) => ({\n        ...old,\n        resolvedSearchValue: value,\n      }),\n      actions.setSearch,\n    );\n  }, 300);\n\n  const setSearch = React.useCallback(\n    (value: string | undefined) => {\n      setState(\n        (old) => ({\n          ...old,\n          searchValue: value || '',\n        }),\n        actions.setSearch,\n      );\n      setResolvedSearch(value || '');\n    },\n    [setState, setResolvedSearch],\n  );\n\n  const prevIsOpen = usePrevious(isOpen);\n\n  React.useLayoutEffect(() => {\n    if (value !== null && !prevIsOpen && isOpen) {\n      const currentHighlightIndex = getSelectedOptionIndex();\n      if (filteredOptions.length > 0) {\n        scrollToIndex(currentHighlightIndex, dropdownRef);\n      }\n    }\n  });\n\n  const highlightIndex = React.useCallback(\n    (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => {\n      setState((old) => {\n        return {\n          ...old,\n          highlightedIndex: Math.min(\n            Math.max(\n              0,\n              typeof indexForHighlight === 'function'\n                ? indexForHighlight(old.highlightedIndex)\n                : indexForHighlight,\n            ),\n            optionForCreate\n              ? filteredOptions.length\n              : filteredOptions.length - 1,\n          ),\n          scrollToHighlighted,\n        };\n      }, actions.highlightIndex);\n    },\n    [filteredOptions, setState, optionForCreate],\n  );\n\n  const removeValue = (e: React.SyntheticEvent, valueItem: ITEM) => {\n    e.stopPropagation();\n    if (isMultipleParams(params)) {\n      const newValue = params.value?.filter(\n        (item) => getItemKey(item) !== getItemKey(valueItem),\n      );\n      params.onChange({\n        e,\n        value: newValue?.length ? newValue : null,\n      });\n    }\n  };\n\n  const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n    if (getItemDisabled && getItemDisabled(item)) {\n      return;\n    }\n    if (isMultipleParams(params)) {\n      const newValue = value.some(\n        (value) => getItemKey(value) === getItemKey(item),\n      )\n        ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n        : [...value, item];\n      params.onChange({ value: newValue.length ? newValue : null, e });\n    }\n    if (isNotMultipleParams(params)) {\n      params.onChange({ value: item, e });\n      setOpen(false);\n    }\n    !withoutClearSearch && setSearch('');\n  };\n\n  const onChangeAll = (parametrs: {\n    e: React.SyntheticEvent;\n    items: ITEM[];\n  }) => {\n    const { e, items } = parametrs;\n    if (isMultipleParams(params)) {\n      const nonDisabledItems = getItemDisabled\n        ? items.filter((item) => !getItemDisabled(item))\n        : items;\n\n      const currentGroupValues: ITEM[] = [];\n      const withoutGroupValues: ITEM[] = [];\n      value.forEach((el) => {\n        if (\n          nonDisabledItems.find((item) => getItemKey(el) === getItemKey(item))\n        ) {\n          currentGroupValues.push(el);\n        } else {\n          withoutGroupValues.push(el);\n        }\n      });\n      if (currentGroupValues.length === nonDisabledItems.length) {\n        params.onChange({ value: withoutGroupValues, e });\n      } else {\n        params.onChange({\n          e,\n          value: [...withoutGroupValues, ...nonDisabledItems],\n        });\n      }\n    }\n  };\n\n  const onCreate = (e: React.SyntheticEvent, label: string) => {\n    params.onCreate && params.onCreate({ e, label });\n    setOpen(false);\n    !withoutClearSearch && setSearch('');\n  };\n\n  // Handlers\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    if (!disabled && !(!multiple && value.length > 0)) {\n      setSearch(e.target.value);\n      setOpen(true);\n    }\n  };\n\n  const handleInputClick = (): void => {\n    !disabled && setOpen(!isOpen);\n\n    if (multiple) {\n      inputRef.current?.focus();\n    }\n  };\n\n  const clearValue = (e: React.SyntheticEvent) => {\n    !withoutClearSearch && setSearch('');\n    if (isMultipleParams(params)) {\n      const results = value?.filter((item) => getItemDisabled?.(item));\n      params.onChange({\n        value: results && results.length > 0 ? results : null,\n        e,\n      });\n    }\n    if (isNotMultipleParams(params)) {\n      params.onChange({ value: null, e });\n    }\n  };\n\n  const getHandleRemoveValue = (item: ITEM) => (e: React.SyntheticEvent) =>\n    removeValue(e, item);\n\n  // Prop Getters\n\n  const ArrowUp: KeyHandler = (_, e): void => {\n    e.preventDefault();\n    !disabled && setOpen(true);\n    highlightIndex((old) => old - 1, true);\n  };\n\n  const ArrowDown: KeyHandler = (_, e): void => {\n    e.preventDefault();\n    !disabled && setOpen(true);\n    highlightIndex((old) => old + 1, true);\n  };\n\n  const Enter: KeyHandler = (_, e): void => {\n    if (isOpen) {\n      if (searchValue || filteredOptions[highlightedIndex]) {\n        e.preventDefault();\n      }\n\n      const getData = (\n        index: number,\n      ): [\n        CountedGroup<ITEM, GROUP> | undefined,\n        SelectAllItem | OptionForCreate | ITEM | undefined,\n      ] => {\n        let couter = 0;\n        for (const group of visibleItems) {\n          if (isOptionForCreate(group)) {\n            couter++;\n            return [undefined, group];\n          }\n          if (group.items.length + couter > index) {\n            return [group, group.items[index - couter]];\n          }\n          couter += group.items.length;\n        }\n        return [undefined, undefined];\n      };\n\n      const [group, item] = getData(highlightedIndex);\n\n      if (isOptionForCreate(item)) {\n        onCreate(e, item.label);\n        return;\n      }\n\n      if (isOptionForSelectAll(item)) {\n        onChangeAll({\n          e,\n          items:\n            (group?.items.filter(\n              (el) => !isOptionForSelectAll(el),\n            ) as ITEM[]) ?? [],\n        });\n        return;\n      }\n\n      if (item) {\n        onChange(e, item);\n      }\n    }\n  };\n\n  const Escape = (): void => {\n    setOpen(false);\n  };\n\n  const Tab = (): void => {\n    setOpen(false);\n  };\n\n  const Backspace: KeyHandler = (_, e): void => {\n    if (searchValue) {\n      return;\n    }\n    if (multiple) {\n      removeValue(e, value[value.length - 1]);\n    } else {\n      clearValue(e);\n    }\n  };\n\n  const getKeyProps = useKeys({\n    ArrowUp,\n    ArrowDown,\n    PageUp: ArrowUp,\n    PageDown: ArrowDown,\n    Home: ArrowUp,\n    End: ArrowDown,\n    Enter,\n    Escape,\n    Tab,\n    Backspace,\n  });\n\n  const getOptionProps = ({\n    index,\n    item,\n  }: OptionProps<ITEM>): GetOptionPropsResult => {\n    if (isOptionForCreate(item)) {\n      return {\n        onClick: (e: React.SyntheticEvent) => {\n          onCreate(e, item.label);\n        },\n        onMouseEnter: () => {\n          highlightIndex(index, false);\n        },\n        active: false,\n        hovered: index === highlightedIndex,\n        key: '__optionForCreate',\n      };\n    }\n    if (isOptionForSelectAll(item)) {\n      const getItems = (): ITEM[] => {\n        for (const group of visibleItems) {\n          if (isOptionForCreate(group)) {\n            break;\n          }\n          if (group.key === item.groupKey) {\n            return (\n              (group?.items.filter(\n                (el) => !isOptionForSelectAll(el),\n              ) as ITEM[]) ?? []\n            );\n          }\n        }\n        return [];\n      };\n      return {\n        onClick: (e: React.SyntheticEvent) => {\n          onChangeAll({ e, items: getItems() });\n        },\n        onMouseEnter: () => {\n          highlightIndex(index, false);\n        },\n        active: false,\n        hovered: index === highlightedIndex,\n        key: '__optionForSelectAll',\n      };\n    }\n    const key = getItemKey(item);\n    return {\n      onClick: (e: React.SyntheticEvent) => {\n        onChange(e, item);\n      },\n      onMouseEnter: () => {\n        highlightIndex(index, false);\n      },\n      active: Boolean(value.find((item) => getItemKey(item) === key)),\n      hovered: index === highlightedIndex,\n      key,\n    };\n  };\n\n  useClickOutside({\n    isActive: isOpen,\n    ignoreClicksInsideRefs: [dropdownRef, controlRef],\n    handler: () => {\n      setOpen(false);\n    },\n  });\n\n  React.useEffect(() => {\n    if (disabled) {\n      setOpen(false);\n    }\n  }, [disabled]);\n\n  React.useEffect(() => {\n    const currentHighlightIndex = getSelectedOptionIndex();\n    highlightIndex(currentHighlightIndex, true);\n  }, [highlightIndex]);\n\n  React.useEffect(() => {\n    if (filteredOptions.length > 0 && scrollToHighlighted) {\n      scrollToIndex(highlightedIndex, dropdownRef);\n    }\n  }, [highlightedIndex]);\n\n  const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n    if (!disabled) {\n      if (!isFocused) {\n        setIsFocused(true);\n      }\n      if (typeof onFocus === 'function') {\n        onFocus(e);\n      }\n    }\n  };\n\n  const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n    if (isOpen) {\n      inputRef.current?.focus();\n      return;\n    }\n\n    if (isFocused) {\n      setIsFocused(false);\n    }\n\n    if (typeof onBlur === 'function') {\n      onBlur(e);\n    }\n  };\n\n  const handleToggleDropdown = (): void => {\n    if (isOpen) {\n      setOpen(false);\n      setIsFocused(false);\n    } else {\n      setOpen(true);\n      setIsFocused(true);\n      inputRef.current?.focus();\n    }\n  };\n\n  useEffect(() => {\n    setSearch(searchValueProp);\n  }, [searchValueProp]);\n\n  return {\n    isOpen,\n    isFocused,\n    highlightedIndex,\n    visibleItems,\n    highlightIndex,\n    getOptionProps,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    handleInputClick,\n    inputRef,\n    getKeyProps,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSelect.js","names":["React","useEffect","useMemo","useRef","useState","getCountedGroups","getGroups","useClickOutside","useDebounce","useKeys","usePrevious","scrollToIndex","useHoistedState","isMultipleParams","params","multiple","isNotMultipleParams","actions","setOpen","setSearch","highlightIndex","initialState","searchValue","resolvedSearchValue","isOpen","highlightedIndex","scrollToHighlighted","isOptionForCreate","Object","prototype","hasOwnProperty","call","isOptionForSelectAll","useSelect","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","selectAll","getGroupKey","sortGroups","getItemDisabled","onFocus","onBlur","searchValueProp","withoutClearSearch","inputRef","isFocused","setIsFocused","value","Array","isArray","setState","searchFunctionDefault","item","toLocaleLowerCase","indexOf","fiteredOptions","filter","matchWithValueSearch","find","option","toString","toLowerCase","onCreate","label","__optionForCreate","filteredOptions","optionForCreate","visibleItems","resultGroups","length","notFound","flag","group","hasItems","getSelectedOptionIndex","index","useCallback","newIsOpen","old","setResolvedSearch","prevIsOpen","useLayoutEffect","currentHighlightIndex","indexForHighlight","Math","min","max","removeValue","e","valueItem","stopPropagation","newValue","onChange","some","onChangeAll","parametrs","nonDisabledItems","currentGroupValues","withoutGroupValues","forEach","el","push","clearValue","results","ArrowUp","_","preventDefault","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getData","couter","Escape","Tab","Backspace","isActive","ignoreClicksInsideRefs","handler","getOptionProps","onClick","onMouseEnter","active","hovered","key","getItems","groupKey","handleInputFocus","handleInputBlur","current","focus","handleToggleDropdown","handleInputClick","handleInputChange","target","getHandleRemoveValue"],"sources":["../../../../../src/hooks/useSelect/useSelect.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  CountedGroup,\n  getCountedGroups,\n  getGroups,\n  SelectAllItem,\n} from '../../utils/getGroups';\nimport { useClickOutside } from '../useClickOutside/useClickOutside';\nimport { useDebounce } from '../useDebounce/useDebounce';\nimport { KeyHandler, useKeys } from '../useKeysDepricated/useKeysDepricated';\nimport { usePrevious } from '../usePrevious/usePrevious';\nimport { scrollToIndex, useHoistedState } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\ntype OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n  e: React.SyntheticEvent;\n}) => void;\n\ntype ValueProp<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type OptionForCreate = {\n  label: string;\n  __optionForCreate: boolean;\n};\n\nexport type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {\n  getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n  getGroupKey?: GetGroupKey<GROUP>;\n  sortGroups?: SortGroups<ITEM, GROUP>;\n  groups?: GROUP[];\n  items: ITEM[];\n  dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  disabled?: boolean;\n  selectAll?: boolean;\n  getItemLabel: (item: ITEM) => string;\n  getItemKey: (item: ITEM) => string | number;\n  getItemDisabled?: (item: ITEM) => boolean | undefined;\n  searchFunction?: (item: ITEM, searchValue: string) => boolean;\n  onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  multiple: boolean;\n  searchValue?: string;\n  withoutClearSearch?: boolean;\n  onChange: OnChangeProp<ITEM, MULTIPLE>;\n  value: ValueProp<ITEM, MULTIPLE>;\n};\n\nexport type OptionProps<ITEM> = {\n  index: number;\n  item: ITEM | OptionForCreate | SelectAllItem;\n};\n\nexport type GetOptionPropsResult = {\n  onClick: (e: React.SyntheticEvent) => void;\n  onMouseEnter: (e: React.SyntheticEvent) => void;\n  active: boolean;\n  hovered: boolean;\n  key: string | number;\n};\n\nconst isMultipleParams = <ITEM, GROUP>(\n  params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, true> => {\n  return params.multiple;\n};\n\nconst isNotMultipleParams = <ITEM, GROUP>(\n  params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nconst actions = {\n  setOpen: 'setOpen',\n  setSearch: 'setSearch',\n  highlightIndex: 'highlightIndex',\n};\n\nconst initialState = {\n  searchValue: '',\n  resolvedSearchValue: '',\n  isOpen: false,\n  highlightedIndex: 0,\n  scrollToHighlighted: false,\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n  params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n  return (\n    params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n  );\n};\n\nexport const isOptionForSelectAll = <ITEM, GROUP>(\n  params: SelectAllItem | Group<ITEM, GROUP> | ITEM,\n): params is SelectAllItem => {\n  return (\n    params && Object.prototype.hasOwnProperty.call(params, '__optionSelctAll')\n  );\n};\n\nexport function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(\n  params: SelectProps<ITEM, GROUP, MULTIPLE>,\n) {\n  const {\n    items,\n    dropdownRef,\n    controlRef,\n    disabled = false,\n    multiple = false,\n    getItemLabel,\n    getItemKey,\n    searchFunction,\n    getItemGroupKey,\n    groups,\n    selectAll = false,\n    getGroupKey,\n    sortGroups,\n    getItemDisabled,\n    onFocus,\n    onBlur,\n    searchValue: searchValueProp,\n    withoutClearSearch,\n  } = params;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const value =\n    (params.value &&\n      (Array.isArray(params.value) ? params.value : [params.value])) ||\n    [];\n\n  const [\n    {\n      searchValue,\n      isOpen,\n      highlightedIndex,\n      resolvedSearchValue,\n      scrollToHighlighted,\n    },\n    setState,\n  ] = useHoistedState(initialState);\n\n  const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n    getItemLabel(item)\n      .toLocaleLowerCase()\n      .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n  const [filteredOptions, optionForCreate] = React.useMemo(() => {\n    if (resolvedSearchValue && resolvedSearchValue !== '') {\n      const fiteredOptions = items.filter((item) =>\n        searchFunction\n          ? searchFunction(item, resolvedSearchValue)\n          : searchFunctionDefault(item, resolvedSearchValue),\n      );\n\n      const matchWithValueSearch = Boolean(\n        items.find(\n          (option) =>\n            getItemLabel(option).toString().toLowerCase() ===\n            resolvedSearchValue.toLocaleLowerCase(),\n        ),\n      );\n\n      const optionForCreate: OptionForCreate = {\n        label: searchValue,\n        __optionForCreate: true,\n      };\n\n      return [\n        fiteredOptions,\n        params.onCreate && !matchWithValueSearch ? optionForCreate : undefined,\n      ] as const;\n    }\n    return [items, undefined] as const;\n  }, [items, resolvedSearchValue]);\n\n  const visibleItems = useMemo(() => {\n    const resultGroups = getCountedGroups(\n      getGroups(\n        filteredOptions,\n        groups?.length ? getItemGroupKey : undefined,\n        groups,\n        getGroupKey,\n        sortGroups,\n      ),\n      isMultipleParams(params) ? params.value : [],\n      selectAll,\n      getItemKey,\n      getItemDisabled,\n    );\n\n    return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n  }, [\n    value,\n    selectAll,\n    filteredOptions,\n    groups,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    sortGroups,\n    optionForCreate,\n  ]);\n\n  const notFound = useMemo(() => {\n    let flag = false;\n    if (searchValue.length > 0) {\n      flag =\n        visibleItems.filter(\n          (group) =>\n            isOptionForCreate(group) || group.items.length > 0 || group.group,\n        ).length === 0 && !params.onCreate;\n    }\n    return flag;\n  }, [visibleItems]);\n\n  const hasItems = items.length !== 0;\n\n  const getSelectedOptionIndex = (): number => {\n    let index = 0;\n    if (value.length > 0) {\n      for (const group of visibleItems) {\n        if (isOptionForCreate(group)) {\n          index++;\n          // eslint-disable-next-line no-continue\n          continue;\n        }\n        for (const item of group.items) {\n          if (isOptionForSelectAll(item)) {\n            return index;\n          }\n          if (getItemKey(item) === getItemKey(value[0])) {\n            return index;\n          }\n          index++;\n        }\n      }\n    }\n\n    return 0;\n  };\n\n  // Actions\n\n  const setOpen = React.useCallback(\n    (newIsOpen: boolean) => {\n      setState(\n        (old) => ({\n          ...old,\n          isOpen: newIsOpen,\n        }),\n        actions.setOpen,\n      );\n    },\n    [setState],\n  );\n\n  const setResolvedSearch = useDebounce((value: string) => {\n    setState(\n      (old) => ({\n        ...old,\n        resolvedSearchValue: value,\n      }),\n      actions.setSearch,\n    );\n  }, 300);\n\n  const setSearch = React.useCallback(\n    (value: string | undefined) => {\n      setState(\n        (old) => ({\n          ...old,\n          searchValue: value || '',\n        }),\n        actions.setSearch,\n      );\n      setResolvedSearch(value || '');\n    },\n    [setState, setResolvedSearch],\n  );\n\n  const prevIsOpen = usePrevious(isOpen);\n\n  React.useLayoutEffect(() => {\n    if (value !== null && !prevIsOpen && isOpen) {\n      const currentHighlightIndex = getSelectedOptionIndex();\n      if (filteredOptions.length > 0) {\n        scrollToIndex(currentHighlightIndex, dropdownRef);\n      }\n    }\n  });\n\n  const highlightIndex = React.useCallback(\n    (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => {\n      setState((old) => {\n        return {\n          ...old,\n          highlightedIndex: Math.min(\n            Math.max(\n              0,\n              typeof indexForHighlight === 'function'\n                ? indexForHighlight(old.highlightedIndex)\n                : indexForHighlight,\n            ),\n            optionForCreate\n              ? filteredOptions.length\n              : filteredOptions.length - 1,\n          ),\n          scrollToHighlighted,\n        };\n      }, actions.highlightIndex);\n    },\n    [filteredOptions, setState, optionForCreate],\n  );\n\n  const removeValue = (e: React.SyntheticEvent, valueItem: ITEM) => {\n    e.stopPropagation();\n    if (isMultipleParams(params)) {\n      const newValue = params.value?.filter(\n        (item) => getItemKey(item) !== getItemKey(valueItem),\n      );\n      params.onChange({\n        e,\n        value: newValue?.length ? newValue : null,\n      });\n    }\n  };\n\n  const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n    if (getItemDisabled && getItemDisabled(item)) {\n      return;\n    }\n    if (isMultipleParams(params)) {\n      const newValue = value.some(\n        (value) => getItemKey(value) === getItemKey(item),\n      )\n        ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n        : [...value, item];\n      params.onChange({ value: newValue.length ? newValue : null, e });\n    }\n    if (isNotMultipleParams(params)) {\n      params.onChange({ value: item, e });\n      setOpen(false);\n    }\n    !withoutClearSearch && setSearch('');\n  };\n\n  const onChangeAll = (parametrs: {\n    e: React.SyntheticEvent;\n    items: ITEM[];\n  }) => {\n    const { e, items } = parametrs;\n    if (isMultipleParams(params)) {\n      const nonDisabledItems = getItemDisabled\n        ? items.filter((item) => !getItemDisabled(item))\n        : items;\n\n      const currentGroupValues: ITEM[] = [];\n      const withoutGroupValues: ITEM[] = [];\n      value.forEach((el) => {\n        if (\n          nonDisabledItems.find((item) => getItemKey(el) === getItemKey(item))\n        ) {\n          currentGroupValues.push(el);\n        } else {\n          withoutGroupValues.push(el);\n        }\n      });\n      if (currentGroupValues.length === nonDisabledItems.length) {\n        params.onChange({ value: withoutGroupValues, e });\n      } else {\n        params.onChange({\n          e,\n          value: [...withoutGroupValues, ...nonDisabledItems],\n        });\n      }\n    }\n  };\n\n  const onCreate = (e: React.SyntheticEvent, label: string) => {\n    params.onCreate && params.onCreate({ e, label });\n    setOpen(false);\n    !withoutClearSearch && setSearch('');\n  };\n\n  // Handlers\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    if (!disabled && !(!multiple && value.length > 0)) {\n      setSearch(e.target.value);\n      setOpen(true);\n    }\n  };\n\n  const handleInputClick = (): void => {\n    !disabled && setOpen(!isOpen);\n\n    if (multiple) {\n      inputRef.current?.focus();\n    }\n  };\n\n  const clearValue = (e: React.SyntheticEvent) => {\n    !withoutClearSearch && setSearch('');\n    if (isMultipleParams(params)) {\n      const results = value?.filter((item) => getItemDisabled?.(item));\n      params.onChange({\n        value: results && results.length > 0 ? results : null,\n        e,\n      });\n    }\n    if (isNotMultipleParams(params)) {\n      params.onChange({ value: null, e });\n    }\n  };\n\n  const getHandleRemoveValue = (item: ITEM) => (e: React.SyntheticEvent) =>\n    removeValue(e, item);\n\n  // Prop Getters\n\n  const ArrowUp: KeyHandler = (_, e): void => {\n    e.preventDefault();\n    !disabled && setOpen(true);\n    highlightIndex((old) => old - 1, true);\n  };\n\n  const ArrowDown: KeyHandler = (_, e): void => {\n    e.preventDefault();\n    !disabled && setOpen(true);\n    highlightIndex((old) => old + 1, true);\n  };\n\n  const Enter: KeyHandler = (_, e): void => {\n    if (isOpen) {\n      if (searchValue || filteredOptions[highlightedIndex]) {\n        e.preventDefault();\n      }\n\n      const getData = (\n        index: number,\n      ): [\n        CountedGroup<ITEM, GROUP> | undefined,\n        SelectAllItem | OptionForCreate | ITEM | undefined,\n      ] => {\n        let couter = 0;\n        for (const group of visibleItems) {\n          if (isOptionForCreate(group)) {\n            couter++;\n            return [undefined, group];\n          }\n          if (group.items.length + couter > index) {\n            return [group, group.items[index - couter]];\n          }\n          couter += group.items.length;\n        }\n        return [undefined, undefined];\n      };\n\n      const [group, item] = getData(highlightedIndex);\n\n      if (isOptionForCreate(item)) {\n        onCreate(e, item.label);\n        return;\n      }\n\n      if (isOptionForSelectAll(item)) {\n        onChangeAll({\n          e,\n          items:\n            (group?.items.filter(\n              (el) => !isOptionForSelectAll(el),\n            ) as ITEM[]) ?? [],\n        });\n        return;\n      }\n\n      if (item) {\n        onChange(e, item);\n      }\n    }\n  };\n\n  const Escape = (): void => {\n    setOpen(false);\n  };\n\n  const Tab = (): void => {\n    setOpen(false);\n  };\n\n  const Backspace: KeyHandler = (_, e): void => {\n    if (searchValue) {\n      return;\n    }\n    if (multiple) {\n      removeValue(e, value[value.length - 1]);\n    } else {\n      clearValue(e);\n    }\n  };\n\n  const getKeyProps = useKeys({\n    ArrowUp,\n    ArrowDown,\n    PageUp: ArrowUp,\n    PageDown: ArrowDown,\n    Home: ArrowUp,\n    End: ArrowDown,\n    Enter,\n    Escape,\n    Tab,\n    Backspace,\n  });\n\n  const getOptionProps = ({\n    index,\n    item,\n  }: OptionProps<ITEM>): GetOptionPropsResult => {\n    if (isOptionForCreate(item)) {\n      return {\n        onClick: (e: React.SyntheticEvent) => {\n          onCreate(e, item.label);\n        },\n        onMouseEnter: () => {\n          highlightIndex(index, false);\n        },\n        active: false,\n        hovered: index === highlightedIndex,\n        key: '__optionForCreate',\n      };\n    }\n    if (isOptionForSelectAll(item)) {\n      const getItems = (): ITEM[] => {\n        for (const group of visibleItems) {\n          if (isOptionForCreate(group)) {\n            break;\n          }\n          if (group.key === item.groupKey) {\n            return (\n              (group?.items.filter(\n                (el) => !isOptionForSelectAll(el),\n              ) as ITEM[]) ?? []\n            );\n          }\n        }\n        return [];\n      };\n      return {\n        onClick: (e: React.SyntheticEvent) => {\n          onChangeAll({ e, items: getItems() });\n        },\n        onMouseEnter: () => {\n          highlightIndex(index, false);\n        },\n        active: false,\n        hovered: index === highlightedIndex,\n        key: '__optionForSelectAll',\n      };\n    }\n    const key = getItemKey(item);\n    return {\n      onClick: (e: React.SyntheticEvent) => {\n        onChange(e, item);\n      },\n      onMouseEnter: () => {\n        highlightIndex(index, false);\n      },\n      active: Boolean(value.find((item) => getItemKey(item) === key)),\n      hovered: index === highlightedIndex,\n      key,\n    };\n  };\n\n  useClickOutside({\n    isActive: isOpen,\n    ignoreClicksInsideRefs: [dropdownRef, controlRef],\n    handler: () => {\n      setOpen(false);\n    },\n  });\n\n  React.useEffect(() => {\n    if (disabled) {\n      setOpen(false);\n    }\n  }, [disabled]);\n\n  React.useEffect(() => {\n    const currentHighlightIndex = getSelectedOptionIndex();\n    highlightIndex(currentHighlightIndex, true);\n  }, [highlightIndex]);\n\n  React.useEffect(() => {\n    if (filteredOptions.length > 0 && scrollToHighlighted) {\n      scrollToIndex(highlightedIndex, dropdownRef);\n    }\n  }, [highlightedIndex]);\n\n  const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n    if (!disabled) {\n      if (!isFocused) {\n        setIsFocused(true);\n      }\n      if (typeof onFocus === 'function') {\n        onFocus(e);\n      }\n    }\n  };\n\n  const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n    if (isOpen) {\n      inputRef.current?.focus();\n      return;\n    }\n\n    if (isFocused) {\n      setIsFocused(false);\n    }\n\n    if (typeof onBlur === 'function') {\n      onBlur(e);\n    }\n  };\n\n  const handleToggleDropdown = (): void => {\n    if (isOpen) {\n      setOpen(false);\n      setIsFocused(false);\n    } else {\n      setOpen(true);\n      setIsFocused(true);\n      inputRef.current?.focus();\n    }\n  };\n\n  useEffect(() => {\n    setSearch(searchValueProp);\n  }, [searchValueProp]);\n\n  return {\n    isOpen,\n    isFocused,\n    highlightedIndex,\n    visibleItems,\n    highlightIndex,\n    getOptionProps,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    handleInputClick,\n    inputRef,\n    getKeyProps,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n  };\n}\n"],"mappings":"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"}

package/__internal__/src/hooks/useVirtualScroll/hellpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hellpers.js","names":["useCallback","useEffect","getElementSize","defaultItemsCalculationCount","visualGap","useScroll","ref","fn","isActive","current","addEventListener","removeEventListener","getElementHeight","el","height","roundPositionByGap","position","gap","Math","ceil","getVisiblePosition","top","first","calculateSavedSizes","savedSizes","sizes","element","newSavedSizes","index","length","useCalculateVisiblePosition","scrollElement","set","visiblePosition","scrollTop","state","addCount","pxs","savedSize","lastSavedSize","slice","average","reduce","a","b","add","calculateBounds","size","indexs"],"sources":["../../../../../src/hooks/useVirtualScroll/hellpers.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect } from 'react';\n\nimport { getElementSize } from '##/hooks/useComponentSize';\n\nexport const defaultItemsCalculationCount = 5;\nconst visualGap = 200;\n\nexport const useScroll = (\n  ref: RefObject<HTMLElement>,\n  fn: () => void,\n  isActive: boolean,\n) => {\n  useEffect(() => (isActive ? fn() : undefined), [ref.current, fn, isActive]);\n  useEffect(() => {\n    if (isActive) {\n      ref.current?.addEventListener('scroll', fn);\n    }\n\n    return () => {\n      ref.current?.removeEventListener('scroll', fn);\n    };\n  }, [ref.current, fn, isActive]);\n};\n\nexport const getElementHeight = (el: HTMLElement | SVGGraphicsElement | null) =>\n  getElementSize(el).height;\n\nconst roundPositionByGap = (position: number, gap: number) => {\n  if (position <= 0) {\n    return 0;\n  }\n  return Math.ceil(position / gap) * gap;\n};\n\nexport const getVisiblePosition = (\n  top: number,\n  height: number,\n): [number, number] => {\n  const first = Math.ceil(\n    roundPositionByGap(top - height < 0 ? 0 : top - height, height) - visualGap,\n  );\n\n  return [\n    first <= 0 ? 0 : first,\n    Math.ceil(\n      roundPositionByGap(top === 0 ? height : top, height) + height + visualGap,\n    ),\n  ];\n};\n\nexport const calculateSavedSizes = (savedSizes: number[], sizes: number[]) => {\n  const newSavedSizes = [...savedSizes];\n  for (let index = 0; index < sizes.length; index++) {\n    const element = sizes[index];\n    if (element > 0) {\n      newSavedSizes[index] = element;\n    }\n  }\n  return newSavedSizes;\n};\n\nexport const useCalculateVisiblePosition = (\n  scrollElement: HTMLElement | null,\n  set: (value: React.SetStateAction<[number, number]>) => void,\n) =>\n  useCallback(() => {\n    if (!scrollElement) {\n      return;\n    }\n\n    const visiblePosition = getVisiblePosition(\n      scrollElement.scrollTop,\n      getElementHeight(scrollElement),\n    );\n\n    set((state) => {\n      if (visiblePosition[0] !== state[0] || visiblePosition[1] !== state[1]) {\n        return visiblePosition;\n      }\n\n      return state;\n    });\n  }, [scrollElement, set]);\n\nconst addCount = (\n  pxs: [number, number],\n  visiblePosition: [number, number],\n  savedSize: number[],\n) => {\n  const lastSavedSize = savedSize.slice(-50);\n  const average =\n    lastSavedSize.reduce((a, b) => a + b, 0) / lastSavedSize.length;\n\n  let add = defaultItemsCalculationCount;\n\n  while (visiblePosition[1] > pxs[1] + add * average) {\n    add += defaultItemsCalculationCount;\n  }\n\n  return add;\n};\n\nexport const calculateBounds = (\n  savedSize: number[],\n  size: number[],\n  visiblePosition: [number, number],\n  length: number,\n) => {\n  const pxs: [number, number] = [0, 0];\n  const indexs: [number, number] = [0, 0];\n\n  for (let index = 0; index < savedSize.length; index++) {\n    if (visiblePosition[0] > pxs[0]) {\n      pxs[0] += savedSize[index];\n      indexs[0] = index;\n    }\n\n    if (visiblePosition[1] > pxs[1]) {\n      pxs[1] += savedSize[index];\n      indexs[1] = index;\n    }\n  }\n\n  if (indexs[0] === 0 && indexs[1] === 0) {\n    indexs[1] = defaultItemsCalculationCount;\n  }\n\n  if (savedSize.length - 1 >= indexs[1] && size.length !== savedSize.length) {\n    indexs[1] += addCount(pxs, visiblePosition, savedSize);\n  }\n\n  if (indexs[1] - 1 > length) {\n    indexs[1] = length - 1;\n  }\n\n  return [pxs, indexs];\n};\n"],"mappings":"yEAAA,OAAoBA,WAApB,CAAiCC,SAAjC,KAAkD,OAAlD,CAEA,OAASC,cAAT,2BAEA,MAAO,IAAMC,6BAA4B,CAAG,CAArC,CACP,GAAMC,UAAS,CAAG,GAAlB,CAEA,MAAO,IAAMC,UAAS,CAAG,SACvBC,CADuB,CAEvBC,CAFuB,CAGvBC,CAHuB,CAIpB,CACHP,SAAS,CAAC,iBAAOO,EAAQ,CAAGD,CAAE,EAAL,OAAf,CAAD,CAAsC,CAACD,CAAG,CAACG,OAAL,CAAcF,CAAd,CAAkBC,CAAlB,CAAtC,CADN,CAEHP,SAAS,CAAC,UAAM,CACd,GAAIO,CAAJ,CAAc,iBACZF,CAAG,CAACG,OADQ,qBACZ,EAAaC,gBAAb,CAA8B,QAA9B,CAAwCH,CAAxC,CACD,CAED,MAAO,WAAM,iBACXD,CAAG,CAACG,OADO,qBACX,EAAaE,mBAAb,CAAiC,QAAjC,CAA2CJ,CAA3C,CACD,CACF,CARQ,CAQN,CAACD,CAAG,CAACG,OAAL,CAAcF,CAAd,CAAkBC,CAAlB,CARM,CASV,CAfM,CAiBP,MAAO,IAAMI,iBAAgB,CAAG,SAACC,CAAD,QAC9BX,eAAc,CAACW,CAAD,CAAd,CAAmBC,MADW,CAAzB,CAGP,GAAMC,mBAAkB,CAAG,SAACC,CAAD,CAAmBC,CAAnB,CAAmC,OAC5C,EAAZ,EAAAD,CADwD,CAEnD,CAFmD,CAIrDE,IAAI,CAACC,IAAL,CAAUH,CAAQ,CAAGC,CAArB,EAA4BA,CACpC,CALD,CAOA,MAAO,IAAMG,mBAAkB,CAAG,SAChCC,CADgC,CAEhCP,CAFgC,CAGX,CACrB,GAAMQ,EAAK,CAAGJ,IAAI,CAACC,IAAL,CACZJ,kBAAkB,CAAgB,CAAf,CAAAM,CAAG,CAAGP,CAAN,CAAmB,CAAnB,CAAuBO,CAAG,CAAGP,CAA9B,CAAsCA,CAAtC,CAAlB,CAAkEV,SADtD,CAAd,CAIA,MAAO,CACI,CAAT,EAAAkB,CAAK,CAAQ,CAAR,CAAYA,CADZ,CAELJ,IAAI,CAACC,IAAL,CACEJ,kBAAkB,CAAS,CAAR,GAAAM,CAAG,CAASP,CAAT,CAAkBO,CAAtB,CAA2BP,CAA3B,CAAlB,CAAuDA,CAAvD,CAAgEV,SADlE,CAFK,CAMR,CAdM,CAgBP,MAAO,IAAMmB,oBAAmB,CAAG,SAACC,CAAD,CAAuBC,CAAvB,CAA2C,CAE5E,OACQC,EADR,CADMC,CAAa,oBAAOH,CAAP,CACnB,CAASI,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGH,CAAK,CAACI,MAAlC,CAA0CD,CAAK,EAA/C,CACQF,CADR,CACkBD,CAAK,CAACG,CAAD,CADvB,CAEgB,CAAV,CAAAF,CAFN,GAGIC,CAAa,CAACC,CAAD,CAAb,CAAuBF,CAH3B,EAMA,MAAOC,EACR,CATM,CAWP,MAAO,IAAMG,4BAA2B,CAAG,SACzCC,CADyC,CAEzCC,CAFyC,QAIzChC,YAAW,CAAC,UAAM,CAChB,GAAK+B,CAAL,EAIA,GAAME,EAAe,CAAGb,kBAAkB,CACxCW,CAAa,CAACG,SAD0B,CAExCtB,gBAAgB,CAACmB,CAAD,CAFwB,CAA1C,CAKAC,CAAG,CAAC,SAACG,CAAD,CAAW,OACTF,EAAe,CAAC,CAAD,CAAf,GAAuBE,CAAK,CAAC,CAAD,CAA5B,EAAmCF,CAAe,CAAC,CAAD,CAAf,GAAuBE,CAAK,CAAC,CAAD,CADtD,CAEJF,CAFI,CAKNE,CACR,CANE,CATH,CAgBD,CAjBU,CAiBR,CAACJ,CAAD,CAAgBC,CAAhB,CAjBQ,CAJ8B,CAApC,CAuBP,GAAMI,SAAQ,CAAG,SACfC,CADe,CAEfJ,CAFe,CAGfK,CAHe,CAIZ,QACGC,EAAa,CAAGD,CAAS,CAACE,KAAV,CAAgB,CAAC,EAAjB,CADnB,CAEGC,CAAO,CACXF,CAAa,CAACG,MAAd,CAAqB,SAACC,CAAD,CAAIC,CAAJ,QAAUD,EAAC,CAAGC,CAAd,CAArB,CAAsC,CAAtC,EAA2CL,CAAa,CAACV,MAHxD,CAKCgB,CAAG,CAAG1C,4BALP,CAOI8B,CAAe,CAAC,CAAD,CAAf,CAAqBI,CAAG,CAAC,CAAD,CAAH,CAASQ,CAAG,CAAGJ,CAPxC,EAQDI,CAAG,EAAI1C,4BAAP,CAGF,MAAO0C,EACR,CAhBD,CAkBA,MAAO,IAAMC,gBAAe,CAAG,SAC7BR,CAD6B,CAE7BS,CAF6B,CAG7Bd,CAH6B,CAI7BJ,CAJ6B,CAK1B,CAIH,OAHMQ,EAAqB,CAAG,CAAC,CAAD,CAAI,CAAJ,CAG9B,CAFMW,CAAwB,CAAG,CAAC,CAAD,CAAI,CAAJ,CAEjC,CAASpB,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGU,CAAS,CAACT,MAAtC,CAA8CD,CAAK,EAAnD,CACMK,CAAe,CAAC,CAAD,CAAf,CAAqBI,CAAG,CAAC,CAAD,CAD9B,GAEIA,CAAG,CAAC,CAAD,CAAH,EAAUC,CAAS,CAACV,CAAD,CAFvB,CAGIoB,CAAM,CAAC,CAAD,CAAN,CAAYpB,CAHhB,EAMMK,CAAe,CAAC,CAAD,CAAf,CAAqBI,CAAG,CAAC,CAAD,CAN9B,GAOIA,CAAG,CAAC,CAAD,CAAH,EAAUC,CAAS,CAACV,CAAD,CAPvB,CAQIoB,CAAM,CAAC,CAAD,CAAN,CAAYpB,CARhB,EAwBA,MAZkB,EAAd,GAAAoB,CAAM,CAAC,CAAD,CAAN,EAAiC,CAAd,GAAAA,CAAM,CAAC,CAAD,CAY7B,GAXEA,CAAM,CAAC,CAAD,CAAN,CAAY7C,4BAWd,EARImC,CAAS,CAACT,MAAV,CAAmB,CAAnB,EAAwBmB,CAAM,CAAC,CAAD,CAA9B,EAAqCD,CAAI,CAAClB,MAAL,GAAgBS,CAAS,CAACT,MAQnE,GAPEmB,CAAM,CAAC,CAAD,CAAN,EAAaZ,QAAQ,CAACC,CAAD,CAAMJ,CAAN,CAAuBK,CAAvB,CAOvB,EAJIU,CAAM,CAAC,CAAD,CAAN,CAAY,CAAZ,CAAgBnB,CAIpB,GAHEmB,CAAM,CAAC,CAAD,CAAN,CAAYnB,CAAM,CAAG,CAGvB,EAAO,CAACQ,CAAD,CAAMW,CAAN,CACR,CAlCM"}

package/__internal__/src/hooks/useVirtualScroll/index.d.ts

@@ -0,0 +1 @@
+export * from './useVirtualScroll';

package/__internal__/src/hooks/useVirtualScroll/index.js

@@ -0,0 +1,2 @@
+export*from"./useVirtualScroll";
+//# sourceMappingURL=index.js.map

package/__internal__/src/hooks/useVirtualScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useVirtualScroll/index.ts"],"sourcesContent":["export * from './useVirtualScroll';\n"],"mappings":"AAAA"}

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./hellpers";export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(n,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c);return useScroll(o,useCalculateVisiblePosition(o.current,i),e),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m([[0,0],[0,b]])},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){r.current&&e&&l[1][1]+1>=b&&r.current(b)},[l[1][1],b,e]),{listRefs:n,scrollElementRef:o,slice:[0===l[1][0]?0:l[1][0]+1,0===l[1][1]?0:l[1][1]+1],spaceTop:l[0][0]}};
+//# sourceMappingURL=useVirtualScroll.js.map

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScroll.js","names":["useEffect","useRef","useState","useMutableRef","useRefs","useResizeObserved","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","current","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n  calculateBounds,\n  calculateSavedSizes,\n  defaultItemsCalculationCount,\n  getElementHeight,\n  useCalculateVisiblePosition,\n  useScroll,\n} from './hellpers';\n\ntype UseVirtualScrollProps = {\n  length: number;\n  isActive?: boolean;\n  onScrollToBottom?: (index: number) => void;\n};\n\ntype UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {\n  listRefs: React.RefObject<ITEM_ELEMENT>[];\n  scrollElementRef: React.RefObject<SCROLL_ELEMENT>;\n  slice: [number, number];\n  spaceTop: number;\n};\n\nexport const useVirtualScroll = <\n  ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n  SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n  length,\n  onScrollToBottom,\n  isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n  ITEM_ELEMENT,\n  SCROLL_ELEMENT\n> => {\n  const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n    0, 0,\n  ]);\n  const [bounds, setBounds] = useState<number[][]>([\n    [0, 0],\n    [0, isActive ? defaultItemsCalculationCount : length],\n  ]);\n  const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n  const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n  const sizes = useResizeObserved(listRefs, getElementHeight);\n  const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n  const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n\n  useScroll(\n    scrollElementRef,\n    useCalculateVisiblePosition(scrollElementRef.current, setVisiblePosition),\n    isActive,\n  );\n\n  useEffect(() => {\n    if (isActive) {\n      savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n      setBounds(\n        calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n      );\n    } else {\n      setBounds([\n        [0, 0],\n        [0, length],\n      ]);\n    }\n  }, [...visiblePosition, sizes, length, isActive]);\n\n  useEffect(() => {\n    if (onScrollToBottomRef.current && isActive && bounds[1][1] + 1 >= length) {\n      onScrollToBottomRef.current(length);\n    }\n  }, [bounds[1][1], length, isActive]);\n\n  return {\n    listRefs,\n    scrollElementRef,\n    slice: [\n      bounds[1][0] === 0 ? 0 : bounds[1][0] + 1,\n      bounds[1][1] === 0 ? 0 : bounds[1][1] + 1,\n    ],\n    spaceTop: bounds[0][0],\n  };\n};\n"],"mappings":"0IAAA,OAASA,SAAT,CAAoBC,MAApB,CAA4BC,QAA5B,KAA4C,OAA5C,CAEA,OAASC,aAAT,wBACA,OAASC,OAAT,kBACA,OAASC,iBAAT,4BAEA,OACEC,eADF,CAEEC,mBAFF,CAGEC,4BAHF,CAIEC,gBAJF,CAKEC,2BALF,CAMEC,SANF,kBAsBA,MAAO,IAAMC,iBAAgB,CAAG,WAU3B,IANHC,EAMG,GANHA,MAMG,CALHC,CAKG,GALHA,gBAKG,KAJHC,QAIG,CAJHA,CAIG,iBAC2Cb,QAAQ,CAAmB,CACvE,CADuE,CACpE,CADoE,CAAnB,CADnD,uBACIc,CADJ,MACqBC,CADrB,QAIyBf,QAAQ,CAAa,CAC/C,CAAC,CAAD,CAAI,CAAJ,CAD+C,CAE/C,CAAC,CAAD,CAAIa,CAAQ,CAAGP,4BAAH,CAAkCK,CAA9C,CAF+C,CAAb,CAJjC,uBAIIK,CAJJ,MAIYC,CAJZ,MAQGC,CAAQ,CAAGhB,OAAO,CAAeS,CAAf,CAAuBG,CAAvB,CARrB,CASGK,CAAgB,CAAGpB,MAAM,CAAiB,IAAjB,CAT5B,CAUGqB,CAAK,CAAGjB,iBAAiB,CAACe,CAAD,CAAWX,gBAAX,CAV5B,CAWGc,CAAa,CAAGtB,MAAM,CAACM,mBAAmB,CAAC,EAAD,CAAKe,CAAL,CAApB,CAXzB,CAYGE,CAAmB,CAAGrB,aAAa,CAACW,CAAD,CAZtC,CAwCH,MA1BAH,UAAS,CACPU,CADO,CAEPX,2BAA2B,CAACW,CAAgB,CAACI,OAAlB,CAA2BR,CAA3B,CAFpB,CAGPF,CAHO,CA0BT,CApBAf,SAAS,CAAC,UAAM,CACVe,CADU,EAEZQ,CAAa,CAACE,OAAd,CAAwBlB,mBAAmB,CAACgB,CAAa,CAACE,OAAf,CAAwBH,CAAxB,CAF/B,CAGZH,CAAS,CACPb,eAAe,CAACiB,CAAa,CAACE,OAAf,CAAwBH,CAAxB,CAA+BN,CAA/B,CAAgDH,CAAhD,CADR,CAHG,EAOZM,CAAS,CAAC,CACR,CAAC,CAAD,CAAI,CAAJ,CADQ,CAER,CAAC,CAAD,CAAIN,CAAJ,CAFQ,CAAD,CAKZ,CAZQ,8BAYFG,CAZE,GAYeM,CAZf,CAYsBT,CAZtB,CAY8BE,CAZ9B,GAoBT,CANAf,SAAS,CAAC,UAAM,CACVwB,CAAmB,CAACC,OAApB,EAA+BV,CAA/B,EAA2CG,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,EAAe,CAAf,EAAoBL,CADrD,EAEZW,CAAmB,CAACC,OAApB,CAA4BZ,CAA5B,CAEH,CAJQ,CAIN,CAACK,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,CAAD,CAAeL,CAAf,CAAuBE,CAAvB,CAJM,CAMT,CAAO,CACLK,QAAQ,CAARA,CADK,CAELC,gBAAgB,CAAhBA,CAFK,CAGLK,KAAK,CAAE,CACY,CAAjB,GAAAR,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,EAAqB,CAArB,CAAyBA,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,EAAe,CADnC,CAEY,CAAjB,GAAAA,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,EAAqB,CAArB,CAAyBA,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,EAAe,CAFnC,CAHF,CAOLS,QAAQ,CAAET,CAAM,CAAC,CAAD,CAAN,CAAU,CAAV,CAPL,CASR,CA3DM"}

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.css

@@ -0,0 +1 @@
+.MixScrollBar_size_xs{--scrollbar-size:var(--space-3xs)}.MixScrollBar_size_s{--scrollbar-size:var(--space-2xs)}.MixScrollBar_size_m{--scrollbar-size:var(--space-xs)}.MixScrollBar_invisible::-webkit-scrollbar{display:none}.MixScrollBar::-webkit-scrollbar{height:var(--scrollbar-size);width:var(--scrollbar-size)}.MixScrollBar::-webkit-scrollbar-corner,.MixScrollBar::-webkit-scrollbar-track{background-color:var(--color-scroll-bg)}.MixScrollBar::-webkit-scrollbar-thumb{background-color:var(--color-scroll-thumb);border-radius:var(--space-2xs)}.MixScrollBar::-webkit-scrollbar-thumb:hover{background-color:var(--color-scroll-thumb-hover)}

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.d.ts

@@ -0,0 +1,11 @@
+import './MixScrollBar.css';
+export declare const mixScrollBarPropSize: readonly ["m", "xs", "s"];
+export declare type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];
+export declare const mixScrollBarPropSizeDefault: MixScrollBarPropSize;
+declare type MixScrollBarProps = {
+    size?: MixScrollBarPropSize;
+    invisible?: boolean;
+};
+declare type CnMixScrollBar = (props?: MixScrollBarProps) => string;
+export declare const cnMixScrollBar: CnMixScrollBar;
+export {};

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.js

@@ -0,0 +1,2 @@
+import"./MixScrollBar.css";import{cn}from"../../utils/bem";var cnScrollBar=cn("MixScrollBar");export var mixScrollBarPropSize=["m","xs","s"];export var mixScrollBarPropSizeDefault=mixScrollBarPropSize[0];export var cnMixScrollBar=function(a){var b=null!==a&&void 0!==a?a:{},c=b.size,d=void 0===c?mixScrollBarPropSizeDefault:c,e=b.invisible;return cnScrollBar({size:d,invisible:e})};
+//# sourceMappingURL=MixScrollBar.js.map

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MixScrollBar.js","names":["cn","cnScrollBar","mixScrollBarPropSize","mixScrollBarPropSizeDefault","cnMixScrollBar","props","size","invisible"],"sources":["../../../../../src/mixs/MixScrollBar/MixScrollBar.ts"],"sourcesContent":["import './MixScrollBar.css';\n\nimport { cn } from '##/utils/bem';\n\nconst cnScrollBar = cn('MixScrollBar');\n\nexport const mixScrollBarPropSize = ['m', 'xs', 's'] as const;\nexport type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];\nexport const mixScrollBarPropSizeDefault: MixScrollBarPropSize =\n  mixScrollBarPropSize[0];\n\ntype MixScrollBarProps = {\n  size?: MixScrollBarPropSize;\n  invisible?: boolean;\n};\n\ntype CnMixScrollBar = (props?: MixScrollBarProps) => string;\n\nexport const cnMixScrollBar: CnMixScrollBar = (props) => {\n  const { size = mixScrollBarPropSizeDefault, invisible } = props ?? {};\n  return cnScrollBar({ size, invisible });\n};\n"],"mappings":"AAAA,2BAEA,OAASA,EAAT,uBAEA,GAAMC,YAAW,CAAGD,EAAE,CAAC,cAAD,CAAtB,CAEA,MAAO,IAAME,qBAAoB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAUP,MAAO,IAAME,eAA8B,CAAG,SAACC,CAAD,CAAW,CACvD,aAA0DA,CAA1D,WAA0DA,CAA1D,CAA0DA,CAA1D,CAAmE,EAAnE,KAAQC,IAAR,CAAQA,CAAR,YAAeH,2BAAf,GAA4CI,CAA5C,GAA4CA,SAA5C,CACA,MAAON,YAAW,CAAC,CAAEK,IAAI,CAAJA,CAAF,CAAQC,SAAS,CAATA,CAAR,CAAD,CACnB,CAHM"}

package/__internal__/src/mixs/MixScrollBar/index.d.ts

@@ -0,0 +1 @@
+export * from './MixScrollBar';

package/__internal__/src/mixs/MixScrollBar/index.js

@@ -0,0 +1,2 @@
+export*from"./MixScrollBar";
+//# sourceMappingURL=index.js.map

package/__internal__/src/mixs/MixScrollBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/mixs/MixScrollBar/index.ts"],"sourcesContent":["export * from './MixScrollBar';\n"],"mappings":"AAAA"}

package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["color","value","clickHandler","opacity","description","className","rgba"];import"./ColorPreview.css";import{IconCopy}from"@consta/icons/IconCopy";import React from"react";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";var cnColorPreview=cn("ColorPreview");export var ColorPreview=function(a){var b=a.color,c=a.value,d=a.clickHandler,e=a.opacity,f=a.description,g=a.className,h=a.rgba,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{className:cnColorPreview("",[wp.ptIconPlus(),g])}),React.createElement("div",{className:cnColorPreview("Circle",[wp.ptIconPlus("icon",{"vertical-align":"top","indent-r":"m"}),wp.decorator({"indent-b":"l"})]),style:h?{color:"rgba(var(".concat(b,"), 0.5)")}:{color:"var(".concat(b,")")}}),React.createElement("div",{className:wp.ptIconPlus("block")},React.createElement(Text,{as:"h3",size:"m",font:"mono",view:"primary",className:cnColorPreview("Name",[wp.decorator({"indent-b":"2xs","indent-l":"2xs"})])},b),React.createElement("div",{className:cnColorPreview("ColorCode",[wp.decorator({"indent-t":"none","space-h":"2xs"})]),onClick:function onClick(){navigator.clipboard.writeText(c),d()}},React.createElement(IconCopy,{size:"xs"}),React.createElement(Text,{size:"s",font:"mono"},c)),React.createElement(Text,{as:"p",size:"s",view:"primary",className:cnColorPreview("Description",[wp.decorator({"indent-t":"none","indent-l":"2xs"})])},f)))};export default ColorPreview;
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["color","value","clickHandler","opacity","description","className","rgba"];import"./ColorPreview.css";import{IconCopy}from"@consta/icons/IconCopy";import React from"react";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";var cnColorPreview=cn("ColorPreview");export var ColorPreview=function(a){var b=a.color,c=a.value,d=a.clickHandler,e=a.opacity,f=a.description,g=a.className,h=a.rgba,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{className:cnColorPreview("",[wp.ptIconPlus(),g])}),React.createElement("div",{className:cnColorPreview("Circle",[wp.ptIconPlus("icon",{"vertical-align":"top","indent-r":"m"}),wp.decorator({"indent-b":"l"})]),style:h?{color:"rgba(var(".concat(b,"), 0.5)")}:{color:"var(".concat(b,")")}}),React.createElement("div",{className:wp.ptIconPlus("block")},React.createElement(Text,{as:"h3",size:"m",font:"mono",view:"primary",lineHeight:"m",className:cnColorPreview("Name",[wp.decorator({"indent-b":"2xs","indent-l":"2xs"})])},b),React.createElement("div",{className:cnColorPreview("ColorCode",[wp.decorator({"indent-t":"none","space-h":"2xs"})]),onClick:function onClick(){navigator.clipboard.writeText(c),d()}},React.createElement(IconCopy,{size:"xs"}),React.createElement(Text,{size:"s",font:"mono",view:"primary",lineHeight:"m"},c)),React.createElement(Text,{as:"p",size:"s",view:"primary",lineHeight:"m",className:cnColorPreview("Description",[wp.decorator({"indent-t":"none","indent-l":"2xs"})])},f)))};export default ColorPreview;
 //# sourceMappingURL=ColorPreview.js.map

package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPreview.js","names":["IconCopy","React","Text","cn","wp","cnColorPreview","ColorPreview","color","value","clickHandler","opacity","description","className","rgba","restProps","ptIconPlus","decorator","navigator","clipboard","writeText"],"sources":["../../../../../../src/uiKit/components/ColorPreview/ColorPreview.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './ColorPreview.css';\n\nimport { IconCopy } from '@consta/icons/IconCopy';\nimport React from 'react';\n\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\n\nconst cnColorPreview = cn('ColorPreview');\n\ntype Props = {\n  color: string;\n  value: string;\n  clickHandler: () => void;\n  opacity?: boolean;\n  description?: string;\n  rgba?: boolean;\n  className?: string;\n  children?: never;\n};\n\nexport const ColorPreview: React.FC<Props> = ({\n  color,\n  value,\n  clickHandler,\n  opacity,\n  description,\n  className,\n  rgba,\n  ...restProps\n}) => {\n  return (\n    <div\n      {...restProps}\n      className={cnColorPreview('', [wp.ptIconPlus(), className])}\n    >\n      <div\n        className={cnColorPreview('Circle', [\n          wp.ptIconPlus('icon', { 'vertical-align': 'top', 'indent-r': 'm' }),\n          wp.decorator({ 'indent-b': 'l' }),\n        ])}\n        style={\n          !rgba\n            ? { color: `var(${color})` }\n            : { color: `rgba(var(${color}), 0.5)` }\n        }\n      />\n      <div className={wp.ptIconPlus('block')}>\n        <Text\n          as=\"h3\"\n          size=\"m\"\n          font=\"mono\"\n          view=\"primary\"\n          className={cnColorPreview('Name', [\n            wp.decorator({ 'indent-b': '2xs', 'indent-l': '2xs' }),\n          ])}\n        >\n          {color}\n        </Text>\n        <div\n          className={cnColorPreview('ColorCode', [\n            wp.decorator({ 'indent-t': 'none', 'space-h': '2xs' }),\n          ])}\n          onClick={() => {\n            navigator.clipboard.writeText(value);\n            clickHandler();\n          }}\n        >\n          <IconCopy size=\"xs\" />\n          <Text size=\"s\" font=\"mono\">\n            {value}\n          </Text>\n        </div>\n        <Text\n          as=\"p\"\n          size=\"s\"\n          view=\"primary\"\n          className={cnColorPreview('Description', [\n            wp.decorator({ 'indent-t': 'none', 'indent-l': '2xs' }),\n          ])}\n        >\n          {description}\n        </Text>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"+KAEA,2BAEA,OAASA,QAAT,KAAyB,wBAAzB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,qCACA,OAASC,EAAT,gBACA,MAAO,GAAKC,GAAZ,mCAEA,GAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAaA,MAAO,IAAMG,aAA6B,CAAG,WASvC,IARJC,EAQI,GARJA,KAQI,CAPJC,CAOI,GAPJA,KAOI,CANJC,CAMI,GANJA,YAMI,CALJC,CAKI,GALJA,OAKI,CAJJC,CAII,GAJJA,WAII,CAHJC,CAGI,GAHJA,SAGI,CAFJC,CAEI,GAFJA,IAEI,CADDC,CACC,uCACJ,MACE,4CACMA,CADN,EAEE,SAAS,CAAET,cAAc,CAAC,EAAD,CAAK,CAACD,EAAE,CAACW,UAAH,EAAD,CAAkBH,CAAlB,CAAL,CAF3B,GAIE,2BACE,SAAS,CAAEP,cAAc,CAAC,QAAD,CAAW,CAClCD,EAAE,CAACW,UAAH,CAAc,MAAd,CAAsB,CAAE,iBAAkB,KAApB,CAA2B,WAAY,GAAvC,CAAtB,CADkC,CAElCX,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,GAAd,CAAb,CAFkC,CAAX,CAD3B,CAKE,KAAK,CACFH,CAAD,CAEI,CAAEN,KAAK,oBAAcA,CAAd,WAAP,CAFJ,CACI,CAAEA,KAAK,eAASA,CAAT,KAAP,CAPR,EAJF,CAeE,2BAAK,SAAS,CAAEH,EAAE,CAACW,UAAH,CAAc,OAAd,CAAhB,EACE,oBAAC,IAAD,EACE,EAAE,CAAC,IADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAC,SAJP,CAKE,SAAS,CAAEV,cAAc,CAAC,MAAD,CAAS,CAChCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,KAAd,CAAqB,WAAY,KAAjC,CAAb,CADgC,CAAT,CAL3B,EASGT,CATH,CADF,CAYE,2BACE,SAAS,CAAEF,cAAc,CAAC,WAAD,CAAc,CACrCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,MAAd,CAAsB,UAAW,KAAjC,CAAb,CADqC,CAAd,CAD3B,CAIE,OAAO,CAAE,kBAAM,CACbC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BX,CAA9B,CADa,CAEbC,CAAY,EACb,CAPH,EASE,oBAAC,QAAD,EAAU,IAAI,CAAC,IAAf,EATF,CAUE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,IAAI,CAAC,MAApB,EACGD,CADH,CAVF,CAZF,CA0BE,oBAAC,IAAD,EACE,EAAE,CAAC,GADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,SAHP,CAIE,SAAS,CAAEH,cAAc,CAAC,aAAD,CAAgB,CACvCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,MAAd,CAAsB,WAAY,KAAlC,CAAb,CADuC,CAAhB,CAJ3B,EAQGL,CARH,CA1BF,CAfF,CAsDH,CAjEM,CAmEP,cAAeL,aAAf"}
+{"version":3,"file":"ColorPreview.js","names":["IconCopy","React","Text","cn","wp","cnColorPreview","ColorPreview","color","value","clickHandler","opacity","description","className","rgba","restProps","ptIconPlus","decorator","navigator","clipboard","writeText"],"sources":["../../../../../../src/uiKit/components/ColorPreview/ColorPreview.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './ColorPreview.css';\n\nimport { IconCopy } from '@consta/icons/IconCopy';\nimport React from 'react';\n\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\n\nconst cnColorPreview = cn('ColorPreview');\n\ntype Props = {\n  color: string;\n  value: string;\n  clickHandler: () => void;\n  opacity?: boolean;\n  description?: string;\n  rgba?: boolean;\n  className?: string;\n  children?: never;\n};\n\nexport const ColorPreview: React.FC<Props> = ({\n  color,\n  value,\n  clickHandler,\n  opacity,\n  description,\n  className,\n  rgba,\n  ...restProps\n}) => {\n  return (\n    <div\n      {...restProps}\n      className={cnColorPreview('', [wp.ptIconPlus(), className])}\n    >\n      <div\n        className={cnColorPreview('Circle', [\n          wp.ptIconPlus('icon', { 'vertical-align': 'top', 'indent-r': 'm' }),\n          wp.decorator({ 'indent-b': 'l' }),\n        ])}\n        style={\n          !rgba\n            ? { color: `var(${color})` }\n            : { color: `rgba(var(${color}), 0.5)` }\n        }\n      />\n      <div className={wp.ptIconPlus('block')}>\n        <Text\n          as=\"h3\"\n          size=\"m\"\n          font=\"mono\"\n          view=\"primary\"\n          lineHeight=\"m\"\n          className={cnColorPreview('Name', [\n            wp.decorator({ 'indent-b': '2xs', 'indent-l': '2xs' }),\n          ])}\n        >\n          {color}\n        </Text>\n        <div\n          className={cnColorPreview('ColorCode', [\n            wp.decorator({ 'indent-t': 'none', 'space-h': '2xs' }),\n          ])}\n          onClick={() => {\n            navigator.clipboard.writeText(value);\n            clickHandler();\n          }}\n        >\n          <IconCopy size=\"xs\" />\n          <Text size=\"s\" font=\"mono\" view=\"primary\" lineHeight=\"m\">\n            {value}\n          </Text>\n        </div>\n        <Text\n          as=\"p\"\n          size=\"s\"\n          view=\"primary\"\n          lineHeight=\"m\"\n          className={cnColorPreview('Description', [\n            wp.decorator({ 'indent-t': 'none', 'indent-l': '2xs' }),\n          ])}\n        >\n          {description}\n        </Text>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"+KAEA,2BAEA,OAASA,QAAT,KAAyB,wBAAzB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,qCACA,OAASC,EAAT,gBACA,MAAO,GAAKC,GAAZ,mCAEA,GAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAaA,MAAO,IAAMG,aAA6B,CAAG,WASvC,IARJC,EAQI,GARJA,KAQI,CAPJC,CAOI,GAPJA,KAOI,CANJC,CAMI,GANJA,YAMI,CALJC,CAKI,GALJA,OAKI,CAJJC,CAII,GAJJA,WAII,CAHJC,CAGI,GAHJA,SAGI,CAFJC,CAEI,GAFJA,IAEI,CADDC,CACC,uCACJ,MACE,4CACMA,CADN,EAEE,SAAS,CAAET,cAAc,CAAC,EAAD,CAAK,CAACD,EAAE,CAACW,UAAH,EAAD,CAAkBH,CAAlB,CAAL,CAF3B,GAIE,2BACE,SAAS,CAAEP,cAAc,CAAC,QAAD,CAAW,CAClCD,EAAE,CAACW,UAAH,CAAc,MAAd,CAAsB,CAAE,iBAAkB,KAApB,CAA2B,WAAY,GAAvC,CAAtB,CADkC,CAElCX,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,GAAd,CAAb,CAFkC,CAAX,CAD3B,CAKE,KAAK,CACFH,CAAD,CAEI,CAAEN,KAAK,oBAAcA,CAAd,WAAP,CAFJ,CACI,CAAEA,KAAK,eAASA,CAAT,KAAP,CAPR,EAJF,CAeE,2BAAK,SAAS,CAAEH,EAAE,CAACW,UAAH,CAAc,OAAd,CAAhB,EACE,oBAAC,IAAD,EACE,EAAE,CAAC,IADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAC,SAJP,CAKE,UAAU,CAAC,GALb,CAME,SAAS,CAAEV,cAAc,CAAC,MAAD,CAAS,CAChCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,KAAd,CAAqB,WAAY,KAAjC,CAAb,CADgC,CAAT,CAN3B,EAUGT,CAVH,CADF,CAaE,2BACE,SAAS,CAAEF,cAAc,CAAC,WAAD,CAAc,CACrCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,MAAd,CAAsB,UAAW,KAAjC,CAAb,CADqC,CAAd,CAD3B,CAIE,OAAO,CAAE,kBAAM,CACbC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BX,CAA9B,CADa,CAEbC,CAAY,EACb,CAPH,EASE,oBAAC,QAAD,EAAU,IAAI,CAAC,IAAf,EATF,CAUE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,IAAI,CAAC,MAApB,CAA2B,IAAI,CAAC,SAAhC,CAA0C,UAAU,CAAC,GAArD,EACGD,CADH,CAVF,CAbF,CA2BE,oBAAC,IAAD,EACE,EAAE,CAAC,GADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,SAHP,CAIE,UAAU,CAAC,GAJb,CAKE,SAAS,CAAEH,cAAc,CAAC,aAAD,CAAgB,CACvCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,MAAd,CAAsB,WAAY,KAAlC,CAAb,CADuC,CAAhB,CAL3B,EASGL,CATH,CA3BF,CAfF,CAwDH,CAnEM,CAqEP,cAAeL,aAAf"}

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.js

@@ -1,2 +1,2 @@
-import"./ComponentsGrid.css";import React from"react";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";import{ComponentsGridItem}from"./ComponentsGridItem/ComponentsGridItem";var cnComponentsGrid=cn("ComponentsGrid");export var ComponentsGrid=function(a){var b=a.data;return React.createElement("div",null,b.map(function(a){var b=a.title,c=a.items;return React.createElement(React.Fragment,null,b&&React.createElement(Text,{size:"3xl",lineHeight:"xs",weight:"bold",className:cnComponentsGrid("Title")},b),React.createElement("div",{className:cnComponentsGrid("Section",[wp.tplGrid({ratio:"1-1-1","col-gap":"full"})])},null===c||void 0===c?void 0:c.map(function(a,b){return React.createElement(ComponentsGridItem,Object.assign({},a,{key:b}))})))}))};
+import"./ComponentsGrid.css";import React from"react";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";import{ComponentsGridItem}from"./ComponentsGridItem/ComponentsGridItem";var cnComponentsGrid=cn("ComponentsGrid");export var ComponentsGrid=function(a){var b=a.data;return React.createElement("div",null,b.map(function(a){var b=a.title,c=a.items;return React.createElement(React.Fragment,null,b&&React.createElement(Text,{size:"3xl",lineHeight:"xs",weight:"bold",className:cnComponentsGrid("Title"),view:"primary"},b),React.createElement("div",{className:cnComponentsGrid("Section",[wp.tplGrid({ratio:"1-1-1","col-gap":"full"})])},null===c||void 0===c?void 0:c.map(function(a,b){return React.createElement(ComponentsGridItem,Object.assign({},a,{key:b}))})))}))};
 //# sourceMappingURL=ComponentsGrid.js.map

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentsGrid.js","names":["React","Text","cn","wp","ComponentsGridItem","cnComponentsGrid","ComponentsGrid","data","map","title","items","tplGrid","item","index"],"sources":["../../../../../../src/uiKit/components/ComponentsGrid/ComponentsGrid.tsx"],"sourcesContent":["import './ComponentsGrid.css';\n\nimport React from 'react';\n\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\nimport { ComponentsGridItem } from './ComponentsGridItem/ComponentsGridItem';\n\nconst cnComponentsGrid = cn('ComponentsGrid');\n\ntype Item = {\n  name?: string;\n  description?: string;\n  url?: string;\n  image?: React.FC<React.SVGProps<SVGSVGElement>>;\n};\n\nexport type ComponentsGridProps = {\n  data: {\n    title?: string;\n    items?: Item[];\n  }[];\n};\n\nexport const ComponentsGrid: React.FC<ComponentsGridProps> = ({ data }) => {\n  return (\n    <div>\n      {data.map(({ title, items }) => (\n        <>\n          {title && (\n            <Text\n              size=\"3xl\"\n              lineHeight=\"xs\"\n              weight=\"bold\"\n              className={cnComponentsGrid('Title')}\n            >\n              {title}\n            </Text>\n          )}\n          <div\n            className={cnComponentsGrid('Section', [\n              wp.tplGrid({ 'ratio': '1-1-1', 'col-gap': 'full' }),\n            ])}\n          >\n            {items?.map((item, index) => (\n              <ComponentsGridItem {...item} key={index} />\n            ))}\n          </div>\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,qCACA,OAASC,EAAT,gBACA,MAAO,GAAKC,GAAZ,mCACA,OAASC,kBAAT,+CAEA,GAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAgBA,MAAO,IAAMI,eAA6C,CAAG,WAAc,IAAXC,EAAW,GAAXA,IAAW,CACzE,MACE,gCACGA,CAAI,CAACC,GAAL,CAAS,eAAGC,EAAH,GAAGA,KAAH,CAAUC,CAAV,GAAUA,KAAV,OACR,yCACGD,CAAK,EACJ,oBAAC,IAAD,EACE,IAAI,CAAC,KADP,CAEE,UAAU,CAAC,IAFb,CAGE,MAAM,CAAC,MAHT,CAIE,SAAS,CAAEJ,gBAAgB,CAAC,OAAD,CAJ7B,EAMGI,CANH,CAFJ,CAWE,2BACE,SAAS,CAAEJ,gBAAgB,CAAC,SAAD,CAAY,CACrCF,EAAE,CAACQ,OAAH,CAAW,CAAE,MAAS,OAAX,CAAoB,UAAW,MAA/B,CAAX,CADqC,CAAZ,CAD7B,SAKGD,CALH,WAKGA,CALH,QAKGA,CAAK,CAAEF,GAAP,CAAW,SAACI,CAAD,CAAOC,CAAP,QACV,qBAAC,kBAAD,kBAAwBD,CAAxB,EAA8B,GAAG,CAAEC,CAAnC,GADU,CAAX,CALH,CAXF,CADQ,CAAT,CADH,CA0BH,CA5BM"}
+{"version":3,"file":"ComponentsGrid.js","names":["React","Text","cn","wp","ComponentsGridItem","cnComponentsGrid","ComponentsGrid","data","map","title","items","tplGrid","item","index"],"sources":["../../../../../../src/uiKit/components/ComponentsGrid/ComponentsGrid.tsx"],"sourcesContent":["import './ComponentsGrid.css';\n\nimport React from 'react';\n\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\nimport { ComponentsGridItem } from './ComponentsGridItem/ComponentsGridItem';\n\nconst cnComponentsGrid = cn('ComponentsGrid');\n\ntype Item = {\n  name?: string;\n  description?: string;\n  url?: string;\n  image?: React.FC<React.SVGProps<SVGSVGElement>>;\n};\n\nexport type ComponentsGridProps = {\n  data: {\n    title?: string;\n    items?: Item[];\n  }[];\n};\n\nexport const ComponentsGrid: React.FC<ComponentsGridProps> = ({ data }) => {\n  return (\n    <div>\n      {data.map(({ title, items }) => (\n        <>\n          {title && (\n            <Text\n              size=\"3xl\"\n              lineHeight=\"xs\"\n              weight=\"bold\"\n              className={cnComponentsGrid('Title')}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          <div\n            className={cnComponentsGrid('Section', [\n              wp.tplGrid({ 'ratio': '1-1-1', 'col-gap': 'full' }),\n            ])}\n          >\n            {items?.map((item, index) => (\n              <ComponentsGridItem {...item} key={index} />\n            ))}\n          </div>\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,qCACA,OAASC,EAAT,gBACA,MAAO,GAAKC,GAAZ,mCACA,OAASC,kBAAT,+CAEA,GAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAgBA,MAAO,IAAMI,eAA6C,CAAG,WAAc,IAAXC,EAAW,GAAXA,IAAW,CACzE,MACE,gCACGA,CAAI,CAACC,GAAL,CAAS,eAAGC,EAAH,GAAGA,KAAH,CAAUC,CAAV,GAAUA,KAAV,OACR,yCACGD,CAAK,EACJ,oBAAC,IAAD,EACE,IAAI,CAAC,KADP,CAEE,UAAU,CAAC,IAFb,CAGE,MAAM,CAAC,MAHT,CAIE,SAAS,CAAEJ,gBAAgB,CAAC,OAAD,CAJ7B,CAKE,IAAI,CAAC,SALP,EAOGI,CAPH,CAFJ,CAYE,2BACE,SAAS,CAAEJ,gBAAgB,CAAC,SAAD,CAAY,CACrCF,EAAE,CAACQ,OAAH,CAAW,CAAE,MAAS,OAAX,CAAoB,UAAW,MAA/B,CAAX,CADqC,CAAZ,CAD7B,SAKGD,CALH,WAKGA,CALH,QAKGA,CAAK,CAAEF,GAAP,CAAW,SAACI,CAAD,CAAOC,CAAP,QACV,qBAAC,kBAAD,kBAAwBD,CAAxB,EAA8B,GAAG,CAAEC,CAAnC,GADU,CAAX,CALH,CAZF,CADQ,CAAT,CADH,CA2BH,CA7BM"}

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.js

@@ -1,2 +1,2 @@
-import"./ComponentsGridItem.css";import React from"react";import{Text}from"../../../../components/Text/Text";import{cn}from"../../../cn";var cnComponentsGridItem=cn("ComponentsGridItem");export var ComponentsGridItem=function(a){var b=a.name,c=a.description,d=a.url,e=a.image;return React.createElement("div",{className:cnComponentsGridItem()},e&&React.createElement(e,{className:cnComponentsGridItem("Image")}),b&&d&&React.createElement(Text,{size:"l",as:"a",view:"link",href:d,target:"blank"},b),c&&React.createElement(Text,{size:"s"},c))};
+import"./ComponentsGridItem.css";import React from"react";import{Text}from"../../../../components/Text/Text";import{cn}from"../../../cn";var cnComponentsGridItem=cn("ComponentsGridItem");export var ComponentsGridItem=function(a){var b=a.name,c=a.description,d=a.url,e=a.image;return React.createElement("div",{className:cnComponentsGridItem()},e&&React.createElement(e,{className:cnComponentsGridItem("Image")}),b&&d&&React.createElement(Text,{size:"l",as:"a",view:"link",href:d,target:"blank",lineHeight:"m"},b),c&&React.createElement(Text,{size:"s",view:"primary",lineHeight:"m"},c))};
 //# sourceMappingURL=ComponentsGridItem.js.map

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentsGridItem.js","names":["React","Text","cn","cnComponentsGridItem","ComponentsGridItem","name","description","url","Svg","image"],"sources":["../../../../../../../src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.tsx"],"sourcesContent":["import './ComponentsGridItem.css';\n\nimport React from 'react';\n\nimport { Text } from '../../../../components/Text/Text';\nimport { cn } from '../../../cn';\n\nconst cnComponentsGridItem = cn('ComponentsGridItem');\n\ntype ComponentsGridItemProps = {\n  name?: string;\n  description?: string;\n  url?: string;\n  image?: React.FC<React.SVGProps<SVGSVGElement>>;\n  children?: never;\n};\n\nexport const ComponentsGridItem: React.FC<ComponentsGridItemProps> = ({\n  name,\n  description,\n  url,\n  image: Svg,\n}) => {\n  return (\n    <div className={cnComponentsGridItem()}>\n      {Svg && <Svg className={cnComponentsGridItem('Image')} />}\n      {name && url && (\n        <Text size=\"l\" as=\"a\" view=\"link\" href={url} target=\"blank\">\n          {name}\n        </Text>\n      )}\n\n      {description && <Text size=\"s\">{description}</Text>}\n    </div>\n  );\n};\n"],"mappings":"AAAA,iCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,wCACA,OAASC,EAAT,mBAEA,GAAMC,qBAAoB,CAAGD,EAAE,CAAC,oBAAD,CAA/B,CAUA,MAAO,IAAME,mBAAqD,CAAG,WAK/D,IAJJC,EAII,GAJJA,IAII,CAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,GAEI,CADGC,CACH,GADJC,KACI,CACJ,MACE,4BAAK,SAAS,CAAEN,oBAAoB,EAApC,EACGK,CAAG,EAAI,oBAAC,CAAD,EAAK,SAAS,CAAEL,oBAAoB,CAAC,OAAD,CAApC,EADV,CAEGE,CAAI,EAAIE,CAAR,EACC,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,EAAE,CAAC,GAAlB,CAAsB,IAAI,CAAC,MAA3B,CAAkC,IAAI,CAAEA,CAAxC,CAA6C,MAAM,CAAC,OAApD,EACGF,CADH,CAHJ,CAQGC,CAAW,EAAI,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,EAAgBA,CAAhB,CARlB,CAWH,CAlBM"}
+{"version":3,"file":"ComponentsGridItem.js","names":["React","Text","cn","cnComponentsGridItem","ComponentsGridItem","name","description","url","Svg","image"],"sources":["../../../../../../../src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.tsx"],"sourcesContent":["import './ComponentsGridItem.css';\n\nimport React from 'react';\n\nimport { Text } from '../../../../components/Text/Text';\nimport { cn } from '../../../cn';\n\nconst cnComponentsGridItem = cn('ComponentsGridItem');\n\ntype ComponentsGridItemProps = {\n  name?: string;\n  description?: string;\n  url?: string;\n  image?: React.FC<React.SVGProps<SVGSVGElement>>;\n  children?: never;\n};\n\nexport const ComponentsGridItem: React.FC<ComponentsGridItemProps> = ({\n  name,\n  description,\n  url,\n  image: Svg,\n}) => {\n  return (\n    <div className={cnComponentsGridItem()}>\n      {Svg && <Svg className={cnComponentsGridItem('Image')} />}\n      {name && url && (\n        <Text\n          size=\"l\"\n          as=\"a\"\n          view=\"link\"\n          href={url}\n          target=\"blank\"\n          lineHeight=\"m\"\n        >\n          {name}\n        </Text>\n      )}\n\n      {description && (\n        <Text size=\"s\" view=\"primary\" lineHeight=\"m\">\n          {description}\n        </Text>\n      )}\n    </div>\n  );\n};\n"],"mappings":"AAAA,iCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,wCACA,OAASC,EAAT,mBAEA,GAAMC,qBAAoB,CAAGD,EAAE,CAAC,oBAAD,CAA/B,CAUA,MAAO,IAAME,mBAAqD,CAAG,WAK/D,IAJJC,EAII,GAJJA,IAII,CAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,GAEI,CADGC,CACH,GADJC,KACI,CACJ,MACE,4BAAK,SAAS,CAAEN,oBAAoB,EAApC,EACGK,CAAG,EAAI,oBAAC,CAAD,EAAK,SAAS,CAAEL,oBAAoB,CAAC,OAAD,CAApC,EADV,CAEGE,CAAI,EAAIE,CAAR,EACC,oBAAC,IAAD,EACE,IAAI,CAAC,GADP,CAEE,EAAE,CAAC,GAFL,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAEA,CAJR,CAKE,MAAM,CAAC,OALT,CAME,UAAU,CAAC,GANb,EAQGF,CARH,CAHJ,CAeGC,CAAW,EACV,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,IAAI,CAAC,SAApB,CAA8B,UAAU,CAAC,GAAzC,EACGA,CADH,CAhBJ,CAsBH,CA7BM"}

package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ThemePreview.css";import React,{useReducer}from"react";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{SnackBar}from"../../../components/SnackBar/SnackBar";import{Text}from"../../../components/Text/Text";import{defaultVars}from"../../../hooks/useThemeVars/helpers";import{useThemeVars}from"../../../hooks/useThemeVars/useThemeVars";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";import{ColorPreview}from"../ColorPreview/ColorPreview";import{bgColors,clearControls,defaultControls,disableControls,ghostControls,primaryControls,scrollbarColors,secondaryControls,typoColors}from"./helpers";var cnThemePreview=cn("ThemePreview"),varsMap={color:{primary:defaultVars.color.primary,accent:[],invert:[]},control:[],font:[],size:[],space:[],shadow:[]};function reducer(a,b){switch(b.type){case"add":return[].concat(_toConsumableArray(a),[b.item]);case"remove":return a.filter(function(a){return a.key!==b.key});}}export var ThemePreview=function(){var a=useReducer(reducer,[]),b=_slicedToArray(a,2),c=b[0],d=b[1],e=function(a){return function(){d({type:"add",item:{key:"".concat(a.color,"-").concat(c.length+1),message:"\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",status:"system",autoClose:3,onClose:function onClose(a){d({type:"remove",key:a.key})}}})}},f=useThemeVars({vars:varsMap}),g=f.color.primary;return React.createElement("div",{className:wp.layout()},React.createElement(SnackBar,{className:cnThemePreview("Snackbar"),items:c}),React.createElement("div",{className:wp.layout("content")},React.createElement("div",{className:wp.layout("container",{size:"m"})},React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0444\u043E\u043D\u043E\u0432"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},bgColors.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},typoColors.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0431\u0430\u0440\u0430"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},scrollbarColors.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"})},"\u0426\u0432\u0435\u0442\u0430 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Default"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},defaultControls.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Primary"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0430\u043A\u0446\u0435\u043D\u0442\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 \u0438 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},primaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Secondary"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438)"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},secondaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Ghost"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0442\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432, \u0447\u0430\u0441\u0442\u043E \u0438\u0434\u0443\u0449\u0438\u0445 \u0432 \u043F\u0430\u0440\u0435 \u0441 Primary"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},ghostControls.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Clear"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \xAB\u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u0445\xBB \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438 \u0431\u0435\u0437 \u044F\u0432\u043D\u043E\u0439 \u0433\u0440\u0430\u043D\u0438\u0446\u044B)"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},clearControls.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Disable"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},disableControls.map(function(a,b){return React.createElement(ColorPreview,{value:g[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))))))))};export default ColorPreview;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ThemePreview.css";import React,{useReducer}from"react";import{useStyleProps}from"../../../hooks/useStyleProps";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{SnackBar}from"../../../components/SnackBar/SnackBar";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";import{ColorPreview}from"../ColorPreview/ColorPreview";import{bgColors,clearControls,defaultControls,disableControls,ghostControls,primaryControls,scrollbarColors,secondaryControls,typoColors}from"./helpers";var cnThemePreview=cn("ThemePreview"),cssColorVars=["--color-bg-default","--color-bg-secondary","--color-bg-brand","--color-bg-link","--color-bg-border","--color-bg-stripe","--color-bg-ghost","--color-bg-tone","--color-bg-soft","--color-bg-system","--color-bg-normal","--color-bg-success","--color-bg-caution","--color-bg-warning","--color-bg-alert","--color-bg-critical","--color-typo-primary","--color-typo-secondary","--color-typo-ghost","--color-typo-brand","--color-typo-system","--color-typo-normal","--color-typo-success","--color-typo-caution","--color-typo-warning","--color-typo-alert","--color-typo-critical","--color-typo-link","--color-typo-link-minor","--color-typo-link-hover","--color-scroll-bg","--color-scroll-thumb","--color-scroll-thumb-hover","--color-control-bg-default","--color-control-typo-default","--color-control-typo-placeholder","--color-control-bg-border-default","--color-control-bg-border-default-hover","--color-control-bg-border-focus","--color-control-bg-focus","--color-control-bg-active","--color-control-bg-primary","--color-control-bg-primary-hover","--color-control-typo-primary","--color-control-typo-primary-hover","--color-control-bg-secondary","--color-control-bg-border-secondary","--color-control-bg-border-secondary-hover","--color-control-typo-secondary","--color-control-typo-secondary-hover","--color-control-bg-ghost","--color-control-bg-ghost-hover","--color-control-typo-ghost","--color-control-typo-ghost-hover","--color-control-bg-clear","--color-control-bg-clear-hover","--color-control-typo-clear","--color-control-typo-clear-hover","--color-control-bg-disable","--color-control-bg-border-disable","--color-control-typo-disable"];function reducer(a,b){switch(b.type){case"add":return[].concat(_toConsumableArray(a),[b.item]);case"remove":return a.filter(function(a){return a.key!==b.key});}}export var ThemePreview=function(){var a=useReducer(reducer,[]),b=_slicedToArray(a,2),c=b[0],d=b[1],e=function(a){return function(){d({type:"add",item:{key:"".concat(a.color,"-").concat(c.length+1),message:"\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",status:"system",autoClose:3,onClose:function onClose(a){d({type:"remove",key:a.key})}}})}},f=useStyleProps(cssColorVars),g=_slicedToArray(f,2),h=g[0],i=g[1];return React.createElement("div",{ref:h,className:wp.layout()},React.createElement(SnackBar,{className:cnThemePreview("Snackbar"),items:c}),React.createElement("div",{className:wp.layout("content")},React.createElement("div",{className:wp.layout("container",{size:"m"})},React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0444\u043E\u043D\u043E\u0432"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},bgColors.map(function(a,b){var c=a.color,d=a.description;return React.createElement(ColorPreview,{value:i[c],color:c,description:d,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},typoColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0431\u0430\u0440\u0430"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},scrollbarColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Default"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},defaultControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Primary"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0430\u043A\u0446\u0435\u043D\u0442\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 \u0438 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},primaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Secondary"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438)"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},secondaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Ghost"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0442\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432, \u0447\u0430\u0441\u0442\u043E \u0438\u0434\u0443\u0449\u0438\u0445 \u0432 \u043F\u0430\u0440\u0435 \u0441 Primary"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},ghostControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Clear"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \xAB\u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u0445\xBB \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438 \u0431\u0435\u0437 \u044F\u0432\u043D\u043E\u0439 \u0433\u0440\u0430\u043D\u0438\u0446\u044B)"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},clearControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Disable"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},disableControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))))))))};export default ColorPreview;
 //# sourceMappingURL=ThemePreview.js.map

package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePreview.js","names":["React","useReducer","cnMixSpace","SnackBar","Text","defaultVars","useThemeVars","cn","wp","ColorPreview","bgColors","clearControls","defaultControls","disableControls","ghostControls","primaryControls","scrollbarColors","secondaryControls","typoColors","cnThemePreview","varsMap","color","primary","accent","invert","control","font","size","space","shadow","reducer","state","action","type","item","filter","key","ThemePreview","copiedItems","dispatchCopiedItems","clickHandlerCallback","length","message","status","autoClose","onClose","vars","primaryColors","layout","mB","mT","tplGrid","map","index","description"],"sources":["../../../../../../src/uiKit/components/ThemePreview/ThemePreview.tsx"],"sourcesContent":["import './ThemePreview.css';\n\nimport React, { useReducer } from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { SnackBar } from '../../../components/SnackBar/SnackBar';\nimport { SnackBarItemDefault } from '../../../components/SnackBar/types';\nimport { Text } from '../../../components/Text/Text';\nimport { defaultVars } from '../../../hooks/useThemeVars/helpers';\nimport { useThemeVars } from '../../../hooks/useThemeVars/useThemeVars';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\nimport { ColorPreview } from '../ColorPreview/ColorPreview';\nimport {\n  bgColors,\n  clearControls,\n  defaultControls,\n  disableControls,\n  ghostControls,\n  primaryControls,\n  scrollbarColors,\n  secondaryControls,\n  typoColors,\n} from './helpers';\n\nconst cnThemePreview = cn('ThemePreview');\n\nconst varsMap = {\n  color: {\n    primary: defaultVars.color.primary,\n    accent: [],\n    invert: [],\n  },\n  control: [],\n  font: [],\n  size: [],\n  space: [],\n  shadow: [],\n} as const;\n\ntype Action =\n  | { type: 'add'; item: SnackBarItemDefault }\n  | { type: 'remove'; key: number | string };\n\nfunction reducer(state: SnackBarItemDefault[], action: Action) {\n  switch (action.type) {\n    case 'add':\n      return [...state, action.item];\n    case 'remove':\n      return state.filter((item) => item.key !== action.key);\n  }\n}\n\nexport const ThemePreview: React.FC = () => {\n  const [copiedItems, dispatchCopiedItems] = useReducer(reducer, []);\n\n  const clickHandlerCallback = (item: { color: string }) => () => {\n    dispatchCopiedItems({\n      type: 'add',\n      item: {\n        key: `${item.color}-${copiedItems.length + 1}`,\n        message: 'Значение скопировано в буфер обмена',\n        status: 'system',\n        autoClose: 3,\n        onClose: (item) => {\n          dispatchCopiedItems({ type: 'remove', key: item.key });\n        },\n      },\n    });\n  };\n\n  const vars = useThemeVars({\n    vars: varsMap,\n  });\n\n  const primaryColors = vars.color.primary;\n\n  return (\n    <div className={wp.layout()}>\n      <SnackBar className={cnThemePreview('Snackbar')} items={copiedItems} />\n      <div className={wp.layout('content')}>\n        <div className={wp.layout('container', { size: 'm' })}>\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n            >\n              Цвета фонов\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {bgColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n            >\n              Цвета типографики\n            </Text>\n\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {typoColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n            >\n              Цвета скроллбара\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {scrollbarColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n            >\n              Цвета контролов\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Default\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для большинства нейтральных контролов\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {defaultControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Primary\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для акцентных контролов и состояний\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {primaryControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Secondary\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для второстепенных контролов (преимущественно кнопки)\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {secondaryControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Ghost\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для третьестепенных контролов, часто идущих в паре с\n                  Primary\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {ghostControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Clear\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для «невидимых» контролов (примущественно кнопки без\n                  явной границы)\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {clearControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Disable\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для недоступных контролов\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {disableControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n            </div>\n          </section>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"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"}
+{"version":3,"file":"ThemePreview.js","names":["React","useReducer","useStyleProps","cnMixSpace","SnackBar","Text","cn","wp","ColorPreview","bgColors","clearControls","defaultControls","disableControls","ghostControls","primaryControls","scrollbarColors","secondaryControls","typoColors","cnThemePreview","cssColorVars","reducer","state","action","type","item","filter","key","ThemePreview","copiedItems","dispatchCopiedItems","clickHandlerCallback","color","length","message","status","autoClose","onClose","ref","primaryColors","layout","size","mB","mT","tplGrid","map","index","description"],"sources":["../../../../../../src/uiKit/components/ThemePreview/ThemePreview.tsx"],"sourcesContent":["import './ThemePreview.css';\n\nimport React, { useReducer } from 'react';\n\nimport { useStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { SnackBar } from '../../../components/SnackBar/SnackBar';\nimport { SnackBarItemDefault } from '../../../components/SnackBar/types';\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\nimport { ColorPreview } from '../ColorPreview/ColorPreview';\nimport {\n  bgColors,\n  clearControls,\n  defaultControls,\n  disableControls,\n  ghostControls,\n  primaryControls,\n  scrollbarColors,\n  secondaryControls,\n  typoColors,\n} from './helpers';\n\nconst cnThemePreview = cn('ThemePreview');\n\nconst cssColorVars = [\n  '--color-bg-default',\n  '--color-bg-secondary',\n  '--color-bg-brand',\n  '--color-bg-link',\n  '--color-bg-border',\n  '--color-bg-stripe',\n  '--color-bg-ghost',\n  '--color-bg-tone',\n  '--color-bg-soft',\n  '--color-bg-system',\n  '--color-bg-normal',\n  '--color-bg-success',\n  '--color-bg-caution',\n  '--color-bg-warning',\n  '--color-bg-alert',\n  '--color-bg-critical',\n  '--color-typo-primary',\n  '--color-typo-secondary',\n  '--color-typo-ghost',\n  '--color-typo-brand',\n  '--color-typo-system',\n  '--color-typo-normal',\n  '--color-typo-success',\n  '--color-typo-caution',\n  '--color-typo-warning',\n  '--color-typo-alert',\n  '--color-typo-critical',\n  '--color-typo-link',\n  '--color-typo-link-minor',\n  '--color-typo-link-hover',\n  '--color-scroll-bg',\n  '--color-scroll-thumb',\n  '--color-scroll-thumb-hover',\n  '--color-control-bg-default',\n  '--color-control-typo-default',\n  '--color-control-typo-placeholder',\n  '--color-control-bg-border-default',\n  '--color-control-bg-border-default-hover',\n  '--color-control-bg-border-focus',\n  '--color-control-bg-focus',\n  '--color-control-bg-active',\n  '--color-control-bg-primary',\n  '--color-control-bg-primary-hover',\n  '--color-control-typo-primary',\n  '--color-control-typo-primary-hover',\n  '--color-control-bg-secondary',\n  '--color-control-bg-border-secondary',\n  '--color-control-bg-border-secondary-hover',\n  '--color-control-typo-secondary',\n  '--color-control-typo-secondary-hover',\n  '--color-control-bg-ghost',\n  '--color-control-bg-ghost-hover',\n  '--color-control-typo-ghost',\n  '--color-control-typo-ghost-hover',\n  '--color-control-bg-clear',\n  '--color-control-bg-clear-hover',\n  '--color-control-typo-clear',\n  '--color-control-typo-clear-hover',\n  '--color-control-bg-disable',\n  '--color-control-bg-border-disable',\n  '--color-control-typo-disable',\n] as const;\n\ntype Action =\n  | { type: 'add'; item: SnackBarItemDefault }\n  | { type: 'remove'; key: number | string };\n\nfunction reducer(state: SnackBarItemDefault[], action: Action) {\n  switch (action.type) {\n    case 'add':\n      return [...state, action.item];\n    case 'remove':\n      return state.filter((item) => item.key !== action.key);\n  }\n}\n\nexport const ThemePreview: React.FC = () => {\n  const [copiedItems, dispatchCopiedItems] = useReducer(reducer, []);\n\n  const clickHandlerCallback = (item: { color: string }) => () => {\n    dispatchCopiedItems({\n      type: 'add',\n      item: {\n        key: `${item.color}-${copiedItems.length + 1}`,\n        message: 'Значение скопировано в буфер обмена',\n        status: 'system',\n        autoClose: 3,\n        onClose: (item) => {\n          dispatchCopiedItems({ type: 'remove', key: item.key });\n        },\n      },\n    });\n  };\n\n  const [ref, primaryColors] = useStyleProps(cssColorVars);\n\n  return (\n    <div ref={ref} className={wp.layout()}>\n      <SnackBar className={cnThemePreview('Snackbar')} items={copiedItems} />\n      <div className={wp.layout('content')}>\n        <div className={wp.layout('container', { size: 'm' })}>\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета фонов\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {bgColors.map((item, index) => {\n                const { color, description } = item;\n                return (\n                  <ColorPreview\n                    value={primaryColors[color]}\n                    color={color}\n                    description={description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета типографики\n            </Text>\n\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {typoColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета скроллбара\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {scrollbarColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета контролов\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Default\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для большинства нейтральных контролов\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {defaultControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Primary\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для акцентных контролов и состояний\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {primaryControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Secondary\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для второстепенных контролов (преимущественно кнопки)\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {secondaryControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Ghost\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для третьестепенных контролов, часто идущих в паре с\n                  Primary\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {ghostControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Clear\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для «невидимых» контролов (примущественно кнопки без\n                  явной границы)\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {clearControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Disable\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для недоступных контролов\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {disableControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n            </div>\n          </section>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "4.33.0",
+  "version": "5.0.0-beta.1",
   "keywords": [
     "ui-kit",
     "design-system",
@@ -13,22 +13,19 @@
       "url": "https://consta.design/static/licence_mit.pdf"
     }
   ],
-  "dependencies": {
-    "@bem-react/classname": "^1.5.12",
+  "peerDependencies": {
+    "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
-    "@consta/icons": "^0.9.0",
+    "@consta/icons": "^0.11.0",
     "compute-scroll-into-view": "^1.0.17",
-    "date-fns": "^2.29.1",
-    "focus-trap-react": "8.7.0",
-    "imask": "^6.4.3",
+    "date-fns": "^2.30.0",
+    "react": ">= 16.8.0",
+    "react-dom": ">= 16.8.0",
     "react-dropzone": "11.3.4",
-    "react-textarea-autosize": "^8.3.4",
+    "react-imask": "^7.1.3",
+    "react-textarea-autosize": "^8.5.3",
     "react-transition-group": "^4.4.5"
   },
-  "peerDependencies": {
-    "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0"
-  },
   "files": [
     "*",
     "!**/__mocks__",

package/useBreakpointsDepricated/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useBreakpointsDepricated";

package/useBreakpointsDepricated/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useBreakpointsDepricated";

package/useComponentBreakpointsDepricated/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useComponentBreakpointsDepricated";

package/useComponentBreakpointsDepricated/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useComponentBreakpointsDepricated";

package/useHideElementsInLineDepricated/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useHideElementsInLineDepricated";