npm - acinguiux-ds-react-framework - Versions diffs - 0.1.24 → 0.1.25 - Mend

acinguiux-ds-react-framework 0.1.24 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1571) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactElement } from 'react';\n\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { styled } from 'styled-components';\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../../Button/Button';\nimport Checkbox from '../../Checkbox/Checkbox';\nimport ComposeAlt from '../../Icon/components/ComposeAlt';\nimport EllipsisVertical from '../../Icon/components/EllipsisVertical';\nimport Trash from '../../Icon/components/Trash';\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 type { 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={true}\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={true}\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={true}>\n <Button variant={Variants.Transparent} icon={<EllipsisVertical />} iconOnly={true} aria-label=\"Options\" />\n </PopoverTrigger>\n <PopoverContent>{overlay}</PopoverContent>\n </Popover>\n );\n};\n\nexport const renderTag = <T extends DefaultRecordType>(_: unknown, { product }: T, index: number): ReactElement => {\n if (index === 0) {\n return (\n <StyledTag>\n <Tag sentiment={FabricsVariables.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={FabricsVariables.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={FabricsVariables.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={key}>\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":";;;;;;;;AAsBkBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaJA,EAAOC,CAAM;AAAA;AAAA;AAgG3B,MAAMC,IAAoB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAMMH,EAAQ,WAAW,IAEnB,gBAAAI,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,SAAA,GAAY,UAAA,eAAA,CAAY,EAAA,GADlC,OAEd,IAIGJ,EAAQ,IAAI,CAACM,GAAQC,MAAU;AACpC,QAAMC,IAAM,OAAOF,EAAO,KAAK;AAE/B,SAAIA,EAAO,WAEP,gBAAAF,EAACK,KAA2B,OAAOH,EAAO,MAAM,gBAAgB,GAAGL,CAAS,qBACzE,UAAAF,EAAkB;AAAA,IACjB,SAASO,EAAO;AAAA,IAChB,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,EAAA,GANWK,KAAOD,CAOrB,IAeF,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAZcD,IACd,MACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAgBR,EAAa,SAASM,CAAG;AAAA,MACzC,OAAOF,EAAO,MAAM,SAAA;AAAA,MACpB,SAASJ,EAAa,SAASM,CAAG;AAAA,IAAA;AAAA,EAAA,IAGtC,MAAM,gBAAAJ,EAACO,GAAA,EAAY,SAAST,EAAa,SAASM,CAAG,GAAG,OAAOF,EAAO,MAAM,WAAS,CAAG,GAIvF,CAAA,CAAU,KADEE,CAEf;AAEJ,CAAC;AAGkBX,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTable/utils/sortingUtils.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { DefaultRecordType } from 'rc-table/lib/interface';
+import type { SortState } from '../Table.types';
+/**
+ * getSortData for DeprecatedTable
+ *
+ * @deprecated use `BaseTable` component instead
+ */
+declare const getSortData: <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]) => T[];
+export { getSortData };
+//# sourceMappingURL=sortingUtils.d.ts.map

package/build/esm/components/DeprecatedTable/utils/sortingUtils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sortingUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAqCvE;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,iBAAiB,QAAQ,SAAS,CAAC,EAAE,cAAc,SAAS,CAAC,CAAC,CAAC,EAAE,KAAG,CAAC,EAkBnG,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,26 @@
+import { Sorts as u } from "../../../react-base/src/consts/index.js";
+const l = (t) => typeof t == "function" ? t : t && typeof t == "object" && t.compare ? t.compare : !1, a = (t) => (c, i) => {
+  for (const n of t) {
+    const {
+      column: { sorter: e },
+      sortOrder: r
+    } = n, o = l(e);
+    if (o && r) {
+      const s = o(c, i, r);
+      if (s !== 0)
+        return r === u.Asc ? s : -s;
+    }
+  }
+  return 0;
+}, m = (t, c) => {
+  const i = c.slice().sort(
+    (r, o) => o.multiplePriority - r.multiplePriority
+  ), n = t.slice(), e = i.filter(
+    ({ column: { sorter: r }, sortOrder: o }) => l(r) && o
+  );
+  return e.length ? n.sort(a(e)) : n;
+};
+export {
+  m as getSortData
+};
+//# sourceMappingURL=sortingUtils.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"sortingUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"sourcesContent":["import type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base/consts';\n\nimport type { 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 (const sorterState of runningSorters) {\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\n/**\n * getSortData for DeprecatedTable\n *\n * @deprecated use `BaseTable` component instead\n */\nconst getSortData = <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]): T[] => {\n const innerSorterStates = sortStates\n .slice()\n .sort(\n (sortState1, sortState2) => (sortState2.multiplePriority as number) - (sortState1.multiplePriority as number),\n );\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","sorterState","sortOrder","compareFn","compareResult","Sorts","getSortData","data","sortStates","innerSorterStates","sortState1","sortState2","cloneData"],"mappings":";AAKA,MAAMA,IAAkB,CAA8BC,MAChD,OAAOA,KAAW,aACbA,IAGLA,KAAU,OAAOA,KAAW,YAAYA,EAAO,UAC1CA,EAAO,UAGT,IAGHC,IACJ,CAA8BC,MAC9B,CAACC,GAAYC,MAAe;AAC1B,aAAWC,KAAeH,GAAgB;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,QAAAF,EAAA;AAAA,MACV,WAAAM;AAAA,IAAA,IACED,GAEEE,IAAYR,EAAgBC,CAAM;AAExC,QAAIO,KAAaD,GAAW;AAC1B,YAAME,IAAgBD,EAAUJ,GAASC,GAASE,CAAS;AAE3D,UAAIE,MAAkB;AACpB,eAAOF,MAAcG,EAAM,MAAMD,IAAgB,CAACA;AAAA,IAEtD;AAAA,EACF;AAEA,SAAO;AACT,GAOIE,IAAc,CAA8BC,GAAoBC,MAAoC;AACxG,QAAMC,IAAoBD,EACvB,MAAA,EACA;AAAA,IACC,CAACE,GAAYC,MAAgBA,EAAW,mBAA+BD,EAAW;AAAA,EAAA,GAGhFE,IAAYL,EAAK,MAAA,GAEjBT,IAAiBW,EAAkB;AAAA,IACvC,CAAC,EAAE,QAAQ,EAAE,QAAAb,EAAA,GAAU,WAAAM,QAAgBP,EAAgBC,CAAM,KAAKM;AAAA,EAAA;AAGpE,SAAKJ,EAAe,SAIbc,EAAU,KAAKf,EAAaC,CAAc,CAAC,IAHzCc;AAIX;"}

package/build/esm/components/DeprecatedTable/utils/storiesWrapperUtils.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { Decorator } from '@storybook/react';
+declare const _default: (_name: string, _unknownParamName?: string) => Decorator;
+export default _default;
+//# sourceMappingURL=storiesWrapperUtils.d.ts.map

package/build/esm/components/DeprecatedTable/utils/storiesWrapperUtils.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"storiesWrapperUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeprecatedTable/utils/storiesWrapperUtils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;gCAE3B,MAAM,iCAA+C,SAAS;AAArF,wBACuD"}

package/build/esm/components/DeprecatedTree/Tree.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { type ReactElement } from 'react';
+import type { ITreeProps } from './Tree.types';
+/**
+ *
+ * @deprecated
+ * Use Tree instead of DeprecatedTree
+ */
+declare const Tree: ({ showIcon, loadingIcon, checkable, disabled, size, treeData, ...rest }: ITreeProps) => ReactElement;
+export default Tree;
+//# sourceMappingURL=Tree.d.ts.map

package/build/esm/components/DeprecatedTree/Tree.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedTree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,OAAO,CAAC;AAUhE,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,cAAc,CAAC;AAiCnE;;;;GAIG;AACH,QAAA,MAAM,IAAI,4EAQP,UAAU,KAAG,YA+Bf,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Tree.js","sources":["../../../../src/components/DeprecatedTree/Tree.tsx"],"sourcesContent":["import { type ReactElement, useCallback, useMemo } from 'react';\n\nimport type { TreeNodeProps as RCTreeNodeProps } from 'rc-tree';\nimport type { DataNode } from 'rc-tree/lib/interface';\nimport { Sizes, TREE_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport CaretSmallDown from '../Icon/components/CaretSmallDown';\nimport CaretSmallRight from '../Icon/components/CaretSmallRight';\nimport Loading from '../Loading/Loading';\nimport * as Styled from './Tree.styles';\nimport type { 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 const switcherIcon = useCallback(\n ({ 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 [loadingIcon, size],\n );\n\n return (\n <Styled.Tree\n size={size}\n checkable={checkable ? <TreeCheckboxes size={size} disabled={disabled} /> : undefined}\n prefixCls={TREE_CLASS}\n switcherIcon={switcherIcon}\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","switcherIcon","useCallback","isLeaf","loading","expanded","caretSize","jsx","Loading","Styled.ExpandButton","CaretSmallDown","CaretSmallRight","Styled.Tree","TreeCheckboxes","TREE_CLASS"],"mappings":";;;;;;;;;AAaA,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;AACtB,UAAMC,IAAKH,EAAWE,EAAU,QAAQ;AAExC,WAAO,EAAE,GAAGA,GAAW,UAAU,IAAM,UAAUC,EAAA;AAAA,EACnD;AAEA,SAAO,EAAE,GAAGD,GAAW,UAAU,GAAA;AACnC,CAAC,GAEGE,IAAa,CAACC,MAClBA,EAAK,IAAI,CAACC,MACJA,EAAK,WACHA,EAAK,WACA,EAAE,GAAGA,GAAM,UAAU,IAAM,UAAUN,EAAWM,EAAK,QAAQ,EAAA,IAG/D,EAAE,GAAGA,GAAM,UAAUF,EAAWE,EAAK,QAAQ,GAAG,MAAM,WAAA,IAGxD,EAAE,GAAGA,GAAM,MAAM,WAAA,CACzB,GAOGC,IAAO,CAAC;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO,GAAGb,EAAM,MAAM;AAAA,EACtB,UAAAc;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAWC,EAAQ,MAAOH,IAAWT,EAAWS,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC,GAClFI,IAAeC;AAAA,IACnB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,QAAgC;AAClD,YAAMC,IAAYxB,EAAYc,CAAI;AAElC,aAAIO,IAAe,gBAAAI,EAAC,QAAA,EAAK,OAAO,EAAE,YAAY,GAAGD,CAAS,KAAA,EAAK,CAAG,IAC9DF,IAAgBX,uBAAgBe,GAAA,EAAQ,MAAMzB,EAAM,OAAO,IAK7D,gBAAAwB,EAACE,GAAA,EACC,UAAA,gBAAAF,EAJSF,IAAWK,IAAiBC,KAI/B,OAAOL,GAAW,QAAQA,EAAA,CAAW,EAAA,CAC7C;AAAA,IAEJ;AAAA,IACA,CAACb,GAAaG,CAAI;AAAA,EAAA;AAGpB,SACE,gBAAAW;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,MAAAhB;AAAA,MACA,WAAWF,IAAY,gBAAAa,EAACM,GAAA,EAAe,MAAAjB,GAAY,UAAAD,GAAoB,IAAK;AAAA,MAC5E,WAAWmB;AAAA,MACX,cAAAb;AAAA,MACA,UAAAT;AAAA,MACA,UAAUO;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/build/esm/components/DeprecatedTree/Tree.styles.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { type TreeProps as RcTreeProps } from 'rc-tree';
+import type { ITreeProps } from './Tree.types';
+declare const Tree: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RcTreeProps<import("rc-tree/lib/interface").DataNode>, RcTreeProps<import("rc-tree/lib/interface").DataNode> & Pick<ITreeProps, "size">>> & string & Omit<FunctionComponent<RcTreeProps<import("rc-tree/lib/interface").DataNode>>, keyof import("react").Component<any, {}, any>>;
+declare const ExpandButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { Tree, ExpandButton };
+//# sourceMappingURL=Tree.styles.d.ts.map

package/build/esm/components/DeprecatedTree/Tree.styles.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tree.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"names":[],"mappings":"AAAC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAe,EAAE,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AAIhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAoC/C,QAAA,MAAM,IAAI,yYAsET,CAAC;AAEF,QAAA,MAAM,YAAY,yOAOjB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/build/esm/components/DeprecatedTree/Tree.styles.js ADDED Viewed

@@ -0,0 +1,118 @@
+import c from "rc-tree";
+import { styled as t, css as o } from "styled-components";
+import { Variables as a } from "../../react-base/src/theme/types/layer.js";
+const i = o`
+  ${({ prefixCls: e }) => o`
+    &.${e}-checkbox {
+      .acinguiux-checkbox-label {
+        display: none;
+      }
+      .${e}-checkbox-wrapper-checked, .${e}-checkbox-wrapper-indeterminate {
+        display: none;
+      }
+      &-checked {
+        .${e}-checkbox-wrapper-checked {
+          display: initial;
+        }
+        .${e}-checkbox-wrapper-unchecked, .${e}-checkbox-wrapper-indeterminate {
+          display: none;
+        }
+      }
+      &-indeterminate {
+        .${e}-checkbox-wrapper-indeterminate {
+          display: initial;
+        }
+        .${e}-checkbox-wrapper-unchecked, .${e}-checkbox-wrapper-checked {
+          display: none;
+        }
+      }
+    }
+  `}
+`, s = t(c)`
+  ${({ prefixCls: e, theme: n, size: r }) => o`
+    ${n.typography("heading", "extraSmall")}
+    margin: 0;
+    border: 1px solid transparent;
+    color: ${n.layer({ foundation: "surface" })[a.TextOnFoundationStrong]};
+    .${e} {
+      /* Caret toggle */
+      &-switcher {
+        display: flex;
+        margin-right: 8px;
+      }
+      /* Indent placeholder */
+      &-indent-unit {
+        display: inline-flex;
+        width: 32px;
+      }
+      /* Node text */
+      &-node-content-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 2px;
+      }
+      /* SVG icon */
+      &-iconEle {
+        display: flex;
+      }
+      &-checkbox {
+        margin-right: 8px;
+      }
+      &-treenode {
+        display: flex;
+        align-items: center;
+        margin: 4px 0;
+        padding: 0;
+        white-space: nowrap;
+        list-style: none;
+        outline: 0;
+        ${n.typography("label", r ?? "medium", "strong")}
+        &-disabled {
+          color: ${n.layer({ foundation: "surface", disabled: !0 })[a.TextOnFoundationSubtle]};
+          cursor: not-allowed;
+          .${e}-checkbox {
+            pointer-events: none;
+          }
+        }
+        span {
+          ${i}
+        }
+        &:not(&-show-line) {
+          .${e}-treenode {
+            .${e}-switcher-noop {
+              background: none;
+            }
+          }
+        }
+      }
+    }
+  `}
+`, h = t.button`
+  display: flex;
+  align-items: center;
+  border: none;
+  background: transparent;
+  padding: 0;
+  margin: 0;
+`;
+export {
+  h as ExpandButton,
+  s as Tree
+};
+//# sourceMappingURL=Tree.styles.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\nimport { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { 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>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${theme.typography('heading', 'extraSmall')}\n margin: 0;\n border: 1px solid transparent;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\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 ${theme.typography('label', size ?? 'medium', 'strong')}\n\n &-disabled {\n color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\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","Variables","ExpandButton"],"mappings":";;;AAQA,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,CAAmD;AAAA,IACnE,CAAC,EAAE,WAAAH,GAAW,OAAAI,GAAO,MAAAC,QAAWN;AAAA,MAC9BK,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA,aAGlCA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA,OAE9EN,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,UAsCNI,EAAM,WAAW,SAASC,KAAQ,UAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,mBAG5CD,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,IAAM,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,aAG9FN,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,GAGGO,IAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import type { TreeProps as RcTreeProps } from 'rc-tree';
+import type { DataNode } from 'rc-tree/lib/interface';
+import { Sizes } from '../../react-base/src/consts';
+export type DeprecatedTreeSize = `${Sizes.Small | Sizes.Medium | Sizes.Large}`;
+export interface ITreeProps extends Omit<RcTreeProps, 'prefixCls' | 'treeData'> {
+    checkable?: boolean;
+    loadingIcon?: ReactElement;
+    size?: DeprecatedTreeSize;
+    treeData?: DataNode[];
+}
+//# sourceMappingURL=Tree.types.d.ts.map

package/build/esm/components/DeprecatedTree/Tree.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tree.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedTree/Tree.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB"}

package/build/esm/components/DeprecatedTree/Tree.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ //# sourceMappingURL=Tree.types.js.map

package/build/esm/components/DeprecatedTree/Tree.types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Tree.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/esm/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import type { ICheckboxProps } from '../../../Checkbox/Checkbox.types';
+declare const TreeCheckboxes: ({ size, disabled }: {
+    size: ICheckboxProps["size"];
+    disabled: boolean;
+}) => ReactElement;
+export default TreeCheckboxes;
+//# sourceMappingURL=TreeCheckboxes.d.ts.map

package/build/esm/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TreeCheckboxes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AAQnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGvE,QAAA,MAAM,cAAc,uBAAwB;IAAE,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,KAAG,YA2CjG,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,54 @@
+import { jsxs as u, Fragment as E, jsx as n } from "react/jsx-runtime";
+import { useRef as o } from "react";
+import { TREE_CHECKBOX_CHECKED_CLASS as f, TREE_CHECKBOX_UNCHECKED_CLASS as i, TREE_CHECKBOX_INDETERMINATE_CLASS as h } from "../../../../react-base/src/consts/classes.js";
+import a from "../../../Checkbox/Checkbox.js";
+const d = ({ size: e, disabled: r }) => {
+  const c = o(null), s = o(null), C = o(null), t = (l) => {
+    const m = l.currentTarget === c.current ? s : c;
+    setTimeout(() => {
+      m.current?.focus();
+    }, 0);
+  };
+  return /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ n(
+      a,
+      {
+        "aria-label": "Checked",
+        checked: !0,
+        className: f,
+        size: e,
+        disabled: r,
+        onClick: t,
+        ref: c
+      }
+    ),
+    /* @__PURE__ */ n(
+      a,
+      {
+        "aria-label": "Unchecked",
+        className: i,
+        size: e,
+        disabled: r,
+        onClick: t,
+        ref: s
+      }
+    ),
+    /* @__PURE__ */ n(
+      a,
+      {
+        "aria-label": "Indeterminate",
+        indeterminate: !0,
+        checked: !0,
+        className: h,
+        size: e,
+        disabled: r,
+        onClick: t,
+        ref: C
+      }
+    )
+  ] });
+};
+export {
+  d as default
+};
+//# sourceMappingURL=TreeCheckboxes.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"TreeCheckboxes.js","sources":["../../../../../../src/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.tsx"],"sourcesContent":["import { type MouseEvent, type 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/consts';\n\nimport type { 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.currentTarget === 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={true}\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={true}\n checked={true}\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","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;AAChH,QAAMC,IAAaC,EAAgC,IAAI,GACjDC,IAAeD,EAAgC,IAAI,GACnDE,IAAmBF,EAAgC,IAAI,GAEvDG,IAAU,CAACC,MAA+D;AAC9E,UAAMC,IAAaD,EAAM,kBAAkBL,EAAW,UAAUE,IAAeF;AAC/E,eAAW,MAAM;AACf,MAAAM,EAAW,SAAS,MAAA;AAAA,IACtB,GAAG,CAAC;AAAA,EACN;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS;AAAA,QACT,WAAWC;AAAA,QACX,MAAAb;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWE;AAAA,QACX,MAAAd;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAWG;AAAA,QACX,MAAAf;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKD;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/build/esm/components/Drawer/Drawer.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,KAAK,oBAAoB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;AAEnF,QAAA,MAAM,MAAM,gSAyMX,CAAC;AAEF,KAAK,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC;AACzG,QAAA,MAAM,aAAa;gBAEH,OAAO;gBACP,OAAO;~~YA2BtB~~,CAAC;AAaF,QAAA,MAAM,mBAAmB,6NAGxB,CAAC;AAEF,QAAA,MAAM,YAAY;;~~yDAgBjB~~,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAWjB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}
1	+ {"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,KAAK,oBAAoB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;AAEnF,QAAA,MAAM,MAAM,gSAyMX,CAAC;AAEF,KAAK,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC;AACzG,QAAA,MAAM,aAAa;gBAEH,OAAO;gBACP,OAAO;YA4BtB,CAAC;AAaF,QAAA,MAAM,mBAAmB,6NAGxB,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAqBjB,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAWjB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}

package/build/esm/components/Drawer/Drawer.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import v from "rc-drawer";
+import $ from "rc-drawer";
 import { css as a, styled as i } from "styled-components";
 import { ZIndexes as m } from "../../react-base/src/consts/index.js";
 import { Variables as d } from "../../react-base/src/theme/types/layer.js";
@@ -15,9 +15,9 @@ const f = (t = !1) => t ? "raised" : "surface", c = a`
       transition: all 0.3s ease-out;
     }
   }
-`, k = i(v)`
-  ${({ prefixCls: t, theme: o, $sticky: n, $bgColor: s, $elevation: p, $zIndex: e }) => {
-  const l = o.layer({ foundation: s ? "base" : f(p) });
+`, y = i($)`
+  ${({ prefixCls: t, theme: n, $sticky: o, $bgColor: s, $elevation: p, $zIndex: e }) => {
+  const l = n.layer({ foundation: s ? "base" : f(p) });
   return a`
       z-index: ${e ?? m.DRAWER};
       position: fixed;
@@ -35,7 +35,7 @@ const f = (t = !1) => t ? "raised" : "surface", c = a`
           inset: 0;
           z-index: ${e ?? m.DRAWER};
           pointer-events: auto;
-          background-color: ${o.globals("others").mask};
+          background-color: ${n.globals("others").mask};
           &.mask-motion {
             &-enter,
@@ -202,79 +202,85 @@ const f = (t = !1) => t ? "raised" : "surface", c = a`
           background: ${l[d.BackgroundFoundation]};
           overflow: hidden;
-          ${!n && a`
+          ${!o && a`
             overflow-y: auto;
           `}
           ${p && a`
-            filter: ${o.dropShadows.high1};
+            filter: ${n.dropShadows.high1};
           `}
         }
       }
     `;
 }}
-`, x = i.div`
-  ${({ $size: t, $padding: o, $sticky: n, $headerBorder: s, $footerBorder: p, $hasHeader: e, $hasFooter: l, $bgColor: u }) => a`
+`, k = i.div`
+  ${({ $size: t, $padding: n, $sticky: o, $headerBorder: s, $footerBorder: p, $hasHeader: e, $hasFooter: l, $bgColor: g }) => a`
     display: flex;
     flex-direction: column;
+    height: 100%;
-    ${n && a`
+    ${o && a`
       overflow-y: auto;
     `}
-    ${o && a`
-      padding-inline: ${r[t].padding};
+    ${n && a`
+      padding-inline: ${r[t].padding}px;
     `}
-     ${(e && (s || u) || !e) && a`
-      padding-block-start: ${r[t].padding};
+     ${(e && (s || g) || !e) && a`
+      padding-block-start: ${r[t].padding}px;
     `}
-        ${(l && (p || u) || !l) && a`
-      padding-block-end: ${r[t].padding};
+        ${(l && (p || g) || !l) && a`
+      padding-block-end: ${r[t].padding}px;
     `}
   `}
-`, $ = i.div`
-  ${({ $size: t, $elevation: o, theme: n }) => a`
+`, u = i.div`
+  ${({ $size: t, $elevation: n, theme: o }) => a`
     z-index: ${m.ELEVATED};
     display: flex;
     align-items: flex-start;
     min-height: auto;
-    padding: ${r[t].padding};
-    background: ${n.layer({ foundation: f(o) })[d.BackgroundFoundation]};
+    padding: ${r[t].padding}px;
+    background: ${o.layer({ foundation: f(n) })[d.BackgroundFoundation]};
   `}
 `, D = i.div`
   flex: 1 0 0;
   align-self: center;
-`, R = i($)`
-  ${({ $headerBorder: t, $elevation: o, $size: n, theme: s }) => a`
+`, R = i(u)`
+  ${({ $headerBorder: t, $elevation: n, $size: o, theme: s }) => a`
     gap: 12px;
     & > button:first-child {
-      min-width: ${r[n].backIconSize};
-      width: ${r[n].backIconSize};
-      max-width: ${r[n].backIconSize};
+      min-width: ${r[o].backIconSize};
+      width: ${r[o].backIconSize};
+      max-width: ${r[o].backIconSize};
+    }
+    & > button:last-child {
+      margin-right: ${-r[o].padding / 2}px;
+      margin-top: ${-r[o].padding / 2}px;
     }
     ${t && a`
       border-bottom: 1px solid
-        ${s.layer({ foundation: f(o) })[d.BorderOnFoundationSubtle]};
+        ${s.layer({ foundation: f(n) })[d.BorderOnFoundationSubtle]};
     `}
   `}
-`, X = i($)`
-  ${({ $footerBorder: t, $elevation: o, theme: n }) => a`
+`, X = i(u)`
+  ${({ $footerBorder: t, $elevation: n, theme: o }) => a`
     width: 100%;
     margin-top: auto;
     ${t && a`
       border-top: 1px solid
-        ${n.layer({ foundation: f(o) })[d.BorderOnFoundationSubtle]};
+        ${o.layer({ foundation: f(n) })[d.BorderOnFoundationSubtle]};
     `}
   `}
 `;
 export {
-  k as Drawer,
-  x as DrawerContent,
+  y as Drawer,
+  k as DrawerContent,
   X as DrawerFooter,
   R as DrawerHeader,
   D as DrawerHeaderContent

package/build/esm/components/Drawer/Drawer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' \| 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n &-enter,\n &-appear,\n &-leave {\n &-start {\n transition: none;\n }\n\n &-active {\n transition: all 0.3s ease-out;\n }\n }\n`;\n\ntype StyledDrawerPropKeys = 'elevation' \| 'sticky' \| 'bgColor' \| 'zIndex';\nexport type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;\n\nconst Drawer = styled(RcDrawer)<IStyledDrawerProps>`\n ${({ prefixCls, theme, $sticky, $bgColor, $elevation, $zIndex }) => {\n const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n return css`\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n position: fixed;\n inset: 0;\n color: ${layer[Variables.TextOnFoundationStrong]};\n pointer-events: none;\n\n &.${prefixCls}-inline {\n position: absolute;\n }\n\n .${prefixCls} {\n &-mask {\n position: absolute;\n inset: 0;\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n pointer-events: auto;\n background-color: ${theme.globals('others').mask};\n\n &.mask-motion {\n &-enter,\n &-appear,\n &-leave {\n &-active {\n transition: all 0.3s;\n }\n }\n\n &-enter,\n &-appear {\n opacity: 0;\n\n &-active {\n opacity: 1;\n }\n }\n\n &-leave {\n opacity: 1;\n\n &-active {\n opacity: 0;\n }\n }\n }\n }\n\n &-content-wrapper {\n position: absolute;\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n transition: transform 0.3s ease-out;\n\n &-hidden {\n display: none;\n }\n\n .${prefixCls}-left& {\n top: 0;\n bottom: 0;\n left: 0;\n }\n\n .${prefixCls}-right& {\n top: 0;\n right: 0;\n bottom: 0;\n }\n\n .${prefixCls}-top& {\n top: 0;\n right: 0;\n left: 0;\n }\n\n .${prefixCls}-bottom& {\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &.panel-motion {\n /* Left /\n &-left {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(-100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(-100%);\n }\n }\n }\n\n / Right /\n &-right {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(100%);\n }\n }\n }\n\n / Top /\n &-top {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(-100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(-100%);\n }\n }\n }\n\n / Bottom */\n &-bottom {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(100%);\n }\n }\n }\n }\n }\n\n &-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n pointer-events: auto;\n background: ${layer[Variables.BackgroundFoundation]};\n overflow: hidden;\n\n ${!$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$elevation &&\n css`\n filter: ${theme.dropShadows.high1};\n `}\n }\n }\n `;\n }}\n`;\n\ntype DrawerContentPropKeys = 'size' \| 'padding' \| 'sticky' \| 'headerBorder' \| 'footerBorder' \| 'bgColor';\nconst DrawerContent = styled.div<\n Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n $hasHeader: boolean;\n $hasFooter: boolean;\n }\n>`\n ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n display: flex;\n flex-direction: column;\n\n ${$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$padding &&\n css`\n padding-inline: ${DrawerConsts.consts[$size].padding};\n `}\n\n ${(($hasHeader && ($headerBorder \|\| $bgColor)) \|\| !$hasHeader) &&\n css`\n padding-block-start: ${DrawerConsts.consts[$size].padding};\n `}\n\n ${(($hasFooter && ($footerBorder \|\| $bgColor)) \|\| !$hasFooter) &&\n css`\n padding-block-end: ${DrawerConsts.consts[$size].padding};\n `}\n `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n ${({ $size, $elevation, theme }) => css`\n z-index: ${ZIndexes.ELEVATED};\n display: flex;\n align-items: flex-start;\n min-height: auto;\n padding: ${DrawerConsts.consts[$size].padding};\n background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n flex: 1 0 0;\n align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n ${({ $headerBorder, $elevation, $size, theme }) => css`\n gap: 12px;\n\n & > button:first-child {\n min-width: ${DrawerConsts.consts[$size].backIconSize};\n width: ${DrawerConsts.consts[$size].backIconSize};\n max-width: ${DrawerConsts.consts[$size].backIconSize};\n }\n\n ${$headerBorder &&\n css`\n border-bottom: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n ${({ $footerBorder, $elevation, theme }) => css`\n width: 100%;\n margin-top: auto;\n\n ${$footerBorder &&\n css`\n border-top: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","$zIndex","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}
1	+ {"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' \| 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n &-enter,\n &-appear,\n &-leave {\n &-start {\n transition: none;\n }\n\n &-active {\n transition: all 0.3s ease-out;\n }\n }\n`;\n\ntype StyledDrawerPropKeys = 'elevation' \| 'sticky' \| 'bgColor' \| 'zIndex';\nexport type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;\n\nconst Drawer = styled(RcDrawer)<IStyledDrawerProps>`\n ${({ prefixCls, theme, $sticky, $bgColor, $elevation, $zIndex }) => {\n const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n return css`\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n position: fixed;\n inset: 0;\n color: ${layer[Variables.TextOnFoundationStrong]};\n pointer-events: none;\n\n &.${prefixCls}-inline {\n position: absolute;\n }\n\n .${prefixCls} {\n &-mask {\n position: absolute;\n inset: 0;\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n pointer-events: auto;\n background-color: ${theme.globals('others').mask};\n\n &.mask-motion {\n &-enter,\n &-appear,\n &-leave {\n &-active {\n transition: all 0.3s;\n }\n }\n\n &-enter,\n &-appear {\n opacity: 0;\n\n &-active {\n opacity: 1;\n }\n }\n\n &-leave {\n opacity: 1;\n\n &-active {\n opacity: 0;\n }\n }\n }\n }\n\n &-content-wrapper {\n position: absolute;\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n transition: transform 0.3s ease-out;\n\n &-hidden {\n display: none;\n }\n\n .${prefixCls}-left& {\n top: 0;\n bottom: 0;\n left: 0;\n }\n\n .${prefixCls}-right& {\n top: 0;\n right: 0;\n bottom: 0;\n }\n\n .${prefixCls}-top& {\n top: 0;\n right: 0;\n left: 0;\n }\n\n .${prefixCls}-bottom& {\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &.panel-motion {\n /* Left /\n &-left {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(-100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(-100%);\n }\n }\n }\n\n / Right /\n &-right {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(100%);\n }\n }\n }\n\n / Top /\n &-top {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(-100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(-100%);\n }\n }\n }\n\n / Bottom */\n &-bottom {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(100%);\n }\n }\n }\n }\n }\n\n &-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n pointer-events: auto;\n background: ${layer[Variables.BackgroundFoundation]};\n overflow: hidden;\n\n ${!$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$elevation &&\n css`\n filter: ${theme.dropShadows.high1};\n `}\n }\n }\n `;\n }}\n`;\n\ntype DrawerContentPropKeys = 'size' \| 'padding' \| 'sticky' \| 'headerBorder' \| 'footerBorder' \| 'bgColor';\nconst DrawerContent = styled.div<\n Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n $hasHeader: boolean;\n $hasFooter: boolean;\n }\n>`\n ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n display: flex;\n flex-direction: column;\n height: 100%;\n\n ${$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$padding &&\n css`\n padding-inline: ${DrawerConsts.consts[$size].padding}px;\n `}\n\n ${(($hasHeader && ($headerBorder \|\| $bgColor)) \|\| !$hasHeader) &&\n css`\n padding-block-start: ${DrawerConsts.consts[$size].padding}px;\n `}\n\n ${(($hasFooter && ($footerBorder \|\| $bgColor)) \|\| !$hasFooter) &&\n css`\n padding-block-end: ${DrawerConsts.consts[$size].padding}px;\n `}\n `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n ${({ $size, $elevation, theme }) => css`\n z-index: ${ZIndexes.ELEVATED};\n display: flex;\n align-items: flex-start;\n min-height: auto;\n padding: ${DrawerConsts.consts[$size].padding}px;\n background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n flex: 1 0 0;\n align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n ${({ $headerBorder, $elevation, $size, theme }) => css`\n gap: 12px;\n\n & > button:first-child {\n min-width: ${DrawerConsts.consts[$size].backIconSize};\n width: ${DrawerConsts.consts[$size].backIconSize};\n max-width: ${DrawerConsts.consts[$size].backIconSize};\n }\n\n & > button:last-child {\n margin-right: ${-DrawerConsts.consts[$size].padding / 2}px;\n margin-top: ${-DrawerConsts.consts[$size].padding / 2}px;\n }\n\n ${$headerBorder &&\n css`\n border-bottom: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n ${({ $footerBorder, $elevation, theme }) => css`\n width: 100%;\n margin-top: auto;\n\n ${$footerBorder &&\n css`\n border-top: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","$zIndex","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}