acinguiux-ds-react-framework 0.0.6 → 0.0.8

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdown.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.tsx"],"sourcesContent":["import React, { Key, ReactElement, ReactNode, useEffect, useRef, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { Variants, Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { useSyncState } from '../../../../../hooks/useSyncState';\r\nimport Button from '../../../../Button/Button';\r\nimport { ColumnType, FilterState } from '../../../Table.types';\r\nimport { setFilterIcon } from '../../../utils/filteringUtils';\r\nimport { renderFilterItems } from '../../../utils/renderUtils';\r\nimport FilterDropdownMenuWrapper from '../FilterDropdownMenuWrapper/FilterDropdownMenuWrapper';\r\nimport * as Styled from './FilterDropdown.styles';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../../Popover/Popover';\r\n\r\ninterface FilterDropdownProps<T> {\r\n  tablePrefixCls: string;\r\n  prefixCls: string;\r\n  column: ColumnType<T>;\r\n  filterState?: FilterState<T>;\r\n  filterMultiple: boolean;\r\n  columnKey: Key;\r\n  children: ReactNode;\r\n  triggerFilter: (filterState: FilterState<T>) => void;\r\n}\r\n\r\nconst FilterDropdown = <T extends DefaultRecordType>({\r\n  tablePrefixCls,\r\n  prefixCls,\r\n  column,\r\n  columnKey,\r\n  filterMultiple,\r\n  filterState,\r\n  triggerFilter,\r\n  children,\r\n}: FilterDropdownProps<T>): ReactElement => {\r\n  const propFilteredKeys = filterState?.filteredKeys;\r\n  const filtered = !!(filterState && (filterState.filteredKeys?.length || filterState.forceFiltered));\r\n\r\n  const [visible, setVisible] = useState(column.filterDropdownVisible || false);\r\n  const [openKeys, setOpenKeys] = useState<string[]>([]);\r\n  const [getFilteredKeysSync, setFilteredKeysSync] = useSyncState(propFilteredKeys || []);\r\n  const openRef = useRef<number>();\r\n\r\n  const onSelectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\r\n    setFilteredKeysSync(selectedKeys || []);\r\n  };\r\n\r\n  const onDeselectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\r\n    setFilteredKeysSync(selectedKeys || []);\r\n  };\r\n\r\n  const onOpenChange = (newOpenKeys: Key[]) => {\r\n    openRef.current = window.setTimeout(() => {\r\n      setOpenKeys(newOpenKeys.map((key) => key.toString()));\r\n    });\r\n  };\r\n\r\n  const onMenuClick = () => {\r\n    window.clearTimeout(openRef.current);\r\n  };\r\n\r\n  const internalTriggerFilter = (keys: string[] | undefined | null): void => {\r\n    const mergedKeys = keys && keys.length ? keys : null;\r\n\r\n    if (!(mergedKeys === null && (!filterState || !filterState.filteredKeys))) {\r\n      triggerFilter({\r\n        column,\r\n        key: columnKey,\r\n        filteredKeys: mergedKeys,\r\n      });\r\n    }\r\n  };\r\n\r\n  const triggerVisible = (newVisible: boolean) => {\r\n    setVisible(newVisible);\r\n    column.onFilterDropdownVisibleChange?.(newVisible);\r\n  };\r\n\r\n  const onConfirm = () => {\r\n    triggerVisible(false);\r\n    internalTriggerFilter(getFilteredKeysSync());\r\n  };\r\n\r\n  const onReset = () => {\r\n    setFilteredKeysSync([]);\r\n    triggerVisible(false);\r\n    internalTriggerFilter([]);\r\n  };\r\n\r\n  const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {\r\n    if (closeDropdown) {\r\n      triggerVisible(false);\r\n    }\r\n\r\n    internalTriggerFilter(getFilteredKeysSync());\r\n  };\r\n\r\n  const onVisibleChange = (newVisible: boolean) => {\r\n    if (newVisible && propFilteredKeys !== undefined) {\r\n      setFilteredKeysSync(propFilteredKeys || []);\r\n    }\r\n\r\n    triggerVisible(newVisible);\r\n\r\n    if (!newVisible && !column.filterDropdown) {\r\n      onConfirm();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (typeof column.filterDropdownVisible === 'boolean') {\r\n      setVisible(column.filterDropdownVisible);\r\n    }\r\n  }, [column]);\r\n\r\n  useEffect(() => {\r\n    onSelectKeys({ selectedKeys: propFilteredKeys || [] });\r\n  }, [propFilteredKeys]);\r\n\r\n  useEffect(\r\n    () => () => {\r\n      window.clearTimeout(openRef.current);\r\n    },\r\n    [],\r\n  );\r\n\r\n  let dropdownContent: ReactNode;\r\n\r\n  if (typeof column.filterDropdown === 'function') {\r\n    dropdownContent = column.filterDropdown({\r\n      prefixCls: '',\r\n      setSelectedKeys: (selectedKeys: string[]) => onSelectKeys({ selectedKeys }),\r\n      selectedKeys: getFilteredKeysSync(),\r\n      confirm: doFilter,\r\n      clearFilters: onReset,\r\n      filters: column.filters,\r\n      visible,\r\n    });\r\n  } else if (column.filterDropdown) {\r\n    dropdownContent = column.filterDropdown;\r\n  } else {\r\n    const selectedKeys = getFilteredKeysSync() || [];\r\n    dropdownContent = (\r\n      <>\r\n        <Styled.FilterDropdownMenu\r\n          multiple={filterMultiple}\r\n          onClick={onMenuClick}\r\n          onSelect={onSelectKeys}\r\n          onDeselect={onDeselectKeys}\r\n          selectedKeys={selectedKeys}\r\n          openKeys={openKeys}\r\n          onOpenChange={onOpenChange}\r\n        >\r\n          {renderFilterItems({\r\n            filters: column.filters || [],\r\n            prefixCls,\r\n            filteredKeys: getFilteredKeysSync(),\r\n            filterMultiple,\r\n          })}\r\n        </Styled.FilterDropdownMenu>\r\n        <Styled.FilterDropdownButtons>\r\n          <Button\r\n            variant={Variants.Transparent}\r\n            size={Sizes.Small}\r\n            disabled={selectedKeys.length === 0}\r\n            onClick={onReset}\r\n          >\r\n            Reset\r\n          </Button>\r\n          <Button\r\n            variant={Variants.Transparent}\r\n            size={Sizes.Small}\r\n            disabled={selectedKeys.length === 0}\r\n            onClick={onConfirm}\r\n          >\r\n            Confirm\r\n          </Button>\r\n        </Styled.FilterDropdownButtons>\r\n      </>\r\n    );\r\n  }\r\n\r\n  const customFilterIcon = setFilterIcon(column.filterIcon, column.filtered);\r\n\r\n  return (\r\n    <div className={`${prefixCls}-column`}>\r\n      <span className={`${tablePrefixCls}-column-title`}>{children}</span>\r\n      <Popover open={visible} onOpenChange={onVisibleChange}>\r\n        <PopoverTrigger asChild>\r\n          <span\r\n            role=\"button\"\r\n            tabIndex={-1}\r\n            className={classNames(`${prefixCls}-trigger`, {\r\n              active: filtered,\r\n            })}\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n            }}\r\n            onKeyDown={(e) => {\r\n              e.stopPropagation();\r\n            }}\r\n          >\r\n            {customFilterIcon}\r\n          </span>\r\n        </PopoverTrigger>\r\n        <PopoverContent>\r\n          <FilterDropdownMenuWrapper className={`${prefixCls}-dropdown`}>{dropdownContent}</FilterDropdownMenuWrapper>\r\n        </PopoverContent>\r\n      </Popover>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FilterDropdown;\r\n"],"names":["FilterDropdown","tablePrefixCls","prefixCls","column","columnKey","filterMultiple","filterState","triggerFilter","children","propFilteredKeys","filtered","_a","visible","setVisible","useState","openKeys","setOpenKeys","getFilteredKeysSync","setFilteredKeysSync","useSyncState","openRef","useRef","onSelectKeys","selectedKeys","onDeselectKeys","onOpenChange","newOpenKeys","key","onMenuClick","internalTriggerFilter","keys","mergedKeys","triggerVisible","newVisible","onConfirm","onReset","doFilter","closeDropdown","onVisibleChange","useEffect","dropdownContent","jsxs","Fragment","jsx","Styled.FilterDropdownMenu","renderFilterItems","Styled.FilterDropdownButtons","Button","Variants","Sizes","customFilterIcon","setFilterIcon","Popover","PopoverTrigger","classNames","PopoverContent","FilterDropdownMenuWrapper"],"mappings":"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"}
+{"version":3,"file":"FilterDropdown.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.tsx"],"sourcesContent":["import React, { Key, ReactElement, ReactNode, useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Variants, Sizes } from 'acinguiux-ds-react-base';\nimport { PopoverTrigger } from '@radix-ui/react-popover';\n\nimport { useSyncState } from '../../../../../hooks/useSyncState';\nimport Button from '../../../../Button/Button';\nimport { ColumnType, FilterState } from '../../../Table.types';\nimport { setFilterIcon } from '../../../utils/filteringUtils';\nimport { renderFilterItems } from '../../../utils/renderUtils';\nimport FilterDropdownMenuWrapper from '../FilterDropdownMenuWrapper/FilterDropdownMenuWrapper';\nimport * as Styled from './FilterDropdown.styles';\nimport { Popover, PopoverContent } from '../../../../Popover/Popover';\n\ninterface FilterDropdownProps<T> {\n  tablePrefixCls: string;\n  prefixCls: string;\n  column: ColumnType<T>;\n  filterState?: FilterState<T>;\n  filterMultiple: boolean;\n  columnKey: Key;\n  children: ReactNode;\n  triggerFilter: (filterState: FilterState<T>) => void;\n}\n\nconst FilterDropdown = <T extends DefaultRecordType>({\n  tablePrefixCls,\n  prefixCls,\n  column,\n  columnKey,\n  filterMultiple,\n  filterState,\n  triggerFilter,\n  children,\n}: FilterDropdownProps<T>): ReactElement => {\n  const propFilteredKeys = filterState?.filteredKeys;\n  const filtered = !!(filterState && (filterState.filteredKeys?.length || filterState.forceFiltered));\n\n  const [visible, setVisible] = useState(column.filterDropdownVisible || false);\n  const [openKeys, setOpenKeys] = useState<string[]>([]);\n  const [getFilteredKeysSync, setFilteredKeysSync] = useSyncState(propFilteredKeys || []);\n  const openRef = useRef<number>();\n\n  const onSelectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\n    setFilteredKeysSync(selectedKeys || []);\n  };\n\n  const onDeselectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\n    setFilteredKeysSync(selectedKeys || []);\n  };\n\n  const onOpenChange = (newOpenKeys: Key[]) => {\n    openRef.current = window.setTimeout(() => {\n      setOpenKeys(newOpenKeys.map((key) => key.toString()));\n    });\n  };\n\n  const onMenuClick = () => {\n    window.clearTimeout(openRef.current);\n  };\n\n  const internalTriggerFilter = (keys: string[] | undefined | null): void => {\n    const mergedKeys = keys && keys.length ? keys : null;\n\n    if (!(mergedKeys === null && (!filterState || !filterState.filteredKeys))) {\n      triggerFilter({\n        column,\n        key: columnKey,\n        filteredKeys: mergedKeys,\n      });\n    }\n  };\n\n  const triggerVisible = (newVisible: boolean) => {\n    setVisible(newVisible);\n    column.onFilterDropdownVisibleChange?.(newVisible);\n  };\n\n  const onConfirm = () => {\n    triggerVisible(false);\n    internalTriggerFilter(getFilteredKeysSync());\n  };\n\n  const onReset = () => {\n    setFilteredKeysSync([]);\n    triggerVisible(false);\n    internalTriggerFilter([]);\n  };\n\n  const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {\n    if (closeDropdown) {\n      triggerVisible(false);\n    }\n\n    internalTriggerFilter(getFilteredKeysSync());\n  };\n\n  const onVisibleChange = (newVisible: boolean) => {\n    if (newVisible && propFilteredKeys !== undefined) {\n      setFilteredKeysSync(propFilteredKeys || []);\n    }\n\n    triggerVisible(newVisible);\n\n    if (!newVisible && !column.filterDropdown) {\n      onConfirm();\n    }\n  };\n\n  useEffect(() => {\n    if (typeof column.filterDropdownVisible === 'boolean') {\n      setVisible(column.filterDropdownVisible);\n    }\n  }, [column]);\n\n  useEffect(() => {\n    onSelectKeys({ selectedKeys: propFilteredKeys || [] });\n  }, [propFilteredKeys]);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(openRef.current);\n    },\n    [],\n  );\n\n  let dropdownContent: ReactNode;\n\n  if (typeof column.filterDropdown === 'function') {\n    dropdownContent = column.filterDropdown({\n      prefixCls: '',\n      setSelectedKeys: (selectedKeys: string[]) => onSelectKeys({ selectedKeys }),\n      selectedKeys: getFilteredKeysSync(),\n      confirm: doFilter,\n      clearFilters: onReset,\n      filters: column.filters,\n      visible,\n    });\n  } else if (column.filterDropdown) {\n    dropdownContent = column.filterDropdown;\n  } else {\n    const selectedKeys = getFilteredKeysSync() || [];\n    dropdownContent = (\n      <>\n        <Styled.FilterDropdownMenu\n          multiple={filterMultiple}\n          onClick={onMenuClick}\n          onSelect={onSelectKeys}\n          onDeselect={onDeselectKeys}\n          selectedKeys={selectedKeys}\n          openKeys={openKeys}\n          onOpenChange={onOpenChange}\n        >\n          {renderFilterItems({\n            filters: column.filters || [],\n            prefixCls,\n            filteredKeys: getFilteredKeysSync(),\n            filterMultiple,\n          })}\n        </Styled.FilterDropdownMenu>\n        <Styled.FilterDropdownButtons>\n          <Button\n            variant={Variants.Transparent}\n            size={Sizes.Small}\n            disabled={selectedKeys.length === 0}\n            onClick={onReset}\n          >\n            Reset\n          </Button>\n          <Button\n            variant={Variants.Transparent}\n            size={Sizes.Small}\n            disabled={selectedKeys.length === 0}\n            onClick={onConfirm}\n          >\n            Confirm\n          </Button>\n        </Styled.FilterDropdownButtons>\n      </>\n    );\n  }\n\n  const customFilterIcon = setFilterIcon(column.filterIcon, column.filtered);\n\n  return (\n    <div className={`${prefixCls}-column`}>\n      <span className={`${tablePrefixCls}-column-title`}>{children}</span>\n      <Popover open={visible} onOpenChange={onVisibleChange}>\n        <PopoverTrigger asChild>\n          <span\n            role=\"button\"\n            tabIndex={-1}\n            className={classNames(`${prefixCls}-trigger`, {\n              active: filtered,\n            })}\n            onClick={(e) => {\n              e.stopPropagation();\n            }}\n            onKeyDown={(e) => {\n              e.stopPropagation();\n            }}\n          >\n            {customFilterIcon}\n          </span>\n        </PopoverTrigger>\n        <PopoverContent>\n          <FilterDropdownMenuWrapper className={`${prefixCls}-dropdown`}>{dropdownContent}</FilterDropdownMenuWrapper>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\n\nexport default FilterDropdown;\n"],"names":["FilterDropdown","tablePrefixCls","prefixCls","column","columnKey","filterMultiple","filterState","triggerFilter","children","propFilteredKeys","filtered","_a","visible","setVisible","useState","openKeys","setOpenKeys","getFilteredKeysSync","setFilteredKeysSync","useSyncState","openRef","useRef","onSelectKeys","selectedKeys","onDeselectKeys","onOpenChange","newOpenKeys","key","onMenuClick","internalTriggerFilter","keys","mergedKeys","triggerVisible","newVisible","onConfirm","onReset","doFilter","closeDropdown","onVisibleChange","useEffect","dropdownContent","jsxs","Fragment","jsx","Styled.FilterDropdownMenu","renderFilterItems","Styled.FilterDropdownButtons","Button","Variants","Sizes","customFilterIcon","setFilterIcon","Popover","PopoverTrigger","classNames","PopoverContent","FilterDropdownMenuWrapper"],"mappings":"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"}

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const FilterDropdownMenu: import("styled-components").StyledComponent<({ className, mode, size, inlineCollapsed, emphasis, indicatorPosition, items, selectedPath, selectedKeys, itemRender, children, ...rest }: import("../../../../..").IMenuProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, {}, never>;
+declare const FilterDropdownMenu: import("styled-components").StyledComponent<({ className, mode, size, inlineCollapsed, emphasis, indicatorPosition, itemContentDirection, items, selectedPath, selectedKeys, itemRender, children, ...rest }: import("../../../../..").IMenuProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, {}, never>;
 declare const FilterDropdownButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export { FilterDropdownMenu, FilterDropdownButtons };
 //# sourceMappingURL=FilterDropdown.styles.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,kBAAkB,8WAEvB,CAAC;AAEF,QAAA,MAAM,qBAAqB,yGAE1B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"FilterDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,kBAAkB,oYAEvB,CAAC;AAEF,QAAA,MAAM,qBAAqB,yGAE1B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC"}

package/build/esm/components/DeprecatedTable/hooks/useFilter.js

@@ -1,5 +1,5 @@
 import { jsx as S } from "react/jsx-runtime";
-import { useState as u, useMemo as y } from "react";
+import { useState as y, useMemo as u } from "react";
 import g from "../_internalComponents/components/FilterDropdown/FilterDropdown.js";
 import { getColumnKey as a } from "../utils/filteringUtils.js";
 const h = (f, o, r, e) => o.map((i, n) => {
@@ -47,11 +47,11 @@ const h = (f, o, r, e) => o.map((i, n) => {
         });
     "children" in e && (r = [...r, ...p(e.children, o)]);
   }), r;
-}, C = ({
+}, k = ({
   prefixCls: f,
   columns: o
 }) => {
-  const [r, e] = u(p(o, !0)), i = y(() => {
+  const [r, e] = y(p(o, !0)), i = u(() => {
     const s = p(o, !1);
     return s.every(({ filteredKeys: d }) => d === void 0) ? r : s;
   }, [o, r]), n = (s) => {
@@ -59,8 +59,8 @@ const h = (f, o, r, e) => o.map((i, n) => {
     t.push(s), e(t);
   };
   return [(s) => h(f, s, i, n), i];
-}, m = C;
+};
 export {
-  m as default
+  k as default
 };
 //# sourceMappingURL=useFilter.js.map

package/build/esm/components/DeprecatedTable/hooks/useFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useFilter.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport FilterDropdown from '../_internalComponents/components/FilterDropdown/FilterDropdown';\nimport { ColumnsType, ColumnType, FilterKey, FilterState, TransformColumns } from '../Table.types';\nimport { getColumnKey } from '../utils/filteringUtils';\n\ninterface FilterConfig<T> {\n  prefixCls: string;\n  columns: ColumnsType<T>;\n}\n\nconst injectFilter = <T extends DefaultRecordType>(\n  prefixCls: string,\n  columns: ColumnsType<T>,\n  filterStates: FilterState<T>[],\n  triggerFilter: (filterState: FilterState<T>) => void,\n): ColumnsType<T> =>\n  columns.map((column, index) => {\n    const columnPos = index.toString();\n    const { filterMultiple = true } = column as ColumnType<T>;\n\n    let newColumn: ColumnsType<T>[number] = column;\n\n    if (newColumn.filters || newColumn.filterDropdown) {\n      const columnKey = getColumnKey(newColumn, columnPos);\n      const filterState = filterStates.find(({ key }) => columnKey === key);\n\n      newColumn = {\n        ...newColumn,\n        title: (\n          <FilterDropdown\n            tablePrefixCls={prefixCls}\n            prefixCls={`${prefixCls}-filter`}\n            column={newColumn}\n            columnKey={columnKey}\n            filterState={filterState}\n            filterMultiple={filterMultiple}\n            triggerFilter={triggerFilter}\n          >\n            {column.title}\n          </FilterDropdown>\n        ),\n      };\n    }\n\n    return newColumn;\n  });\n\nconst collectFilterStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): FilterState<T>[] => {\n  let filterStates: FilterState<T>[] = [];\n\n  (columns || []).forEach((column, index) => {\n    const columnPos = index.toString();\n\n    if (column.filters || 'filterDropdown' in column || 'onFilter' in column) {\n      if ('filteredValue' in column) {\n        // Controlled\n        let filteredValues = column.filteredValue;\n        if (!('filterDropdown' in column)) {\n          filteredValues = filteredValues?.map(String) ?? filteredValues;\n        }\n        filterStates.push({\n          column,\n          key: getColumnKey(column, columnPos),\n          filteredKeys: filteredValues as FilterKey,\n          forceFiltered: column.filtered,\n        });\n      } else {\n        // Uncontrolled\n        filterStates.push({\n          column,\n          key: getColumnKey(column, columnPos),\n          filteredKeys: (init && column.defaultFilteredValue ? column.defaultFilteredValue : undefined) as FilterKey,\n          forceFiltered: column.filtered,\n        });\n      }\n    }\n\n    if ('children' in column) {\n      filterStates = [...filterStates, ...collectFilterStates(column.children, init)];\n    }\n  });\n\n  return filterStates;\n};\n\nconst useFilter = <T extends DefaultRecordType>({\n  prefixCls,\n  columns,\n}: FilterConfig<T>): [TransformColumns<T>, FilterState<T>[]] => {\n  const [filterStates, setFilterStates] = useState<FilterState<T>[]>(collectFilterStates(columns, true));\n\n  const mergedFilterStates = useMemo(() => {\n    const collectedStates = collectFilterStates(columns, false);\n\n    const filteredKeysIsNotControlled = collectedStates.every(({ filteredKeys }) => filteredKeys === undefined);\n\n    // Return if not controlled\n    if (filteredKeysIsNotControlled) {\n      return filterStates;\n    }\n\n    return collectedStates;\n  }, [columns, filterStates]);\n\n  const triggerFilter = (filterState: FilterState<T>) => {\n    const newFilterStates = mergedFilterStates.filter(({ key }) => key !== filterState.key);\n    newFilterStates.push(filterState);\n    setFilterStates(newFilterStates);\n  };\n\n  const transformColumns = (innerColumns: ColumnsType<T>) =>\n    injectFilter(prefixCls, innerColumns, mergedFilterStates, triggerFilter);\n\n  return [transformColumns, mergedFilterStates];\n};\n\nexport default useFilter;\n"],"names":["injectFilter","prefixCls","columns","filterStates","triggerFilter","column","index","columnPos","filterMultiple","newColumn","columnKey","getColumnKey","filterState","key","jsx","FilterDropdown","collectFilterStates","init","filteredValues","useFilter","setFilterStates","useState","mergedFilterStates","useMemo","collectedStates","filteredKeys","newFilterStates","innerColumns","useFilter$1"],"mappings":";;;;AAaA,MAAMA,IAAe,CACnBC,GACAC,GACAC,GACAC,MAEAF,EAAQ,IAAI,CAACG,GAAQC,MAAU;AACvB,QAAAC,IAAYD,EAAM,YAClB,EAAE,gBAAAE,IAAiB,GAAS,IAAAH;AAElC,MAAII,IAAoCJ;AAEpC,MAAAI,EAAU,WAAWA,EAAU,gBAAgB;AAC3C,UAAAC,IAAYC,EAAaF,GAAWF,CAAS,GAC7CK,IAAcT,EAAa,KAAK,CAAC,EAAE,KAAAU,QAAUH,MAAcG,CAAG;AAExD,IAAAJ,IAAA;AAAA,MACV,GAAGA;AAAA,MACH,OACE,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAgBd;AAAA,UAChB,WAAW,GAAGA,CAAS;AAAA,UACvB,QAAQQ;AAAA,UACR,WAAAC;AAAA,UACA,aAAAE;AAAA,UACA,gBAAAJ;AAAA,UACA,eAAAJ;AAAA,UAEC,UAAOC,EAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAGN;AAEO,SAAAI;AACT,CAAC,GAEGO,IAAsB,CAA8Bd,GAAyBe,MAAoC;AACrH,MAAId,IAAiC,CAAA;AAErC,UAACD,KAAW,CAAC,GAAG,QAAQ,CAACG,GAAQC,MAAU;AACnC,UAAAC,IAAYD,EAAM;AAExB,QAAID,EAAO,WAAW,oBAAoBA,KAAU,cAAcA;AAChE,UAAI,mBAAmBA,GAAQ;AAE7B,YAAIa,IAAiBb,EAAO;AACxB,QAAE,oBAAoBA,MACPa,KAAAA,KAAA,gBAAAA,EAAgB,IAAI,YAAWA,IAElDf,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAcW;AAAA,UACd,eAAeb,EAAO;AAAA,QAAA,CACvB;AAAA,MAAA;AAGD,QAAAF,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAeU,KAAQZ,EAAO,uBAAuBA,EAAO,uBAAuB;AAAA,UACnF,eAAeA,EAAO;AAAA,QAAA,CACvB;AAIL,IAAI,cAAcA,MACDF,IAAA,CAAC,GAAGA,GAAc,GAAGa,EAAoBX,EAAO,UAAUY,CAAI,CAAC;AAAA,EAChF,CACD,GAEMd;AACT,GAEMgB,IAAY,CAA8B;AAAA,EAC9C,WAAAlB;AAAA,EACA,SAAAC;AACF,MAAgE;AACxD,QAAA,CAACC,GAAciB,CAAe,IAAIC,EAA2BL,EAAoBd,GAAS,EAAI,CAAC,GAE/FoB,IAAqBC,EAAQ,MAAM;AACjC,UAAAC,IAAkBR,EAAoBd,GAAS,EAAK;AAK1D,WAHoCsB,EAAgB,MAAM,CAAC,EAAE,cAAAC,QAAmBA,MAAiB,MAAS,IAIjGtB,IAGFqB;AAAA,EAAA,GACN,CAACtB,GAASC,CAAY,CAAC,GAEpBC,IAAgB,CAACQ,MAAgC;AAC/C,UAAAc,IAAkBJ,EAAmB,OAAO,CAAC,EAAE,KAAAT,EAAI,MAAMA,MAAQD,EAAY,GAAG;AACtF,IAAAc,EAAgB,KAAKd,CAAW,GAChCQ,EAAgBM,CAAe;AAAA,EAAA;AAM1B,SAAA,CAHkB,CAACC,MACxB3B,EAAaC,GAAW0B,GAAcL,GAAoBlB,CAAa,GAE/CkB,CAAkB;AAC9C,GAEAM,IAAeT;"}
+{"version":3,"file":"useFilter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useFilter.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport FilterDropdown from '../_internalComponents/components/FilterDropdown/FilterDropdown';\nimport { ColumnsType, ColumnType, FilterKey, FilterState, TransformColumns } from '../Table.types';\nimport { getColumnKey } from '../utils/filteringUtils';\n\ninterface FilterConfig<T> {\n  prefixCls: string;\n  columns: ColumnsType<T>;\n}\n\nconst injectFilter = <T extends DefaultRecordType>(\n  prefixCls: string,\n  columns: ColumnsType<T>,\n  filterStates: FilterState<T>[],\n  triggerFilter: (filterState: FilterState<T>) => void,\n): ColumnsType<T> =>\n  columns.map((column, index) => {\n    const columnPos = index.toString();\n    const { filterMultiple = true } = column as ColumnType<T>;\n\n    let newColumn: ColumnsType<T>[number] = column;\n\n    if (newColumn.filters || newColumn.filterDropdown) {\n      const columnKey = getColumnKey(newColumn, columnPos);\n      const filterState = filterStates.find(({ key }) => columnKey === key);\n\n      newColumn = {\n        ...newColumn,\n        title: (\n          <FilterDropdown\n            tablePrefixCls={prefixCls}\n            prefixCls={`${prefixCls}-filter`}\n            column={newColumn}\n            columnKey={columnKey}\n            filterState={filterState}\n            filterMultiple={filterMultiple}\n            triggerFilter={triggerFilter}\n          >\n            {column.title}\n          </FilterDropdown>\n        ),\n      };\n    }\n\n    return newColumn;\n  });\n\nconst collectFilterStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): FilterState<T>[] => {\n  let filterStates: FilterState<T>[] = [];\n\n  (columns || []).forEach((column, index) => {\n    const columnPos = index.toString();\n\n    if (column.filters || 'filterDropdown' in column || 'onFilter' in column) {\n      if ('filteredValue' in column) {\n        // Controlled\n        let filteredValues = column.filteredValue;\n        if (!('filterDropdown' in column)) {\n          filteredValues = filteredValues?.map(String) ?? filteredValues;\n        }\n        filterStates.push({\n          column,\n          key: getColumnKey(column, columnPos),\n          filteredKeys: filteredValues as FilterKey,\n          forceFiltered: column.filtered,\n        });\n      } else {\n        // Uncontrolled\n        filterStates.push({\n          column,\n          key: getColumnKey(column, columnPos),\n          filteredKeys: (init && column.defaultFilteredValue ? column.defaultFilteredValue : undefined) as FilterKey,\n          forceFiltered: column.filtered,\n        });\n      }\n    }\n\n    if ('children' in column) {\n      filterStates = [...filterStates, ...collectFilterStates(column.children, init)];\n    }\n  });\n\n  return filterStates;\n};\n\nconst useFilter = <T extends DefaultRecordType>({\n  prefixCls,\n  columns,\n}: FilterConfig<T>): [TransformColumns<T>, FilterState<T>[]] => {\n  const [filterStates, setFilterStates] = useState<FilterState<T>[]>(collectFilterStates(columns, true));\n\n  const mergedFilterStates = useMemo(() => {\n    const collectedStates = collectFilterStates(columns, false);\n\n    const filteredKeysIsNotControlled = collectedStates.every(({ filteredKeys }) => filteredKeys === undefined);\n\n    // Return if not controlled\n    if (filteredKeysIsNotControlled) {\n      return filterStates;\n    }\n\n    return collectedStates;\n  }, [columns, filterStates]);\n\n  const triggerFilter = (filterState: FilterState<T>) => {\n    const newFilterStates = mergedFilterStates.filter(({ key }) => key !== filterState.key);\n    newFilterStates.push(filterState);\n    setFilterStates(newFilterStates);\n  };\n\n  const transformColumns = (innerColumns: ColumnsType<T>) =>\n    injectFilter(prefixCls, innerColumns, mergedFilterStates, triggerFilter);\n\n  return [transformColumns, mergedFilterStates];\n};\n\nexport default useFilter;\n"],"names":["injectFilter","prefixCls","columns","filterStates","triggerFilter","column","index","columnPos","filterMultiple","newColumn","columnKey","getColumnKey","filterState","key","jsx","FilterDropdown","collectFilterStates","init","filteredValues","useFilter","setFilterStates","useState","mergedFilterStates","useMemo","collectedStates","filteredKeys","newFilterStates","innerColumns"],"mappings":";;;;AAaA,MAAMA,IAAe,CACnBC,GACAC,GACAC,GACAC,MAEAF,EAAQ,IAAI,CAACG,GAAQC,MAAU;AACvB,QAAAC,IAAYD,EAAM,SAAS,GAC3B,EAAE,gBAAAE,IAAiB,GAAA,IAASH;AAElC,MAAII,IAAoCJ;AAEpC,MAAAI,EAAU,WAAWA,EAAU,gBAAgB;AAC3C,UAAAC,IAAYC,EAAaF,GAAWF,CAAS,GAC7CK,IAAcT,EAAa,KAAK,CAAC,EAAE,KAAAU,EAAI,MAAMH,MAAcG,CAAG;AAExD,IAAAJ,IAAA;AAAA,MACV,GAAGA;AAAA,MACH,OACE,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAgBd;AAAA,UAChB,WAAW,GAAGA,CAAS;AAAA,UACvB,QAAQQ;AAAA,UACR,WAAAC;AAAA,UACA,aAAAE;AAAA,UACA,gBAAAJ;AAAA,UACA,eAAAJ;AAAA,UAEC,UAAOC,EAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGd;AAAA,EAAA;AAGK,SAAAI;AACT,CAAC,GAEGO,IAAsB,CAA8Bd,GAAyBe,MAAoC;AACrH,MAAId,IAAiC,CAAC;AAEtC,UAACD,KAAW,CAAC,GAAG,QAAQ,CAACG,GAAQC,MAAU;AACnC,UAAAC,IAAYD,EAAM,SAAS;AAEjC,QAAID,EAAO,WAAW,oBAAoBA,KAAU,cAAcA;AAChE,UAAI,mBAAmBA,GAAQ;AAE7B,YAAIa,IAAiBb,EAAO;AACxB,QAAE,oBAAoBA,MACPa,KAAAA,KAAA,gBAAAA,EAAgB,IAAI,YAAWA,IAElDf,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAcW;AAAA,UACd,eAAeb,EAAO;AAAA,QAAA,CACvB;AAAA,MAAA;AAGD,QAAAF,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAeU,KAAQZ,EAAO,uBAAuBA,EAAO,uBAAuB;AAAA,UACnF,eAAeA,EAAO;AAAA,QAAA,CACvB;AAIL,IAAI,cAAcA,MACDF,IAAA,CAAC,GAAGA,GAAc,GAAGa,EAAoBX,EAAO,UAAUY,CAAI,CAAC;AAAA,EAChF,CACD,GAEMd;AACT,GAEMgB,IAAY,CAA8B;AAAA,EAC9C,WAAAlB;AAAA,EACA,SAAAC;AACF,MAAgE;AACxD,QAAA,CAACC,GAAciB,CAAe,IAAIC,EAA2BL,EAAoBd,GAAS,EAAI,CAAC,GAE/FoB,IAAqBC,EAAQ,MAAM;AACjC,UAAAC,IAAkBR,EAAoBd,GAAS,EAAK;AAK1D,WAHoCsB,EAAgB,MAAM,CAAC,EAAE,cAAAC,QAAmBA,MAAiB,MAAS,IAIjGtB,IAGFqB;AAAA,EAAA,GACN,CAACtB,GAASC,CAAY,CAAC,GAEpBC,IAAgB,CAACQ,MAAgC;AAC/C,UAAAc,IAAkBJ,EAAmB,OAAO,CAAC,EAAE,KAAAT,QAAUA,MAAQD,EAAY,GAAG;AACtF,IAAAc,EAAgB,KAAKd,CAAW,GAChCQ,EAAgBM,CAAe;AAAA,EACjC;AAKO,SAAA,CAHkB,CAACC,MACxB3B,EAAaC,GAAW0B,GAAcL,GAAoBlB,CAAa,GAE/CkB,CAAkB;AAC9C;"}

package/build/esm/components/DeprecatedTable/hooks/useSorter.js

@@ -1,11 +1,11 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { useState as w } from "react";
 import k from "classnames";
+import { Sorts as d } from "../../../react-base/build/esm/consts.js";
 import C from "../../Icon/components/ArrowDown.js";
 import P from "../../Icon/components/ArrowUp.js";
 import A from "../../Icon/components/ChevronUpDown.js";
 import { getColumnKey as S } from "../utils/filteringUtils.js";
-import { Sorts as d } from "../../../react-base/src/consts.js";
 const y = (t) => typeof t.sorter == "object" && typeof t.sorter.multiple == "number" ? t.sorter.multiple : !1, O = (t, o) => {
   let e = [];
   const i = (r, n) => {
@@ -25,10 +25,10 @@ const y = (t) => typeof t.sorter == "object" && typeof t.sorter.multiple == "num
       sortOrder: r.defaultSortOrder || null
     }));
   }), e;
-}, $ = (t, o) => o ? t[t.indexOf(o) + 1] : t[0], j = (t) => t.sortDirections && t.sortDirections.length > 0 ? t.sortDirections : [d.Asc, d.Desc], N = (t, o, e, i) => (o || []).map((r, n) => {
+}, j = (t, o) => o ? t[t.indexOf(o) + 1] : t[0], N = (t) => t.sortDirections && t.sortDirections.length > 0 ? t.sortDirections : [d.Asc, d.Desc], $ = (t, o, e, i) => (o || []).map((r, n) => {
   if (!r.sorter)
     return r;
-  const s = j(r), l = S(r, n.toString()), f = e.find(({ key: p }) => p === l), a = f ? f.sortOrder : null, u = $(s, a);
+  const s = N(r), l = S(r, n.toString()), f = e.find(({ key: p }) => p === l), a = f ? f.sortOrder : null, u = j(s, a);
   return {
     ...r,
     title: /* @__PURE__ */ m("div", { className: `${t}-column-sorters`, children: [
@@ -59,7 +59,7 @@ const y = (t) => typeof t.sorter == "object" && typeof t.sorter.multiple == "num
       }, h;
     }
   };
-}), x = ({
+}), M = ({
   prefixCls: t,
   columns: o
 }) => {
@@ -67,9 +67,9 @@ const y = (t) => typeof t.sorter == "object" && typeof t.sorter.multiple == "num
     let l;
     s.multiplePriority === !1 || !e.length || e[0].multiplePriority === !1 ? l = [s] : l = [...e.filter(({ key: f }) => f !== s.key), s], i(l);
   };
-  return [(s) => N(t, s, e, r), e];
-}, z = x;
+  return [(s) => $(t, s, e, r), e];
+};
 export {
-  z as default
+  M as default
 };
 //# sourceMappingURL=useSorter.js.map

package/build/esm/components/DeprecatedTable/hooks/useSorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSorter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useSorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, MouseEvent, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base';\n\nimport { ArrowDown, ArrowUp, ChevronUpDown } from '../../Icon/components';\nimport { ColumnGroup, ColumnsType, ColumnType, TableSortOrder, SortState, TransformColumns } from '../Table.types';\nimport { getColumnKey } from '../utils/filteringUtils';\n\ninterface SorterConfig<T> {\n  prefixCls: string;\n  columns: ColumnsType<T>;\n}\n\nconst getMultiplePriority = <T extends DefaultRecordType>(column: ColumnType<T>): number | false => {\n  if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {\n    return column.sorter.multiple;\n  }\n\n  return false;\n};\n\nconst collectSortStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): SortState<T>[] => {\n  let sortStates: SortState<T>[] = [];\n\n  const pushState = (column: ColumnType<T>, columnPos: string) => {\n    sortStates.push({\n      column,\n      key: getColumnKey(column, columnPos),\n      multiplePriority: getMultiplePriority(column),\n      sortOrder: column.sortOrder || null,\n    });\n  };\n\n  (columns || []).forEach((column, index) => {\n    const columnPos = index.toString();\n\n    if ((column as ColumnGroup<T>).children) {\n      if ('sortOrder' in column) {\n        pushState(column, columnPos);\n      }\n      sortStates = [...sortStates, ...collectSortStates((column as ColumnGroup<T>).children, init)];\n    } else if (column.sorter) {\n      if ('sortOrder' in column) {\n        pushState(column, columnPos);\n      } else if (init && column.defaultSortOrder) {\n        sortStates.push({\n          column,\n          key: getColumnKey(column, columnPos),\n          multiplePriority: getMultiplePriority(column),\n          sortOrder: column.defaultSortOrder || null,\n        });\n      }\n    }\n  });\n\n  return sortStates;\n};\n\nconst nextSortDirection = (sortDirections: TableSortOrder[], current: TableSortOrder | null): TableSortOrder => {\n  if (!current) {\n    return sortDirections[0];\n  }\n\n  return sortDirections[sortDirections.indexOf(current) + 1];\n};\n\nconst getSortDirections = <T extends any>(column: ColumnGroup<T> | ColumnType<T>): TableSortOrder[] =>\n  column.sortDirections && column.sortDirections.length > 0 ? column.sortDirections : [Sorts.Asc, Sorts.Desc];\n\nconst injectSorter = <T extends DefaultRecordType>(\n  prefixCls: string,\n  columns: ColumnsType<T>,\n  sorterStates: SortState<T>[],\n  triggerSorter: (sorterSates: SortState<T>) => void,\n): ColumnsType<T> =>\n  (columns || []).map((column, index) => {\n    if (!column.sorter) {\n      return column;\n    }\n\n    const sortDirections = getSortDirections(column);\n    const columnKey = getColumnKey(column, index.toString());\n    const sorterState = sorterStates.find(({ key }) => key === columnKey);\n    const sorterOrder = sorterState ? sorterState.sortOrder : null;\n    const nextSortOrder = nextSortDirection(sortDirections, sorterOrder);\n\n    return {\n      ...column,\n      title: (\n        <div className={`${prefixCls}-column-sorters`}>\n          <span className={`${prefixCls}-column-title`}>{column.title}</span>\n          <span\n            className={classNames(`${prefixCls}-column-sorter`, {\n              [`${prefixCls}-column-sorted`]: sorterOrder === Sorts.Desc || sorterOrder === Sorts.Asc,\n            })}\n          >\n            {!sorterOrder && <ChevronUpDown width={16} height={16} />}\n            {sorterOrder === Sorts.Asc && <ArrowDown width={16} height={16} />}\n            {sorterOrder === Sorts.Desc && <ArrowUp width={16} height={16} />}\n          </span>\n        </div>\n      ),\n      onHeaderCell: (col) => {\n        const cell: HTMLAttributes<HTMLElement> = (column.onHeaderCell && column.onHeaderCell(col)) || {};\n        const originOnClick = cell.onClick;\n        cell.onClick = (event: MouseEvent<HTMLElement>) => {\n          triggerSorter({\n            column,\n            key: columnKey,\n            sortOrder: nextSortOrder,\n            multiplePriority: getMultiplePriority(column),\n          });\n\n          if (originOnClick) {\n            originOnClick(event);\n          }\n        };\n\n        return cell;\n      },\n    };\n  });\n\nconst useSorter = <T extends DefaultRecordType>({\n  prefixCls,\n  columns,\n}: SorterConfig<T>): [TransformColumns<T>, SortState<T>[]] => {\n  const [sortStates, setSortStates] = useState<SortState<T>[]>(collectSortStates(columns, true));\n\n  const triggerSorter = (sortState: SortState<T>) => {\n    let newSorterStates;\n\n    if (sortState.multiplePriority === false || !sortStates.length || sortStates[0].multiplePriority === false) {\n      newSorterStates = [sortState];\n    } else {\n      newSorterStates = [...sortStates.filter(({ key }) => key !== sortState.key), sortState];\n    }\n\n    setSortStates(newSorterStates);\n  };\n\n  const transformColumns = (innerColumns: ColumnsType<T>) =>\n    injectSorter(prefixCls, innerColumns, sortStates, triggerSorter);\n\n  return [transformColumns, sortStates];\n};\n\nexport default useSorter;\n"],"names":["getMultiplePriority","column","collectSortStates","columns","init","sortStates","pushState","columnPos","getColumnKey","index","nextSortDirection","sortDirections","current","getSortDirections","Sorts","injectSorter","prefixCls","sorterStates","triggerSorter","columnKey","sorterState","key","sorterOrder","nextSortOrder","jsxs","jsx","classNames","ChevronUpDown","ArrowDown","ArrowUp","col","cell","originOnClick","event","useSorter","setSortStates","useState","sortState","newSorterStates","innerColumns","useSorter$1"],"mappings":"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"}
+{"version":3,"file":"useSorter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useSorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, MouseEvent, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base';\n\nimport { ArrowDown, ArrowUp, ChevronUpDown } from '../../Icon/components';\nimport { ColumnGroup, ColumnsType, ColumnType, TableSortOrder, SortState, TransformColumns } from '../Table.types';\nimport { getColumnKey } from '../utils/filteringUtils';\n\ninterface SorterConfig<T> {\n  prefixCls: string;\n  columns: ColumnsType<T>;\n}\n\nconst getMultiplePriority = <T extends DefaultRecordType>(column: ColumnType<T>): number | false => {\n  if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {\n    return column.sorter.multiple;\n  }\n\n  return false;\n};\n\nconst collectSortStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): SortState<T>[] => {\n  let sortStates: SortState<T>[] = [];\n\n  const pushState = (column: ColumnType<T>, columnPos: string) => {\n    sortStates.push({\n      column,\n      key: getColumnKey(column, columnPos),\n      multiplePriority: getMultiplePriority(column),\n      sortOrder: column.sortOrder || null,\n    });\n  };\n\n  (columns || []).forEach((column, index) => {\n    const columnPos = index.toString();\n\n    if ((column as ColumnGroup<T>).children) {\n      if ('sortOrder' in column) {\n        pushState(column, columnPos);\n      }\n      sortStates = [...sortStates, ...collectSortStates((column as ColumnGroup<T>).children, init)];\n    } else if (column.sorter) {\n      if ('sortOrder' in column) {\n        pushState(column, columnPos);\n      } else if (init && column.defaultSortOrder) {\n        sortStates.push({\n          column,\n          key: getColumnKey(column, columnPos),\n          multiplePriority: getMultiplePriority(column),\n          sortOrder: column.defaultSortOrder || null,\n        });\n      }\n    }\n  });\n\n  return sortStates;\n};\n\nconst nextSortDirection = (sortDirections: TableSortOrder[], current: TableSortOrder | null): TableSortOrder => {\n  if (!current) {\n    return sortDirections[0];\n  }\n\n  return sortDirections[sortDirections.indexOf(current) + 1];\n};\n\nconst getSortDirections = <T extends any>(column: ColumnGroup<T> | ColumnType<T>): TableSortOrder[] =>\n  column.sortDirections && column.sortDirections.length > 0 ? column.sortDirections : [Sorts.Asc, Sorts.Desc];\n\nconst injectSorter = <T extends DefaultRecordType>(\n  prefixCls: string,\n  columns: ColumnsType<T>,\n  sorterStates: SortState<T>[],\n  triggerSorter: (sorterSates: SortState<T>) => void,\n): ColumnsType<T> =>\n  (columns || []).map((column, index) => {\n    if (!column.sorter) {\n      return column;\n    }\n\n    const sortDirections = getSortDirections(column);\n    const columnKey = getColumnKey(column, index.toString());\n    const sorterState = sorterStates.find(({ key }) => key === columnKey);\n    const sorterOrder = sorterState ? sorterState.sortOrder : null;\n    const nextSortOrder = nextSortDirection(sortDirections, sorterOrder);\n\n    return {\n      ...column,\n      title: (\n        <div className={`${prefixCls}-column-sorters`}>\n          <span className={`${prefixCls}-column-title`}>{column.title}</span>\n          <span\n            className={classNames(`${prefixCls}-column-sorter`, {\n              [`${prefixCls}-column-sorted`]: sorterOrder === Sorts.Desc || sorterOrder === Sorts.Asc,\n            })}\n          >\n            {!sorterOrder && <ChevronUpDown width={16} height={16} />}\n            {sorterOrder === Sorts.Asc && <ArrowDown width={16} height={16} />}\n            {sorterOrder === Sorts.Desc && <ArrowUp width={16} height={16} />}\n          </span>\n        </div>\n      ),\n      onHeaderCell: (col) => {\n        const cell: HTMLAttributes<HTMLElement> = (column.onHeaderCell && column.onHeaderCell(col)) || {};\n        const originOnClick = cell.onClick;\n        cell.onClick = (event: MouseEvent<HTMLElement>) => {\n          triggerSorter({\n            column,\n            key: columnKey,\n            sortOrder: nextSortOrder,\n            multiplePriority: getMultiplePriority(column),\n          });\n\n          if (originOnClick) {\n            originOnClick(event);\n          }\n        };\n\n        return cell;\n      },\n    };\n  });\n\nconst useSorter = <T extends DefaultRecordType>({\n  prefixCls,\n  columns,\n}: SorterConfig<T>): [TransformColumns<T>, SortState<T>[]] => {\n  const [sortStates, setSortStates] = useState<SortState<T>[]>(collectSortStates(columns, true));\n\n  const triggerSorter = (sortState: SortState<T>) => {\n    let newSorterStates;\n\n    if (sortState.multiplePriority === false || !sortStates.length || sortStates[0].multiplePriority === false) {\n      newSorterStates = [sortState];\n    } else {\n      newSorterStates = [...sortStates.filter(({ key }) => key !== sortState.key), sortState];\n    }\n\n    setSortStates(newSorterStates);\n  };\n\n  const transformColumns = (innerColumns: ColumnsType<T>) =>\n    injectSorter(prefixCls, innerColumns, sortStates, triggerSorter);\n\n  return [transformColumns, sortStates];\n};\n\nexport default useSorter;\n"],"names":["getMultiplePriority","column","collectSortStates","columns","init","sortStates","pushState","columnPos","getColumnKey","index","nextSortDirection","sortDirections","current","getSortDirections","Sorts","injectSorter","prefixCls","sorterStates","triggerSorter","columnKey","sorterState","key","sorterOrder","nextSortOrder","jsxs","jsx","classNames","ChevronUpDown","ArrowDown","ArrowUp","col","cell","originOnClick","event","useSorter","setSortStates","useState","sortState","newSorterStates","innerColumns"],"mappings":"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"}

package/build/esm/components/DeprecatedTable/utils/filteringUtils.js

@@ -2,20 +2,20 @@ import { jsx as d } from "react/jsx-runtime";
 import h from "../../Icon/components/Filter.js";
 const x = (e, t) => t, l = (e) => {
   let t = [];
-  return (e || []).forEach(({ value: n, children: r }) => {
-    t.push(n), r && (t = [...t, ...l(r)]);
+  return (e || []).forEach(({ value: r, children: n }) => {
+    t.push(r), n && (t = [...t, ...l(n)]);
   }), t;
-}, F = (e, t) => t.reduce((n, r) => {
+}, F = (e, t) => t.reduce((r, n) => {
   const {
     column: { onFilter: s, filters: c },
     filteredKeys: o
-  } = r;
-  return s && o && o.length ? n.filter(
+  } = n;
+  return s && o && o.length ? r.filter(
     (m) => o.some((i) => {
       const f = l(c), u = f.findIndex((g) => String(g) === String(i)), y = u !== -1 ? f[u] : i;
       return s(y, m);
     })
-  ) : n;
+  ) : r;
 }, e), K = (e, t = !1) => typeof e == "function" ? e(t) : e || /* @__PURE__ */ d(h, { width: 16, height: 16 });
 export {
   x as getColumnKey,

package/build/esm/components/DeprecatedTable/utils/filteringUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"filteringUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/filteringUtils.tsx"],"sourcesContent":["import React, { Key, ReactNode } from 'react';\r\n\r\nimport { DefaultRecordType } from 'rc-table/lib/interface';\r\n\r\nimport Filter from '../../Icon/components/Filter';\r\nimport { ColumnFilterItem, ColumnType, FilterState, FilterValue } from '../Table.types';\r\n\r\nconst getColumnKey = <T extends DefaultRecordType>(column: ColumnType<T>, defaultKey: string): Key => defaultKey;\r\n\r\nconst flattenKeys = (filters?: ColumnFilterItem[]) => {\r\n  let keys: FilterValue = [];\r\n\r\n  (filters || []).forEach(({ value, children }) => {\r\n    keys.push(value);\r\n    if (children) {\r\n      keys = [...keys, ...flattenKeys(children)];\r\n    }\r\n  });\r\n\r\n  return keys;\r\n};\r\n\r\nconst getFilterData = <T extends DefaultRecordType>(data: T[], filterStates: FilterState<T>[]): T[] =>\r\n  filterStates.reduce((currentData, filterState) => {\r\n    const {\r\n      column: { onFilter, filters },\r\n      filteredKeys,\r\n    } = filterState;\r\n\r\n    if (onFilter && filteredKeys && filteredKeys.length) {\r\n      return currentData.filter((record) =>\r\n        filteredKeys.some((key) => {\r\n          const keys = flattenKeys(filters);\r\n          const keyIndex = keys.findIndex((k) => String(k) === String(key));\r\n          const realKey = keyIndex !== -1 ? keys[keyIndex] : key;\r\n\r\n          return onFilter(realKey, record);\r\n        }),\r\n      );\r\n    }\r\n\r\n    return currentData;\r\n  }, data);\r\n\r\nconst setFilterIcon = (filterIcon: ReactNode | ((filtered: boolean) => ReactNode), filtered = false): ReactNode => {\r\n  if (typeof filterIcon === 'function') {\r\n    return filterIcon(filtered);\r\n  }\r\n  if (filterIcon) {\r\n    return filterIcon;\r\n  }\r\n\r\n  return <Filter width={16} height={16} />;\r\n};\r\n\r\nexport { getColumnKey, getFilterData, setFilterIcon };\r\n"],"names":["getColumnKey","column","defaultKey","flattenKeys","filters","keys","value","children","getFilterData","data","filterStates","currentData","filterState","onFilter","filteredKeys","record","key","keyIndex","k","realKey","setFilterIcon","filterIcon","filtered","jsx","Filter"],"mappings":";;AAOM,MAAAA,IAAe,CAA8BC,GAAuBC,MAA4BA,GAEhGC,IAAc,CAACC,MAAiC;AACpD,MAAIC,IAAoB,CAAA;AAEvB,UAAAD,KAAW,CAAA,GAAI,QAAQ,CAAC,EAAE,OAAAE,GAAO,UAAAC,QAAe;AAC/C,IAAAF,EAAK,KAAKC,CAAK,GACXC,MACFF,IAAO,CAAC,GAAGA,GAAM,GAAGF,EAAYI,CAAQ,CAAC;AAAA,EAC3C,CACD,GAEMF;AACT,GAEMG,IAAgB,CAA8BC,GAAWC,MAC7DA,EAAa,OAAO,CAACC,GAAaC,MAAgB;AAC1C,QAAA;AAAA,IACJ,QAAQ,EAAE,UAAAC,GAAU,SAAAT,EAAQ;AAAA,IAC5B,cAAAU;AAAA,EACE,IAAAF;AAEA,SAAAC,KAAYC,KAAgBA,EAAa,SACpCH,EAAY;AAAA,IAAO,CAACI,MACzBD,EAAa,KAAK,CAACE,MAAQ;AACnB,YAAAX,IAAOF,EAAYC,CAAO,GAC1Ba,IAAWZ,EAAK,UAAU,CAACa,MAAM,OAAOA,CAAC,MAAM,OAAOF,CAAG,CAAC,GAC1DG,IAAUF,MAAa,KAAKZ,EAAKY,CAAQ,IAAID;AAE5C,aAAAH,EAASM,GAASJ,CAAM;AAAA,IAAA,CAChC;AAAA,EAAA,IAIEJ;AACT,GAAGF,CAAI,GAEHW,IAAgB,CAACC,GAA4DC,IAAW,OACxF,OAAOD,KAAe,aACjBA,EAAWC,CAAQ,IAExBD,KAII,gBAAAE,EAAAC,GAAA,EAAO,OAAO,IAAI,QAAQ,GAAI,CAAA;"}
+{"version":3,"file":"filteringUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/filteringUtils.tsx"],"sourcesContent":["import React, { Key, ReactNode } from 'react';\n\nimport { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport Filter from '../../Icon/components/Filter';\nimport { ColumnFilterItem, ColumnType, FilterState, FilterValue } from '../Table.types';\n\nconst getColumnKey = <T extends DefaultRecordType>(column: ColumnType<T>, defaultKey: string): Key => defaultKey;\n\nconst flattenKeys = (filters?: ColumnFilterItem[]) => {\n  let keys: FilterValue = [];\n\n  (filters || []).forEach(({ value, children }) => {\n    keys.push(value);\n    if (children) {\n      keys = [...keys, ...flattenKeys(children)];\n    }\n  });\n\n  return keys;\n};\n\nconst getFilterData = <T extends DefaultRecordType>(data: T[], filterStates: FilterState<T>[]): T[] =>\n  filterStates.reduce((currentData, filterState) => {\n    const {\n      column: { onFilter, filters },\n      filteredKeys,\n    } = filterState;\n\n    if (onFilter && filteredKeys && filteredKeys.length) {\n      return currentData.filter((record) =>\n        filteredKeys.some((key) => {\n          const keys = flattenKeys(filters);\n          const keyIndex = keys.findIndex((k) => String(k) === String(key));\n          const realKey = keyIndex !== -1 ? keys[keyIndex] : key;\n\n          return onFilter(realKey, record);\n        }),\n      );\n    }\n\n    return currentData;\n  }, data);\n\nconst setFilterIcon = (filterIcon: ReactNode | ((filtered: boolean) => ReactNode), filtered = false): ReactNode => {\n  if (typeof filterIcon === 'function') {\n    return filterIcon(filtered);\n  }\n  if (filterIcon) {\n    return filterIcon;\n  }\n\n  return <Filter width={16} height={16} />;\n};\n\nexport { getColumnKey, getFilterData, setFilterIcon };\n"],"names":["getColumnKey","column","defaultKey","flattenKeys","filters","keys","value","children","getFilterData","data","filterStates","currentData","filterState","onFilter","filteredKeys","record","key","keyIndex","k","realKey","setFilterIcon","filterIcon","filtered","jsx","Filter"],"mappings":";;AAOM,MAAAA,IAAe,CAA8BC,GAAuBC,MAA4BA,GAEhGC,IAAc,CAACC,MAAiC;AACpD,MAAIC,IAAoB,CAAC;AAExB,UAAAD,KAAW,CAAA,GAAI,QAAQ,CAAC,EAAE,OAAAE,GAAO,UAAAC,QAAe;AAC/C,IAAAF,EAAK,KAAKC,CAAK,GACXC,MACFF,IAAO,CAAC,GAAGA,GAAM,GAAGF,EAAYI,CAAQ,CAAC;AAAA,EAC3C,CACD,GAEMF;AACT,GAEMG,IAAgB,CAA8BC,GAAWC,MAC7DA,EAAa,OAAO,CAACC,GAAaC,MAAgB;AAC1C,QAAA;AAAA,IACJ,QAAQ,EAAE,UAAAC,GAAU,SAAAT,EAAQ;AAAA,IAC5B,cAAAU;AAAA,EAAA,IACEF;AAEA,SAAAC,KAAYC,KAAgBA,EAAa,SACpCH,EAAY;AAAA,IAAO,CAACI,MACzBD,EAAa,KAAK,CAACE,MAAQ;AACnB,YAAAX,IAAOF,EAAYC,CAAO,GAC1Ba,IAAWZ,EAAK,UAAU,CAACa,MAAM,OAAOA,CAAC,MAAM,OAAOF,CAAG,CAAC,GAC1DG,IAAUF,MAAa,KAAKZ,EAAKY,CAAQ,IAAID;AAE5C,aAAAH,EAASM,GAASJ,CAAM;AAAA,IAChC,CAAA;AAAA,EACH,IAGKJ;AACT,GAAGF,CAAI,GAEHW,IAAgB,CAACC,GAA4DC,IAAW,OACxF,OAAOD,KAAe,aACjBA,EAAWC,CAAQ,IAExBD,KAII,gBAAAE,EAAAC,GAAA,EAAO,OAAO,IAAI,QAAQ,IAAI;"}

package/build/esm/components/DeprecatedTable/utils/renderUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/renderUtils.tsx"],"sourcesContent":["import React, { Key, ReactElement } from 'react';\r\n\r\nimport { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport styled from 'styled-components';\r\nimport { Sizes, Variants } from 'acinguiux-ds-react-base';\r\nimport { Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport Button from '../../Button/Button';\r\nimport Checkbox from '../../Checkbox/Checkbox';\r\nimport { ComposeAlt, EllipsisVertical, Trash } from '../../Icon/components';\r\nimport MenuItem from '../../Menu/components/MenuItem';\r\nimport SubMenu from '../../Menu/components/SubMenu';\r\nimport Menu from '../../Menu/Menu';\r\nimport RadioButton from '../../RadioButton/RadioButton';\r\nimport Option from '../../Select/components/Option/Option';\r\nimport Select from '../../Select/Select';\r\nimport Tag from '../../Tag/Tag';\r\nimport { ColumnFilterItem } from '../Table.types';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\r\n\r\nconst StyledTag = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  > * {\r\n    margin-right: 6px;\r\n\r\n    &:last-of-type {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  margin-right: 4px;\r\n`;\r\n\r\nexport const renderSelect = (): ReactElement => (\r\n  <Select placeholder=\"Placeholder\" disabled={false} size={Sizes.Small} aria-label=\"Select\">\r\n    <Option value=\"1\">Type A</Option>\r\n    <Option value=\"2\">Type B</Option>\r\n    <Option value=\"3\">Type C</Option>\r\n    <Option value=\"4\">Type D</Option>\r\n  </Select>\r\n);\r\n\r\nexport const renderOperations = (): ReactElement => (\r\n  <>\r\n    <Button\r\n      iconOnly\r\n      icon={<ComposeAlt />}\r\n      variant={Variants.Transparent}\r\n      onClick={(e) => {\r\n        e.stopPropagation();\r\n      }}\r\n      size={Sizes.Small}\r\n      aria-label=\"Compose\"\r\n    />\r\n    <Button\r\n      iconOnly\r\n      icon={<Trash />}\r\n      variant={Variants.Transparent}\r\n      onClick={(e) => {\r\n        e.stopPropagation();\r\n      }}\r\n      size={Sizes.Small}\r\n      aria-label=\"Delete\"\r\n    />\r\n  </>\r\n);\r\n\r\nexport const renderDropdown = (): ReactElement => {\r\n  const overlay = (\r\n    <Menu>\r\n      <MenuItem>Option 1</MenuItem>\r\n      <MenuItem>Option 2</MenuItem>\r\n    </Menu>\r\n  );\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant={Variants.Transparent} icon={<EllipsisVertical />} iconOnly aria-label=\"Options\" />\r\n      </PopoverTrigger>\r\n      <PopoverContent>{overlay}</PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\n// TODO: change \"any\" type\r\nexport const renderTag = <T extends DefaultRecordType>(value: any, { product }: T, index: number): ReactElement => {\r\n  if (index === 0) {\r\n    return (\r\n      <StyledTag>\r\n        <Tag sentiment={Sentiments.Neutral} size={Sizes.Small}>\r\n          Label 1\r\n        </Tag>\r\n        <div>{product}</div>\r\n      </StyledTag>\r\n    );\r\n  }\r\n\r\n  if (index === 1) {\r\n    return (\r\n      <StyledTag>\r\n        <div>{product}</div>\r\n        <Tag sentiment={Sentiments.Neutral} size={Sizes.Small}>\r\n          Label 2\r\n        </Tag>\r\n      </StyledTag>\r\n    );\r\n  }\r\n\r\n  if (index === 2) {\r\n    return (\r\n      <StyledTag>\r\n        <Tag sentiment={Sentiments.Neutral} size={Sizes.Small}>\r\n          Label 3\r\n        </Tag>\r\n      </StyledTag>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <StyledTag>\r\n      <div>{product}</div>\r\n    </StyledTag>\r\n  );\r\n};\r\n\r\nexport const renderFilterItems = ({\r\n  filters,\r\n  prefixCls,\r\n  filteredKeys,\r\n  filterMultiple,\r\n}: {\r\n  filters: ColumnFilterItem[];\r\n  prefixCls: string;\r\n  filteredKeys: Key[];\r\n  filterMultiple: boolean;\r\n}): ReactElement | ReactElement[] => {\r\n  if (filters.length === 0) {\r\n    return (\r\n      <MenuItem key=\"empty\">\r\n        <div style={{ margin: '16px 0' }}>Empty filter</div>\r\n      </MenuItem>\r\n    );\r\n  }\r\n\r\n  return filters.map((filter, index) => {\r\n    const key = String(filter.value);\r\n\r\n    if (filter.children) {\r\n      return (\r\n        <SubMenu key={key || index} title={filter.text} popupClassName={`${prefixCls}-dropdown-submenu`}>\r\n          {renderFilterItems({\r\n            filters: filter.children,\r\n            prefixCls,\r\n            filteredKeys,\r\n            filterMultiple,\r\n          })}\r\n        </SubMenu>\r\n      );\r\n    }\r\n\r\n    const Component = filterMultiple\r\n      ? () => (\r\n          <Checkbox\r\n            defaultChecked={filteredKeys.includes(key)}\r\n            label={filter.value.toString()}\r\n            checked={filteredKeys.includes(key)}\r\n          />\r\n        )\r\n      : () => <RadioButton checked={filteredKeys.includes(key)} label={filter.value.toString()} />;\r\n\r\n    return (\r\n      <MenuItem key={filter.value !== undefined ? key : index}>\r\n        <Component />\r\n      </MenuItem>\r\n    );\r\n  });\r\n};\r\n\r\nconst StyledFooter = styled.div`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 8px;\r\n`;\r\n\r\nexport const renderFilterMenu = () => (\r\n  <div>\r\n    <Menu>\r\n      <MenuItem>Custom filter item 1</MenuItem>\r\n      <MenuItem>Custom filter item 2</MenuItem>\r\n    </Menu>\r\n    <StyledFooter>\r\n      <StyledButton variant={Variants.Outlined} size={Sizes.XSmall}>\r\n        Reset\r\n      </StyledButton>\r\n      <Button size={Sizes.XSmall}>Confirm</Button>\r\n    </StyledFooter>\r\n  </div>\r\n);\r\n"],"names":["styled","Button","renderFilterItems","filters","prefixCls","filteredKeys","filterMultiple","jsx","MenuItem","filter","index","key","SubMenu","Checkbox","RadioButton"],"mappings":";;;;;;;;AAoBkBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaJA,EAAOC,CAAM;AAAA;AAAA;AAiG3B,MAAMC,IAAoB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAMMH,EAAQ,WAAW,IAEnB,gBAAAI,EAACC,GACC,EAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,OAAO,EAAE,QAAQ,SAAS,GAAG,UAAY,eAAA,CAAA,EAAA,GADlC,OAEd,IAIGJ,EAAQ,IAAI,CAACM,GAAQC,MAAU;AAC9B,QAAAC,IAAM,OAAOF,EAAO,KAAK;AAE/B,SAAIA,EAAO,WAEP,gBAAAF,EAACK,KAA2B,OAAOH,EAAO,MAAM,gBAAgB,GAAGL,CAAS,qBACzE,UAAkBF,EAAA;AAAA,IACjB,SAASO,EAAO;AAAA,IAChB,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,EANW,GAAAK,KAAOD,CAOrB,IAeF,gBAAAH,EAACC,KACC,UAAC,gBAAAD,EAZaD,IACd,MACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAgBR,EAAa,SAASM,CAAG;AAAA,MACzC,OAAOF,EAAO,MAAM,SAAS;AAAA,MAC7B,SAASJ,EAAa,SAASM,CAAG;AAAA,IAAA;AAAA,EAGtC,IAAA,MAAO,gBAAAJ,EAAAO,GAAA,EAAY,SAAST,EAAa,SAASM,CAAG,GAAG,OAAOF,EAAO,MAAM,WAAY,CAAA,GAIvF,CAAA,CAAU,KADEA,EAAO,UAAU,SAAYE,IAAMD,CAElD;AAAA,CAEH;AAGkBV,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/renderUtils.tsx"],"sourcesContent":["import React, { Key, ReactElement } from 'react';\n\nimport { DefaultRecordType } from 'rc-table/lib/interface';\nimport styled from 'styled-components';\nimport { Sizes, Variants } from 'acinguiux-ds-react-base';\nimport { Sentiments } from 'acinguiux-ds-fabrics';\n\nimport Button from '../../Button/Button';\nimport Checkbox from '../../Checkbox/Checkbox';\nimport { ComposeAlt, EllipsisVertical, Trash } from '../../Icon/components';\nimport MenuItem from '../../Menu/components/MenuItem';\nimport SubMenu from '../../Menu/components/SubMenu';\nimport Menu from '../../Menu/Menu';\nimport RadioButton from '../../RadioButton/RadioButton';\nimport Option from '../../Select/components/Option/Option';\nimport Select from '../../Select/Select';\nimport Tag from '../../Tag/Tag';\nimport { ColumnFilterItem } from '../Table.types';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\n\nconst StyledTag = styled.div`\n  display: flex;\n  align-items: center;\n\n  > * {\n    margin-right: 6px;\n\n    &:last-of-type {\n      margin-right: 0;\n    }\n  }\n`;\n\nconst StyledButton = styled(Button)`\n  margin-right: 4px;\n`;\n\nexport const renderSelect = (): ReactElement => (\n  <Select placeholder=\"Placeholder\" disabled={false} size={Sizes.Small} aria-label=\"Select\">\n    <Option value=\"1\">Type A</Option>\n    <Option value=\"2\">Type B</Option>\n    <Option value=\"3\">Type C</Option>\n    <Option value=\"4\">Type D</Option>\n  </Select>\n);\n\nexport const renderOperations = (): ReactElement => (\n  <>\n    <Button\n      iconOnly\n      icon={<ComposeAlt />}\n      variant={Variants.Transparent}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      size={Sizes.Small}\n      aria-label=\"Compose\"\n    />\n    <Button\n      iconOnly\n      icon={<Trash />}\n      variant={Variants.Transparent}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      size={Sizes.Small}\n      aria-label=\"Delete\"\n    />\n  </>\n);\n\nexport const renderDropdown = (): ReactElement => {\n  const overlay = (\n    <Menu>\n      <MenuItem>Option 1</MenuItem>\n      <MenuItem>Option 2</MenuItem>\n    </Menu>\n  );\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant={Variants.Transparent} icon={<EllipsisVertical />} iconOnly aria-label=\"Options\" />\n      </PopoverTrigger>\n      <PopoverContent>{overlay}</PopoverContent>\n    </Popover>\n  );\n};\n\n// TODO: change \"any\" type\nexport const renderTag = <T extends DefaultRecordType>(value: any, { product }: T, index: number): ReactElement => {\n  if (index === 0) {\n    return (\n      <StyledTag>\n        <Tag sentiment={Sentiments.Neutral} size={Sizes.Small}>\n          Label 1\n        </Tag>\n        <div>{product}</div>\n      </StyledTag>\n    );\n  }\n\n  if (index === 1) {\n    return (\n      <StyledTag>\n        <div>{product}</div>\n        <Tag sentiment={Sentiments.Neutral} size={Sizes.Small}>\n          Label 2\n        </Tag>\n      </StyledTag>\n    );\n  }\n\n  if (index === 2) {\n    return (\n      <StyledTag>\n        <Tag sentiment={Sentiments.Neutral} size={Sizes.Small}>\n          Label 3\n        </Tag>\n      </StyledTag>\n    );\n  }\n\n  return (\n    <StyledTag>\n      <div>{product}</div>\n    </StyledTag>\n  );\n};\n\nexport const renderFilterItems = ({\n  filters,\n  prefixCls,\n  filteredKeys,\n  filterMultiple,\n}: {\n  filters: ColumnFilterItem[];\n  prefixCls: string;\n  filteredKeys: Key[];\n  filterMultiple: boolean;\n}): ReactElement | ReactElement[] => {\n  if (filters.length === 0) {\n    return (\n      <MenuItem key=\"empty\">\n        <div style={{ margin: '16px 0' }}>Empty filter</div>\n      </MenuItem>\n    );\n  }\n\n  return filters.map((filter, index) => {\n    const key = String(filter.value);\n\n    if (filter.children) {\n      return (\n        <SubMenu key={key || index} title={filter.text} popupClassName={`${prefixCls}-dropdown-submenu`}>\n          {renderFilterItems({\n            filters: filter.children,\n            prefixCls,\n            filteredKeys,\n            filterMultiple,\n          })}\n        </SubMenu>\n      );\n    }\n\n    const Component = filterMultiple\n      ? () => (\n          <Checkbox\n            defaultChecked={filteredKeys.includes(key)}\n            label={filter.value.toString()}\n            checked={filteredKeys.includes(key)}\n          />\n        )\n      : () => <RadioButton checked={filteredKeys.includes(key)} label={filter.value.toString()} />;\n\n    return (\n      <MenuItem key={filter.value !== undefined ? key : index}>\n        <Component />\n      </MenuItem>\n    );\n  });\n};\n\nconst StyledFooter = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 8px;\n`;\n\nexport const renderFilterMenu = () => (\n  <div>\n    <Menu>\n      <MenuItem>Custom filter item 1</MenuItem>\n      <MenuItem>Custom filter item 2</MenuItem>\n    </Menu>\n    <StyledFooter>\n      <StyledButton variant={Variants.Outlined} size={Sizes.XSmall}>\n        Reset\n      </StyledButton>\n      <Button size={Sizes.XSmall}>Confirm</Button>\n    </StyledFooter>\n  </div>\n);\n"],"names":["styled","Button","renderFilterItems","filters","prefixCls","filteredKeys","filterMultiple","jsx","MenuItem","filter","index","key","SubMenu","Checkbox","RadioButton"],"mappings":";;;;;;;;AAoBkBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaJA,EAAOC,CAAM;AAAA;AAAA;AAiG3B,MAAMC,IAAoB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAMMH,EAAQ,WAAW,IAEnB,gBAAAI,EAACC,GACC,EAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,OAAO,EAAE,QAAQ,SAAS,GAAG,UAAY,eAAA,CAAA,EAAA,GADlC,OAEd,IAIGJ,EAAQ,IAAI,CAACM,GAAQC,MAAU;AAC9B,QAAAC,IAAM,OAAOF,EAAO,KAAK;AAE/B,SAAIA,EAAO,WAEP,gBAAAF,EAACK,KAA2B,OAAOH,EAAO,MAAM,gBAAgB,GAAGL,CAAS,qBACzE,UAAkBF,EAAA;AAAA,IACjB,SAASO,EAAO;AAAA,IAChB,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,EANW,GAAAK,KAAOD,CAOrB,IAeF,gBAAAH,EAACC,KACC,UAAC,gBAAAD,EAZaD,IACd,MACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAgBR,EAAa,SAASM,CAAG;AAAA,MACzC,OAAOF,EAAO,MAAM,SAAS;AAAA,MAC7B,SAASJ,EAAa,SAASM,CAAG;AAAA,IAAA;AAAA,EAGtC,IAAA,MAAO,gBAAAJ,EAAAO,GAAA,EAAY,SAAST,EAAa,SAASM,CAAG,GAAG,OAAOF,EAAO,MAAM,SAAY,EAAA,CAAA,GAIvF,CAAA,CAAU,KADEA,EAAO,UAAU,SAAYE,IAAMD,CAElD;AAAA,CAEH;AAGkBV,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTable/utils/sortingUtils.js

@@ -1,20 +1,20 @@
-import { Sorts as a } from "../../../react-base/src/consts.js";
-const u = (t) => typeof t == "function" ? t : t && typeof t == "object" && t.compare ? t.compare : !1, f = (t) => (c, i) => {
+import { Sorts as u } from "../../../react-base/build/esm/consts.js";
+const a = (t) => typeof t == "function" ? t : t && typeof t == "object" && t.compare ? t.compare : !1, f = (t) => (c, i) => {
   for (let r = 0; r < t.length; r += 1) {
     const n = t[r], {
       column: { sorter: e },
       sortOrder: o
-    } = n, l = u(e);
+    } = n, l = a(e);
     if (l && o) {
       const s = l(c, i, o);
       if (s !== 0)
-        return o === a.Asc ? s : -s;
+        return o === u.Asc ? s : -s;
     }
   }
   return 0;
 }, p = (t, c) => {
   const i = c.slice().sort((e, o) => o.multiplePriority - e.multiplePriority), r = t.slice(), n = i.filter(
-    ({ column: { sorter: e }, sortOrder: o }) => u(e) && o
+    ({ column: { sorter: e }, sortOrder: o }) => a(e) && o
   );
   return n.length ? r.sort(f(n)) : r;
 };

package/build/esm/components/DeprecatedTable/utils/sortingUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortingUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"sourcesContent":["import { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { Sorts } from 'acinguiux-ds-react-base';\r\n\r\nimport { ColumnType, CompareFn, SortState } from '../Table.types';\r\n\r\nconst getSortFunction = <T extends DefaultRecordType>(sorter: ColumnType<T>['sorter']): CompareFn<T> | false => {\r\n  if (typeof sorter === 'function') {\r\n    return sorter;\r\n  }\r\n\r\n  if (sorter && typeof sorter === 'object' && sorter.compare) {\r\n    return sorter.compare;\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\nconst sortCallback =\r\n  <T extends DefaultRecordType>(runningSorters: SortState<T>[]) =>\r\n    (record1: T, record2: T) => {\r\n      for (let i = 0; i < runningSorters.length; i += 1) {\r\n        const sorterState = runningSorters[i];\r\n        const {\r\n          column: { sorter },\r\n          sortOrder,\r\n        } = sorterState;\r\n\r\n        const compareFn = getSortFunction(sorter);\r\n\r\n        if (compareFn && sortOrder) {\r\n          const compareResult = compareFn(record1, record2, sortOrder);\r\n\r\n          if (compareResult !== 0) {\r\n            return sortOrder === Sorts.Asc ? compareResult : -compareResult;\r\n          }\r\n        }\r\n      }\r\n\r\n      return 0;\r\n    };\r\n\r\nconst getSortData = <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]): T[] => {\r\n  const innerSorterStates = sortStates\r\n    .slice()\r\n    .sort((a, b) => (b.multiplePriority as number) - (a.multiplePriority as number));\r\n\r\n  const cloneData = data.slice();\r\n\r\n  const runningSorters = innerSorterStates.filter(\r\n    ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\r\n  );\r\n\r\n  if (!runningSorters.length) {\r\n    return cloneData;\r\n  }\r\n\r\n  return cloneData.sort(sortCallback(runningSorters));\r\n};\r\n\r\nexport { getSortData };\r\n"],"names":["getSortFunction","sorter","sortCallback","runningSorters","record1","record2","i","sorterState","sortOrder","compareFn","compareResult","Sorts","getSortData","data","sortStates","innerSorterStates","a","b","cloneData"],"mappings":";AAKA,MAAMA,IAAkB,CAA8BC,MAChD,OAAOA,KAAW,aACbA,IAGLA,KAAU,OAAOA,KAAW,YAAYA,EAAO,UAC1CA,EAAO,UAGT,IAGHC,IACJ,CAA8BC,MAC5B,CAACC,GAAYC,MAAe;AAC1B,WAASC,IAAI,GAAGA,IAAIH,EAAe,QAAQG,KAAK,GAAG;AAC3C,UAAAC,IAAcJ,EAAeG,CAAC,GAC9B;AAAA,MACJ,QAAQ,EAAE,QAAAL,EAAO;AAAA,MACjB,WAAAO;AAAA,IACE,IAAAD,GAEEE,IAAYT,EAAgBC,CAAM;AAExC,QAAIQ,KAAaD,GAAW;AAC1B,YAAME,IAAgBD,EAAUL,GAASC,GAASG,CAAS;AAE3D,UAAIE,MAAkB;AACpB,eAAOF,MAAcG,EAAM,MAAMD,IAAgB,CAACA;AAAA,IAEtD;AAAA,EACF;AAEO,SAAA;AACT,GAEEE,IAAc,CAA8BC,GAAoBC,MAAoC;AAClG,QAAAC,IAAoBD,EACvB,MAAA,EACA,KAAK,CAACE,GAAGC,MAAOA,EAAE,mBAA+BD,EAAE,gBAA2B,GAE3EE,IAAYL,EAAK,SAEjBV,IAAiBY,EAAkB;AAAA,IACvC,CAAC,EAAE,QAAQ,EAAE,QAAAd,KAAU,WAAAO,EAAU,MAAMR,EAAgBC,CAAM,KAAKO;AAAA,EAAA;AAGhE,SAACL,EAAe,SAIbe,EAAU,KAAKhB,EAAaC,CAAc,CAAC,IAHzCe;AAIX;"}
+{"version":3,"file":"sortingUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"sourcesContent":["import { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base';\n\nimport { ColumnType, CompareFn, SortState } from '../Table.types';\n\nconst getSortFunction = <T extends DefaultRecordType>(sorter: ColumnType<T>['sorter']): CompareFn<T> | false => {\n  if (typeof sorter === 'function') {\n    return sorter;\n  }\n\n  if (sorter && typeof sorter === 'object' && sorter.compare) {\n    return sorter.compare;\n  }\n\n  return false;\n};\n\nconst sortCallback =\n  <T extends DefaultRecordType>(runningSorters: SortState<T>[]) =>\n    (record1: T, record2: T) => {\n      for (let i = 0; i < runningSorters.length; i += 1) {\n        const sorterState = runningSorters[i];\n        const {\n          column: { sorter },\n          sortOrder,\n        } = sorterState;\n\n        const compareFn = getSortFunction(sorter);\n\n        if (compareFn && sortOrder) {\n          const compareResult = compareFn(record1, record2, sortOrder);\n\n          if (compareResult !== 0) {\n            return sortOrder === Sorts.Asc ? compareResult : -compareResult;\n          }\n        }\n      }\n\n      return 0;\n    };\n\nconst getSortData = <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]): T[] => {\n  const innerSorterStates = sortStates\n    .slice()\n    .sort((a, b) => (b.multiplePriority as number) - (a.multiplePriority as number));\n\n  const cloneData = data.slice();\n\n  const runningSorters = innerSorterStates.filter(\n    ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\n  );\n\n  if (!runningSorters.length) {\n    return cloneData;\n  }\n\n  return cloneData.sort(sortCallback(runningSorters));\n};\n\nexport { getSortData };\n"],"names":["getSortFunction","sorter","sortCallback","runningSorters","record1","record2","i","sorterState","sortOrder","compareFn","compareResult","Sorts","getSortData","data","sortStates","innerSorterStates","a","b","cloneData"],"mappings":";AAKA,MAAMA,IAAkB,CAA8BC,MAChD,OAAOA,KAAW,aACbA,IAGLA,KAAU,OAAOA,KAAW,YAAYA,EAAO,UAC1CA,EAAO,UAGT,IAGHC,IACJ,CAA8BC,MAC5B,CAACC,GAAYC,MAAe;AAC1B,WAASC,IAAI,GAAGA,IAAIH,EAAe,QAAQG,KAAK,GAAG;AAC3C,UAAAC,IAAcJ,EAAeG,CAAC,GAC9B;AAAA,MACJ,QAAQ,EAAE,QAAAL,EAAO;AAAA,MACjB,WAAAO;AAAA,IAAA,IACED,GAEEE,IAAYT,EAAgBC,CAAM;AAExC,QAAIQ,KAAaD,GAAW;AAC1B,YAAME,IAAgBD,EAAUL,GAASC,GAASG,CAAS;AAE3D,UAAIE,MAAkB;AACpB,eAAOF,MAAcG,EAAM,MAAMD,IAAgB,CAACA;AAAA,IACpD;AAAA,EACF;AAGK,SAAA;AACT,GAEEE,IAAc,CAA8BC,GAAoBC,MAAoC;AAClG,QAAAC,IAAoBD,EACvB,MAAA,EACA,KAAK,CAACE,GAAGC,MAAOA,EAAE,mBAA+BD,EAAE,gBAA2B,GAE3EE,IAAYL,EAAK,MAAM,GAEvBV,IAAiBY,EAAkB;AAAA,IACvC,CAAC,EAAE,QAAQ,EAAE,QAAAd,EAAA,GAAU,WAAAO,QAAgBR,EAAgBC,CAAM,KAAKO;AAAA,EACpE;AAEI,SAACL,EAAe,SAIbe,EAAU,KAAKhB,EAAaC,CAAc,CAAC,IAHzCe;AAIX;"}

package/build/esm/components/DeprecatedTree/Tree.js

@@ -1,48 +1,48 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useMemo as S } from "react";
-import T from "../Icon/components/CaretSmallDown.js";
-import b from "../Icon/components/CaretSmallRight.js";
-import x from "../Loading/Loading.js";
-import { Tree as C, ExpandButton as g } from "./Tree.styles.js";
-import E from "./components/TreeCheckboxes/TreeCheckboxes.js";
-import { Sizes as i, TREE_CLASS as I } from "../../react-base/src/consts.js";
+import { Sizes as i, TREE_CLASS as T } from "../../react-base/build/esm/consts.js";
+import b from "../Icon/components/CaretSmallDown.js";
+import x from "../Icon/components/CaretSmallRight.js";
+import C from "../Loading/Loading.js";
+import { Tree as g, ExpandButton as E } from "./Tree.styles.js";
+import I from "./components/TreeCheckboxes/TreeCheckboxes.js";
 const L = {
   [i.Small]: 16,
   [i.Medium]: 24,
   [i.Large]: 28
-}, a = (t) => t.map((r) => {
+}, l = (t) => t.map((r) => {
   if (r.children) {
-    const n = a(r.children);
+    const n = l(r.children);
     return { ...r, disabled: !0, children: n };
   }
   return { ...r, disabled: !0 };
-}), s = (t) => t.map((r) => r.children ? r.disabled ? { ...r, disabled: !0, children: a(r.children) } : { ...r, children: s(r.children), role: "treeitem" } : { ...r, role: "treeitem" }), w = ({
+}), s = (t) => t.map((r) => r.children ? r.disabled ? { ...r, disabled: !0, children: l(r.children) } : { ...r, children: s(r.children), role: "treeitem" } : { ...r, role: "treeitem" }), j = ({
   showIcon: t = !1,
   loadingIcon: r,
   checkable: n = !0,
   disabled: c = !1,
-  size: o = i.Medium,
-  treeData: m,
+  size: m = i.Medium,
+  treeData: o,
   ...f
 }) => {
-  const u = S(() => m ? s(m) : void 0, [m]);
+  const u = S(() => o ? s(o) : void 0, [o]);
   return /* @__PURE__ */ e(
-    C,
+    g,
     {
-      size: o,
-      checkable: n ? /* @__PURE__ */ e(E, { size: o, disabled: c }) : void 0,
-      prefixCls: I,
+      size: m,
+      checkable: n ? /* @__PURE__ */ e(I, { size: m, disabled: c }) : void 0,
+      prefixCls: T,
       switcherIcon: ({ isLeaf: d, loading: p, expanded: h }) => {
-        const l = L[o];
-        return d ? /* @__PURE__ */ e("span", { style: { marginLeft: `${l}px` } }) : p ? r ?? /* @__PURE__ */ e(x, { size: i.Small }) : /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(h ? T : b, { width: l, height: l }) });
+        const a = L[m];
+        return d ? /* @__PURE__ */ e("span", { style: { marginLeft: `${a}px` } }) : p ? r ?? /* @__PURE__ */ e(C, { size: i.Small }) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(h ? b : x, { width: a, height: a }) });
       },
       showIcon: t,
       treeData: u,
       ...f
     }
   );
-}, z = w;
+};
 export {
-  z as default
+  j as default
 };
 //# sourceMappingURL=Tree.js.map

package/build/esm/components/DeprecatedTree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../../src/components/DeprecatedTree/Tree.tsx"],"sourcesContent":["import { ReactElement, useMemo } from 'react';\n\nimport { TreeNodeProps as RCTreeNodeProps } from 'rc-tree';\nimport { DataNode } from 'rc-tree/lib/interface';\nimport { Sizes, TREE_CLASS } from 'acinguiux-ds-react-base';\n\nimport { CaretSmallDown, CaretSmallRight } from '../Icon/components';\nimport Loading from '../Loading/Loading';\nimport * as Styled from './Tree.styles';\nimport { DeprecatedTreeSize, ITreeProps } from './Tree.types';\nimport TreeCheckboxes from './components/TreeCheckboxes/TreeCheckboxes';\n\nconst CARET_SIZES: Record<DeprecatedTreeSize, number> = {\n  [Sizes.Small]: 16,\n  [Sizes.Medium]: 24,\n  [Sizes.Large]: 28,\n};\n\nconst fixDisable = (childrenNode: DataNode[]) =>\n  childrenNode.map((childNode): DataNode => {\n    if (childNode.children) {\n      const cn = fixDisable(childNode.children);\n\n      return { ...childNode, disabled: true, children: cn };\n    }\n\n    return { ...childNode, disabled: true };\n  });\n\nconst findInTree = (tree: DataNode[]): DataNode[] =>\n  tree.map((node) => {\n    if (node.children) {\n      if (node.disabled) {\n        return { ...node, disabled: true, children: fixDisable(node.children) };\n      }\n\n      return { ...node, children: findInTree(node.children), role: 'treeitem' };\n    }\n\n    return { ...node, role: 'treeitem' };\n  });\n\n/**\n *\n * @deprecated\n * Use Tree instead of DeprecatedTree\n */\nconst Tree = ({\n  showIcon = false,\n  loadingIcon,\n  checkable = true,\n  disabled = false,\n  size = Sizes.Medium,\n  treeData,\n  ...rest\n}: ITreeProps): ReactElement => {\n  const dataTree = useMemo(() => (treeData ? findInTree(treeData) : undefined), [treeData]);\n\n  return (\n    <Styled.Tree\n      size={size}\n      checkable={checkable ? <TreeCheckboxes size={size} disabled={disabled} /> : undefined}\n      prefixCls={TREE_CLASS}\n      switcherIcon={({ isLeaf, loading, expanded }: RCTreeNodeProps) => {\n        const caretSize = CARET_SIZES[size];\n\n        if (isLeaf) return <span style={{ marginLeft: `${caretSize}px` }} />;\n        if (loading) return loadingIcon ?? <Loading size={Sizes.Small} />;\n\n        const Icon = expanded ? CaretSmallDown : CaretSmallRight;\n\n        return (\n          <Styled.ExpandButton>\n            <Icon width={caretSize} height={caretSize} />\n          </Styled.ExpandButton>\n        );\n      }}\n      showIcon={showIcon}\n      treeData={dataTree}\n      {...rest}\n    />\n  );\n};\n\nexport default Tree;\n"],"names":["CARET_SIZES","Sizes","fixDisable","childrenNode","childNode","cn","findInTree","tree","node","Tree","showIcon","loadingIcon","checkable","disabled","size","treeData","rest","dataTree","useMemo","jsx","Styled.Tree","TreeCheckboxes","TREE_CLASS","isLeaf","loading","expanded","caretSize","Loading","Styled.ExpandButton","CaretSmallDown","CaretSmallRight","Tree$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkD;AAAA,EACtD,CAACC,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAa,CAACC,MAClBA,EAAa,IAAI,CAACC,MAAwB;AACxC,MAAIA,EAAU,UAAU;AAChB,UAAAC,IAAKH,EAAWE,EAAU,QAAQ;AAExC,WAAO,EAAE,GAAGA,GAAW,UAAU,IAAM,UAAUC;EACnD;AAEA,SAAO,EAAE,GAAGD,GAAW,UAAU,GAAK;AACxC,CAAC,GAEGE,IAAa,CAACC,MAClBA,EAAK,IAAI,CAACC,MACJA,EAAK,WACHA,EAAK,WACA,EAAE,GAAGA,GAAM,UAAU,IAAM,UAAUN,EAAWM,EAAK,QAAQ,MAG/D,EAAE,GAAGA,GAAM,UAAUF,EAAWE,EAAK,QAAQ,GAAG,MAAM,eAGxD,EAAE,GAAGA,GAAM,MAAM,WAAW,CACpC,GAOGC,IAAO,CAAC;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAOb,EAAM;AAAA,EACb,UAAAc;AAAA,EACA,GAAGC;AACL,MAAgC;AACxB,QAAAC,IAAWC,EAAQ,MAAOH,IAAWT,EAAWS,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC;AAGtF,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,WAAWF,IAAY,gBAAAO,EAACE,GAAe,EAAA,MAAAP,GAAY,UAAAD,GAAoB,IAAK;AAAA,MAC5E,WAAWS;AAAA,MACX,cAAc,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,QAAgC;AAC1D,cAAAC,IAAY1B,EAAYc,CAAI;AAE9B,eAAAS,IAAe,gBAAAJ,EAAC,UAAK,OAAO,EAAE,YAAY,GAAGO,CAAS,KAAQ,EAAA,CAAA,IAC9DF,IAAgBb,KAAe,gBAAAQ,EAACQ,GAAQ,EAAA,MAAM1B,EAAM,MAAO,CAAA,IAK7D,gBAAAkB,EAACS,GAAA,EACC,UAAA,gBAAAT,EAJSM,IAAWI,IAAiBC,KAI/B,OAAOJ,GAAW,QAAQA,EAAW,CAAA,EAC7C,CAAA;AAAA,MAEJ;AAAA,MACA,UAAAhB;AAAA,MACA,UAAUO;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV,GAEAe,IAAetB;"}
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/DeprecatedTree/Tree.tsx"],"sourcesContent":["import { ReactElement, useMemo } from 'react';\n\nimport { TreeNodeProps as RCTreeNodeProps } from 'rc-tree';\nimport { DataNode } from 'rc-tree/lib/interface';\nimport { Sizes, TREE_CLASS } from 'acinguiux-ds-react-base';\n\nimport { CaretSmallDown, CaretSmallRight } from '../Icon/components';\nimport Loading from '../Loading/Loading';\nimport * as Styled from './Tree.styles';\nimport { DeprecatedTreeSize, ITreeProps } from './Tree.types';\nimport TreeCheckboxes from './components/TreeCheckboxes/TreeCheckboxes';\n\nconst CARET_SIZES: Record<DeprecatedTreeSize, number> = {\n  [Sizes.Small]: 16,\n  [Sizes.Medium]: 24,\n  [Sizes.Large]: 28,\n};\n\nconst fixDisable = (childrenNode: DataNode[]) =>\n  childrenNode.map((childNode): DataNode => {\n    if (childNode.children) {\n      const cn = fixDisable(childNode.children);\n\n      return { ...childNode, disabled: true, children: cn };\n    }\n\n    return { ...childNode, disabled: true };\n  });\n\nconst findInTree = (tree: DataNode[]): DataNode[] =>\n  tree.map((node) => {\n    if (node.children) {\n      if (node.disabled) {\n        return { ...node, disabled: true, children: fixDisable(node.children) };\n      }\n\n      return { ...node, children: findInTree(node.children), role: 'treeitem' };\n    }\n\n    return { ...node, role: 'treeitem' };\n  });\n\n/**\n *\n * @deprecated\n * Use Tree instead of DeprecatedTree\n */\nconst Tree = ({\n  showIcon = false,\n  loadingIcon,\n  checkable = true,\n  disabled = false,\n  size = Sizes.Medium,\n  treeData,\n  ...rest\n}: ITreeProps): ReactElement => {\n  const dataTree = useMemo(() => (treeData ? findInTree(treeData) : undefined), [treeData]);\n\n  return (\n    <Styled.Tree\n      size={size}\n      checkable={checkable ? <TreeCheckboxes size={size} disabled={disabled} /> : undefined}\n      prefixCls={TREE_CLASS}\n      switcherIcon={({ isLeaf, loading, expanded }: RCTreeNodeProps) => {\n        const caretSize = CARET_SIZES[size];\n\n        if (isLeaf) return <span style={{ marginLeft: `${caretSize}px` }} />;\n        if (loading) return loadingIcon ?? <Loading size={Sizes.Small} />;\n\n        const Icon = expanded ? CaretSmallDown : CaretSmallRight;\n\n        return (\n          <Styled.ExpandButton>\n            <Icon width={caretSize} height={caretSize} />\n          </Styled.ExpandButton>\n        );\n      }}\n      showIcon={showIcon}\n      treeData={dataTree}\n      {...rest}\n    />\n  );\n};\n\nexport default Tree;\n"],"names":["CARET_SIZES","Sizes","fixDisable","childrenNode","childNode","cn","findInTree","tree","node","Tree","showIcon","loadingIcon","checkable","disabled","size","treeData","rest","dataTree","useMemo","jsx","Styled.Tree","TreeCheckboxes","TREE_CLASS","isLeaf","loading","expanded","caretSize","Loading","Styled.ExpandButton","CaretSmallDown","CaretSmallRight"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkD;AAAA,EACtD,CAACC,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAa,CAACC,MAClBA,EAAa,IAAI,CAACC,MAAwB;AACxC,MAAIA,EAAU,UAAU;AAChB,UAAAC,IAAKH,EAAWE,EAAU,QAAQ;AAExC,WAAO,EAAE,GAAGA,GAAW,UAAU,IAAM,UAAUC,EAAG;AAAA,EAAA;AAGtD,SAAO,EAAE,GAAGD,GAAW,UAAU,GAAK;AACxC,CAAC,GAEGE,IAAa,CAACC,MAClBA,EAAK,IAAI,CAACC,MACJA,EAAK,WACHA,EAAK,WACA,EAAE,GAAGA,GAAM,UAAU,IAAM,UAAUN,EAAWM,EAAK,QAAQ,EAAE,IAGjE,EAAE,GAAGA,GAAM,UAAUF,EAAWE,EAAK,QAAQ,GAAG,MAAM,WAAW,IAGnE,EAAE,GAAGA,GAAM,MAAM,WAAW,CACpC,GAOGC,IAAO,CAAC;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAOb,EAAM;AAAA,EACb,UAAAc;AAAA,EACA,GAAGC;AACL,MAAgC;AACxB,QAAAC,IAAWC,EAAQ,MAAOH,IAAWT,EAAWS,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC;AAGtF,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,WAAWF,IAAY,gBAAAO,EAACE,GAAe,EAAA,MAAAP,GAAY,UAAAD,GAAoB,IAAK;AAAA,MAC5E,WAAWS;AAAAA,MACX,cAAc,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,QAAgC;AAC1D,cAAAC,IAAY1B,EAAYc,CAAI;AAE9B,eAAAS,IAAe,gBAAAJ,EAAC,QAAK,EAAA,OAAO,EAAE,YAAY,GAAGO,CAAS,KAAQ,EAAA,CAAA,IAC9DF,IAAgBb,uBAAgBgB,GAAQ,EAAA,MAAM1B,EAAM,OAAO,IAK7D,gBAAAkB,EAACS,GAAA,EACC,UAAA,gBAAAT,EAJSM,IAAWI,IAAiBC,KAI/B,OAAOJ,GAAW,QAAQA,EAAA,CAAW,EAC7C,CAAA;AAAA,MAEJ;AAAA,MACA,UAAAhB;AAAA,MACA,UAAUO;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/build/esm/components/DeprecatedTree/Tree.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import { FunctionComponent } from 'react';\r\n\r\nimport RCTree, { TreeProps as RcTreeProps } from 'rc-tree';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { ITreeProps } from './Tree.types';\r\n\r\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\r\n  ${({ prefixCls }) => css`\r\n    &.${prefixCls}-checkbox {\r\n      .acinguiux-checkbox-label {\r\n        display: none;\r\n      }\r\n\r\n      .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\r\n        display: none;\r\n      }\r\n\r\n      &-checked {\r\n        .${prefixCls}-checkbox-wrapper-checked {\r\n          display: initial;\r\n        }\r\n\r\n        .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      &-indeterminate {\r\n        .${prefixCls}-checkbox-wrapper-indeterminate {\r\n          display: initial;\r\n        }\r\n\r\n        .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps & Pick<ITreeProps, 'size'>>)`\r\n  ${({ prefixCls, theme, size }) => css`\r\n    ${theme.heading[5].bold}\r\n    margin: 0;\r\n    border: 1px solid transparent;\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n\r\n    .${prefixCls} {\r\n      /* Caret toggle */\r\n      &-switcher {\r\n        display: flex;\r\n        margin-right: 8px;\r\n      }\r\n\r\n      /* Indent placeholder */\r\n      &-indent-unit {\r\n        display: inline-flex;\r\n        width: 32px;\r\n      }\r\n\r\n      /* Node text */\r\n      &-node-content-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 2px;\r\n      }\r\n\r\n      /* SVG icon */\r\n      &-iconEle {\r\n        display: flex;\r\n      }\r\n\r\n      &-checkbox {\r\n        margin-right: 8px;\r\n      }\r\n\r\n      &-treenode {\r\n        display: flex;\r\n        align-items: center;\r\n        margin: 4px 0;\r\n        padding: 0;\r\n        white-space: nowrap;\r\n        list-style: none;\r\n        outline: 0;\r\n\r\n        ${size ? theme.label[size].bold : theme.label.medium.bold}\r\n\r\n        &-disabled {\r\n          color: ${theme.onSurface.inactive.default.text.subtle};\r\n          cursor: not-allowed;\r\n\r\n          .${prefixCls}-checkbox {\r\n            pointer-events: none;\r\n          }\r\n        }\r\n\r\n        span {\r\n          ${Checkbox}\r\n        }\r\n\r\n        &:not(&-show-line) {\r\n          .${prefixCls}-treenode {\r\n            .${prefixCls}-switcher-noop {\r\n              background: none;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nconst ExpandButton = styled.button`\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background: transparent;\r\n  padding: 0;\r\n  margin: 0;\r\n`;\r\n\r\nexport { Tree, ExpandButton };\r\n"],"names":["Checkbox","css","prefixCls","Tree","styled","RCTree","theme","size","ExpandButton"],"mappings":";;AAOA,MAAMA,IAAWC;AAAA,IACb,CAAC,EAAE,WAAAC,EAAgB,MAAAD;AAAA,QACfC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRA,CAAS,+BAA+BA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,WAK/CA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMnDA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,GAK3D;AAAA,GAGGC,IAAOC,EAAOC,CAA8E;AAAA,IAC9F,CAAC,EAAE,WAAAH,GAAW,OAAAI,GAAO,MAAAC,QAAWN;AAAA,MAC9BK,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA,aAGdA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA,OAEjDJ,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsCNK,IAAOD,EAAM,MAAMC,CAAI,EAAE,OAAOD,EAAM,MAAM,OAAO,IAAI;AAAA;AAAA;AAAA,mBAG9CA,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,aAGlDJ,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMVF,CAAQ;AAAA;AAAA;AAAA;AAAA,aAIPE,CAAS;AAAA,eACPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrB;AAAA,GAGGM,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import { FunctionComponent } from 'react';\n\nimport RCTree, { TreeProps as RcTreeProps } from 'rc-tree';\nimport styled, { css } from 'styled-components';\n\nimport { ITreeProps } from './Tree.types';\n\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\n  ${({ prefixCls }) => css`\n    &.${prefixCls}-checkbox {\n      .acinguiux-checkbox-label {\n        display: none;\n      }\n\n      .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\n        display: none;\n      }\n\n      &-checked {\n        .${prefixCls}-checkbox-wrapper-checked {\n          display: initial;\n        }\n\n        .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\n          display: none;\n        }\n      }\n\n      &-indeterminate {\n        .${prefixCls}-checkbox-wrapper-indeterminate {\n          display: initial;\n        }\n\n        .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\n          display: none;\n        }\n      }\n    }\n  `}\n`;\n\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps & Pick<ITreeProps, 'size'>>)`\n  ${({ prefixCls, theme, size }) => css`\n    ${theme.heading[5].bold}\n    margin: 0;\n    border: 1px solid transparent;\n    color: ${theme.onSurface.surface.default.text.strong};\n\n    .${prefixCls} {\n      /* Caret toggle */\n      &-switcher {\n        display: flex;\n        margin-right: 8px;\n      }\n\n      /* Indent placeholder */\n      &-indent-unit {\n        display: inline-flex;\n        width: 32px;\n      }\n\n      /* Node text */\n      &-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 2px;\n      }\n\n      /* SVG icon */\n      &-iconEle {\n        display: flex;\n      }\n\n      &-checkbox {\n        margin-right: 8px;\n      }\n\n      &-treenode {\n        display: flex;\n        align-items: center;\n        margin: 4px 0;\n        padding: 0;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n\n        ${size ? theme.label[size].bold : theme.label.medium.bold}\n\n        &-disabled {\n          color: ${theme.onSurface.inactive.default.text.subtle};\n          cursor: not-allowed;\n\n          .${prefixCls}-checkbox {\n            pointer-events: none;\n          }\n        }\n\n        span {\n          ${Checkbox}\n        }\n\n        &:not(&-show-line) {\n          .${prefixCls}-treenode {\n            .${prefixCls}-switcher-noop {\n              background: none;\n            }\n          }\n        }\n      }\n    }\n  `}\n`;\n\nconst ExpandButton = styled.button`\n  display: flex;\n  align-items: center;\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n`;\n\nexport { Tree, ExpandButton };\n"],"names":["Checkbox","css","prefixCls","Tree","styled","RCTree","theme","size","ExpandButton"],"mappings":";;AAOA,MAAMA,IAAWC;AAAA,IACb,CAAC,EAAE,WAAAC,EAAA,MAAgBD;AAAA,QACfC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRA,CAAS,+BAA+BA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,WAK/CA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMnDA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,GAK3D;AAAA,GAGGC,IAAOC,EAAOC,CAA8E;AAAA,IAC9F,CAAC,EAAE,WAAAH,GAAW,OAAAI,GAAO,MAAAC,EAAW,MAAAN;AAAA,MAC9BK,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA,aAGdA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA,OAEjDJ,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsCNK,IAAOD,EAAM,MAAMC,CAAI,EAAE,OAAOD,EAAM,MAAM,OAAO,IAAI;AAAA;AAAA;AAAA,mBAG9CA,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,aAGlDJ,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMVF,CAAQ;AAAA;AAAA;AAAA;AAAA,aAIPE,CAAS;AAAA,eACPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrB;AAAA,GAGGM,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTree/Tree.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TreeProps as RcTreeProps } from 'rc-tree';
 import { DataNode } from 'rc-tree/lib/interface';
-import { Sizes } from '..\..\react-base\src';
+import { Sizes } from 'acinguiux-ds-react-base';
 export type DeprecatedTreeSize = Sizes.Small | Sizes.Medium | Sizes.Large;
 export interface ITreeProps extends Omit<RcTreeProps, 'prefixCls' | 'treeData'> {
     checkable?: boolean;

package/build/esm/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.js

@@ -1,9 +1,9 @@
-import { jsxs as u, Fragment as f, jsx as n } from "react/jsx-runtime";
-import { useRef as o } from "react";
-import a from "../../../Checkbox/Checkbox.js";
-import { TREE_CHECKBOX_CHECKED_CLASS as i, TREE_CHECKBOX_UNCHECKED_CLASS as h, TREE_CHECKBOX_INDETERMINATE_CLASS as k } from "../../../../react-base/src/consts.js";
+import { jsxs as u, Fragment as f, jsx as a } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import { TREE_CHECKBOX_CHECKED_CLASS as i, TREE_CHECKBOX_UNCHECKED_CLASS as h, TREE_CHECKBOX_INDETERMINATE_CLASS as k } from "../../../../react-base/build/esm/consts.js";
+import o from "../../../Checkbox/Checkbox.js";
 const N = ({ size: e, disabled: r }) => {
-  const t = o(null), s = o(null), l = o(null), c = (m) => {
+  const t = n(null), s = n(null), l = n(null), c = (m) => {
     const E = m.target === t.current ? s : t;
     setTimeout(() => {
       var C;
@@ -11,8 +11,8 @@ const N = ({ size: e, disabled: r }) => {
     }, 0);
   };
   return /* @__PURE__ */ u(f, { children: [
-    /* @__PURE__ */ n(
-      a,
+    /* @__PURE__ */ a(
+      o,
       {
         "aria-label": "Checked",
         checked: !0,
@@ -23,8 +23,8 @@ const N = ({ size: e, disabled: r }) => {
         ref: t
       }
     ),
-    /* @__PURE__ */ n(
-      a,
+    /* @__PURE__ */ a(
+      o,
       {
         "aria-label": "Unchecked",
         className: h,
@@ -34,8 +34,8 @@ const N = ({ size: e, disabled: r }) => {
         ref: s
       }
     ),
-    /* @__PURE__ */ n(
-      a,
+    /* @__PURE__ */ a(
+      o,
       {
         "aria-label": "Indeterminate",
         indeterminate: !0,

package/build/esm/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCheckboxes.js","sources":["../../../../../../src/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.tsx"],"sourcesContent":["import { MouseEvent, ReactElement, useRef } from 'react';\n\nimport {\n  TREE_CHECKBOX_CHECKED_CLASS,\n  TREE_CHECKBOX_UNCHECKED_CLASS,\n  TREE_CHECKBOX_INDETERMINATE_CLASS,\n} from 'acinguiux-ds-react-base';\n\nimport { ICheckboxProps } from '../../../Checkbox/Checkbox.types';\nimport Checkbox from '../../../Checkbox/Checkbox';\n\nconst TreeCheckboxes = ({ size, disabled }: { size: ICheckboxProps['size']; disabled: boolean }): ReactElement => {\n  const checkedRef = useRef<HTMLInputElement | null>(null);\n  const uncheckedRef = useRef<HTMLInputElement | null>(null);\n  const indeterminateRef = useRef<HTMLInputElement | null>(null);\n\n  const onClick = (event: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => {\n    const refToFocus = event.target === checkedRef.current ? uncheckedRef : checkedRef;\n    setTimeout(() => {\n      refToFocus.current?.focus();\n    }, 0);\n  };\n\n  return (\n    <>\n      <Checkbox\n        aria-label=\"Checked\"\n        checked\n        className={TREE_CHECKBOX_CHECKED_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={checkedRef}\n      />\n      <Checkbox\n        aria-label=\"Unchecked\"\n        className={TREE_CHECKBOX_UNCHECKED_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={uncheckedRef}\n      />\n      <Checkbox\n        aria-label=\"Indeterminate\"\n        indeterminate\n        checked\n        className={TREE_CHECKBOX_INDETERMINATE_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={indeterminateRef}\n      />\n    </>\n  );\n};\n\nexport default TreeCheckboxes;\n"],"names":["TreeCheckboxes","size","disabled","checkedRef","useRef","uncheckedRef","indeterminateRef","onClick","event","refToFocus","_a","jsxs","Fragment","jsx","Checkbox","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":";;;;AAWA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAC,QAAkF;AAC1G,QAAAC,IAAaC,EAAgC,IAAI,GACjDC,IAAeD,EAAgC,IAAI,GACnDE,IAAmBF,EAAgC,IAAI,GAEvDG,IAAU,CAACC,MAA+D;AAC9E,UAAMC,IAAaD,EAAM,WAAWL,EAAW,UAAUE,IAAeF;AACxE,eAAW,MAAM;;AACf,OAAAO,IAAAD,EAAW,YAAX,QAAAC,EAAoB;AAAA,OACnB,CAAC;AAAA,EAAA;AAGN,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAWC;AAAA,QACX,MAAAd;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKJ;AAAA,MAAA;AAAA,IACP;AAAA,IACA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWE;AAAA,QACX,MAAAf;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKF;AAAA,MAAA;AAAA,IACP;AAAA,IACA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,eAAa;AAAA,QACb,SAAO;AAAA,QACP,WAAWG;AAAA,QACX,MAAAhB;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKD;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"TreeCheckboxes.js","sources":["../../../../../../src/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.tsx"],"sourcesContent":["import { MouseEvent, ReactElement, useRef } from 'react';\n\nimport {\n  TREE_CHECKBOX_CHECKED_CLASS,\n  TREE_CHECKBOX_UNCHECKED_CLASS,\n  TREE_CHECKBOX_INDETERMINATE_CLASS,\n} from 'acinguiux-ds-react-base';\n\nimport { ICheckboxProps } from '../../../Checkbox/Checkbox.types';\nimport Checkbox from '../../../Checkbox/Checkbox';\n\nconst TreeCheckboxes = ({ size, disabled }: { size: ICheckboxProps['size']; disabled: boolean }): ReactElement => {\n  const checkedRef = useRef<HTMLInputElement | null>(null);\n  const uncheckedRef = useRef<HTMLInputElement | null>(null);\n  const indeterminateRef = useRef<HTMLInputElement | null>(null);\n\n  const onClick = (event: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => {\n    const refToFocus = event.target === checkedRef.current ? uncheckedRef : checkedRef;\n    setTimeout(() => {\n      refToFocus.current?.focus();\n    }, 0);\n  };\n\n  return (\n    <>\n      <Checkbox\n        aria-label=\"Checked\"\n        checked\n        className={TREE_CHECKBOX_CHECKED_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={checkedRef}\n      />\n      <Checkbox\n        aria-label=\"Unchecked\"\n        className={TREE_CHECKBOX_UNCHECKED_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={uncheckedRef}\n      />\n      <Checkbox\n        aria-label=\"Indeterminate\"\n        indeterminate\n        checked\n        className={TREE_CHECKBOX_INDETERMINATE_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={indeterminateRef}\n      />\n    </>\n  );\n};\n\nexport default TreeCheckboxes;\n"],"names":["TreeCheckboxes","size","disabled","checkedRef","useRef","uncheckedRef","indeterminateRef","onClick","event","refToFocus","_a","jsxs","Fragment","jsx","Checkbox","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":";;;;AAWA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAC,QAAkF;AAC1G,QAAAC,IAAaC,EAAgC,IAAI,GACjDC,IAAeD,EAAgC,IAAI,GACnDE,IAAmBF,EAAgC,IAAI,GAEvDG,IAAU,CAACC,MAA+D;AAC9E,UAAMC,IAAaD,EAAM,WAAWL,EAAW,UAAUE,IAAeF;AACxE,eAAW,MAAM;;AACf,OAAAO,IAAAD,EAAW,YAAX,QAAAC,EAAoB;AAAA,OACnB,CAAC;AAAA,EACN;AAEA,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAWC;AAAAA,QACX,MAAAd;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKJ;AAAA,MAAA;AAAA,IACP;AAAA,IACA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWE;AAAAA,QACX,MAAAf;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKF;AAAA,MAAA;AAAA,IACP;AAAA,IACA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,eAAa;AAAA,QACb,SAAO;AAAA,QACP,WAAWG;AAAAA,QACX,MAAAhB;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKD;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/build/esm/components/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-declare const Divider: import("react").ForwardRefExoticComponent<import("..\..\react-base\src/components/Divider/Divider.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
+declare const Divider: import("react").ForwardRefExoticComponent<import("acinguiux-ds-react-base/build/esm/components/Divider/Divider.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
 export default Divider;
 //# sourceMappingURL=Divider.d.ts.map

package/build/esm/components/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AAQA,QAAA,MAAM,OAAO,wRAcX,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AAQA,QAAA,MAAM,OAAO,8RAeX,CAAC;AAEH,eAAe,OAAO,CAAC"}