acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/cjs/components/Table/utils/draggable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),a=require("react"),e=require("@dnd-kit/core"),n=require("@dnd-kit/sortable"),I=require("../components/Draggable/Header.js"),R=require("../components/Draggable/Row.js"),j=(C,{onDataMove:c}={})=>({useDraggable:(d,S)=>{const x=e.useSensors(e.useSensor(e.MouseSensor,{}),e.useSensor(e.TouchSensor,{}),e.useSensor(e.KeyboardSensor,{})),m=d.getState(),i=d.getRowModel().rowsById,b=a.useMemo(()=>Object.keys(i),[i]),o=a.useMemo(()=>m.columnOrder,[m]),w=a.useCallback(t=>{var y,O;const{active:r,over:s}=t;if(r&&s&&r.id!==s.id&&((y=r.data.current)==null?void 0:y.kind)==="column"){const u=o.indexOf(r.id),l=o.indexOf(s.id);d.setColumnOrder(n.arrayMove(o,u,l));return}if(r&&s&&r.id!==s.id&&((O=r.data.current)==null?void 0:O.kind)==="row"){const u=i[`${r.id}`].index,l=i[`${s.id}`].index;c==null||c(n.arrayMove(S,u,l))}},[o,d,i,S]);return a.useMemo(()=>({draggable:C,Components:{Provider:({children:t})=>g.jsx(e.DndContext,{collisionDetection:e.closestCenter,onDragEnd:w,sensors:x,children:t}),Row:R.DraggableRow,RowProvider:({children:t})=>g.jsx(n.SortableContext,{items:b,strategy:n.verticalListSortingStrategy,children:t}),Header:I.DraggableHeader,HeaderProvider:({children:t})=>g.jsx(n.SortableContext,{id:"columns",items:o,strategy:n.horizontalListSortingStrategy,children:t})}}),[w,x,b,o])}});exports.withDragOptions=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("react"),e=require("@dnd-kit/core"),s=require("@dnd-kit/sortable"),v=require("../components/Draggable/Header.js"),D=require("../components/Draggable/Row.js"),M=(w,{onDataMove:y}={})=>({useDraggable:(d,g)=>{const S=e.useSensors(e.useSensor(e.MouseSensor,{}),e.useSensor(e.TouchSensor,{}),e.useSensor(e.KeyboardSensor,{})),x=d.getState(),i=d.getRowModel().rowsById,m=a.useMemo(()=>Object.keys(i),[i]),t=a.useMemo(()=>x.columnOrder,[x]),b=a.useCallback(o=>{const{active:r,over:n}=o;if(r&&n&&r.id!==n.id&&r.data.current?.kind==="column"){const c=t.indexOf(r.id),u=t.indexOf(n.id);d.setColumnOrder(s.arrayMove(t,c,u));return}if(r&&n&&r.id!==n.id&&r.data.current?.kind==="row"){const c=i[`${r.id}`].index,u=i[`${n.id}`].index;y?.(s.arrayMove(g,c,u))}},[t,d,i,g]);return a.useMemo(()=>({draggable:w,Components:{Provider:({children:o})=>l.jsx(e.DndContext,{collisionDetection:e.closestCenter,onDragEnd:b,sensors:S,children:o}),Row:D.DraggableRow,RowProvider:({children:o})=>l.jsx(s.SortableContext,{items:m,strategy:s.verticalListSortingStrategy,children:o}),Header:v.DraggableHeader,HeaderProvider:({children:o})=>l.jsx(s.SortableContext,{id:"columns",items:t,strategy:s.horizontalListSortingStrategy,children:o})}}),[b,S,m,t])}});exports.withDragOptions=M;
 //# sourceMappingURL=draggable.js.map

package/build/cjs/components/Table/utils/draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n  dragAndDrop: 'row' | 'column' | 'both',\n  { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n  return {\n    useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n      const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n      const tableState = table.getState();\n      const tableRowsById = table.getRowModel().rowsById;\n\n      const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n      const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n      const handleDragEnd = useCallback(\n        (event: DragEndEvent) => {\n          const { active, over } = event;\n          // must account for columns as well as rows\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n            const oldIndex = columnsOrder.indexOf(active.id as string);\n            const newIndex = columnsOrder.indexOf(over.id as string);\n            table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n            return;\n          }\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n            const oldIndex = tableRowsById[`${active.id}`].index;\n            const newIndex = tableRowsById[`${over.id}`].index;\n            onDataMove?.(arrayMove(data, oldIndex, newIndex));\n          }\n        },\n        [columnsOrder, table, tableRowsById, data],\n      );\n\n      return useMemo(\n        (): DragAndDropHookResult<TData, TValue> => ({\n          draggable: dragAndDrop,\n          Components: {\n            Provider: ({ children }: PropsWithChildren) => (\n              <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n                {children}\n              </DndContext>\n            ),\n            Row: DraggableRow,\n            RowProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n            Header: DraggableHeader,\n            HeaderProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n          },\n        }),\n        [handleDragEnd, sensors, tableDataIds, columnsOrder],\n      );\n    },\n  };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","_a","oldIndex","newIndex","arrayMove","_b","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,SACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,MAAMC,EAAAF,EAAO,KAAK,UAAZ,YAAAE,EAAqB,QAAS,SAAU,CACrF,MAAMC,EAAWP,EAAa,QAAQI,EAAO,EAAY,EACnDI,EAAWR,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeqB,EAAAA,UAAUT,EAAcO,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIJ,GAAUC,GAAQD,EAAO,KAAOC,EAAK,MAAMK,EAAAN,EAAO,KAAK,UAAZ,YAAAM,EAAqB,QAAS,MAAO,CAClF,MAAMH,EAAWV,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCI,EAAWX,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,GAAA,MAAAA,EAAasB,EAAAA,UAAUpB,EAAMkB,EAAUC,CAAQ,EACjD,CACF,EACA,CAACR,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAyB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWb,EAAe,QAAAX,EACtE,SAAAqB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOlB,EAAc,SAAUmB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOhB,EAAc,SAAUmB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACV,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}
+{"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n  dragAndDrop: 'row' | 'column' | 'both',\n  { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n  return {\n    useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n      const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n      const tableState = table.getState();\n      const tableRowsById = table.getRowModel().rowsById;\n\n      const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n      const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n      const handleDragEnd = useCallback(\n        (event: DragEndEvent) => {\n          const { active, over } = event;\n          // must account for columns as well as rows\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n            const oldIndex = columnsOrder.indexOf(active.id as string);\n            const newIndex = columnsOrder.indexOf(over.id as string);\n            table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n            return;\n          }\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n            const oldIndex = tableRowsById[`${active.id}`].index;\n            const newIndex = tableRowsById[`${over.id}`].index;\n            onDataMove?.(arrayMove(data, oldIndex, newIndex));\n          }\n        },\n        [columnsOrder, table, tableRowsById, data],\n      );\n\n      return useMemo(\n        (): DragAndDropHookResult<TData, TValue> => ({\n          draggable: dragAndDrop,\n          Components: {\n            Provider: ({ children }: PropsWithChildren) => (\n              <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n                {children}\n              </DndContext>\n            ),\n            Row: DraggableRow,\n            RowProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n            Header: DraggableHeader,\n            HeaderProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n          },\n        }),\n        [handleDragEnd, sensors, tableDataIds, columnsOrder],\n      );\n    },\n  };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,CACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,SAAU,CACrF,MAAME,EAAWN,EAAa,QAAQI,EAAO,EAAY,EACnDG,EAAWP,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeoB,EAAAA,UAAUR,EAAcM,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIH,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,MAAO,CAClF,MAAME,EAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCG,EAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,IAAaqB,EAAAA,UAAUnB,EAAMiB,EAAUC,CAAQ,CAAC,CAClD,CACF,EACA,CAACP,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAuB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWX,EAAe,QAAAX,EACtE,SAAAmB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOhB,EAAc,SAAUiB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOd,EAAc,SAAUiB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACR,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}

package/build/cjs/components/Table/utils/rowHighlight.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=(t,e)=>{const l=e==null?void 0:e(t),o=t.getIsSelected()?{type:"selected",indicator:"left"}:null;return l??o};exports.getRowHighlight=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=(e,t)=>{const l=t?.(e),i=e.getIsSelected()?{type:"selected",indicator:"left"}:null;return l??i};exports.getRowHighlight=g;
 //# sourceMappingURL=rowHighlight.js.map

package/build/cjs/components/Table/utils/rowHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n  row: Row<TData>,\n  highlight?: (r: Row<TData>) => TableTypes.Highlight | null,\n) => {\n  const highlightValue = highlight?.(row);\n  const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n  return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,GAAA,YAAAA,EAAYD,GAC7BG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}
+{"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n  row: Row<TData>,\n  highlight?: (r: Row<TData>) => TableTypes.Highlight | null,\n) => {\n  const highlightValue = highlight?.(row);\n  const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n  return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,IAAYD,CAAG,EAChCG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}

package/build/cjs/components/Table/utils/tableUtils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../react-base/src/consts/index.js"),t=i=>{switch(i){case e.Sizes.Medium:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Medium;default:return e.Sizes.XSmall}};exports.getSize=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../react-base/src/consts/index.js"),t=i=>{switch(i){case e.Sizes.Medium:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Medium;default:return e.Sizes.XSmall}},r=i=>i===e.Sizes.XSmall?e.Sizes.Small:i;exports.getExpanderPaddingSize=r;exports.getSize=t;
 //# sourceMappingURL=tableUtils.js.map

package/build/cjs/components/Table/utils/tableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nexport const getSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getInfoBarSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Small:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Large;\n    case Sizes.Medium:\n    default:\n      return Sizes.Medium;\n  }\n};\n"],"names":["getSize","size","Sizes"],"mappings":"uKAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,QACE,OAAOA,EAAAA,MAAM,MAAA,CAEnB"}
+{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nexport const getSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getInfoBarSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Small:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Large;\n    case Sizes.Medium:\n    default:\n      return Sizes.Medium;\n  }\n};\n\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\n  if (size === Sizes.XSmall) {\n    return Sizes.Small;\n  }\n  return size;\n};\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":"uKAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,QACE,OAAOA,EAAAA,MAAM,MAAA,CAEnB,EAeaC,EAA0BF,GACjCA,IAASC,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAERD"}

package/build/cjs/components/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),d=require("react"),t=require("../../react-base/src/consts/index.js"),c=require("./Tabs.styles.js"),x=require("../Badge/Badge.js"),T=require("./Tabs.hooks.js"),j=({size:i,label:n,icon:r,badge:a,iconPosition:o})=>s.jsxs(c.TabsLabel,{$size:i,$iconPosition:o,$icon:r,children:[s.jsxs(c.TabsLabelTextContainer,{children:[r,s.jsx("span",{children:n})]}),!!a&&s.jsx(x,{size:i,...a})]}),$=d.forwardRef(({className:i,size:n=`${t.Sizes.Medium}`,indicatorPosition:r,placement:a=`${t.Positions.Top}`,items:o,...b},l)=>{const u=o==null?void 0:o.map(e=>({...e,icon:null,label:s.jsx(j,{size:n,label:e.label,icon:e.icon,iconPosition:e.iconPosition,badge:e.badge})}));return T.useAccessibilitySetup(),s.jsx(c.Tabs,{className:i,$size:n,tabPosition:a,$indicatorPosition:r,ref:l,items:u,...b})});module.exports=$;
+"use strict";const s=require("react/jsx-runtime"),d=require("react"),c=require("../../react-base/src/consts/index.js"),a=require("./Tabs.styles.js"),x=require("../Badge/Badge.js"),T=require("./Tabs.hooks.js"),j=({size:i,label:o,icon:n,badge:t,iconPosition:r})=>s.jsxs(a.TabsLabel,{$size:i,$iconPosition:r,$icon:n,children:[s.jsxs(a.TabsLabelTextContainer,{children:[n,s.jsx("span",{children:o})]}),!!t&&s.jsx(x,{size:i,...t})]}),$=d.forwardRef(({className:i,size:o=`${c.Sizes.Medium}`,indicatorPosition:n,placement:t=`${c.Positions.Top}`,items:r,...b},l)=>{const u=r?.map(e=>({...e,icon:null,label:s.jsx(j,{size:o,label:e.label,icon:e.icon,iconPosition:e.iconPosition,badge:e.badge})}));return T.useAccessibilitySetup(),s.jsx(a.Tabs,{className:i,$size:o,tabPosition:t,$indicatorPosition:n,ref:l,items:u,...b})});module.exports=$;
 //# sourceMappingURL=Tabs.js.map

package/build/cjs/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Tabs.styles';\nimport type { ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\nimport { useAccessibilitySetup } from './Tabs.hooks';\n\nconst TabsLabel = ({\n  size,\n  label,\n  icon,\n  badge,\n  iconPosition,\n}: {\n  size: TabsTypes.Size;\n  label: ReactNode;\n  icon?: ReactNode;\n  badge?: BadgeTypes.IProps;\n  iconPosition?: TabsTypes.IconPosition;\n}) => (\n  <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\n    <Styled.TabsLabelTextContainer>\n      {icon}\n      <span>{label}</span>\n    </Styled.TabsLabelTextContainer>\n    {!!badge && <Badge size={size} {...badge} />}\n  </Styled.TabsLabel>\n);\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\n    ref,\n  ): ReactElement => {\n    const itemsWithBadges = items?.map((item) => ({\n      ...item,\n      icon: null,\n      label: (\n        <TabsLabel\n          size={size}\n          label={item.label}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n          badge={item.badge}\n        />\n      ),\n    }));\n\n    useAccessibilitySetup();\n\n    return (\n      <Styled.Tabs\n        className={className}\n        $size={size}\n        tabPosition={placement}\n        $indicatorPosition={indicatorPosition}\n        ref={ref}\n        items={itemsWithBadges}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default Tabs;\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":"iNAWMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAOEC,EAAAA,KAACC,YAAA,CAAiB,MAAON,EAAM,cAAeI,EAAc,MAAOF,EACjE,SAAA,CAAAG,OAACE,EAAAA,uBAAA,CACE,SAAA,CAAAL,EACDM,EAAAA,IAAC,QAAM,SAAAP,CAAA,CAAM,CAAA,EACf,EACC,CAAC,CAACE,SAAUM,EAAA,CAAM,KAAAT,EAAa,GAAGG,CAAA,CAAO,CAAA,EAC5C,EAGIO,EAAOC,EAAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,GAAI,MAAAC,EAAO,GAAGC,CAAA,EACpGC,IACiB,CACjB,MAAMC,EAAkBH,GAAA,YAAAA,EAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,KAAM,KACN,MACEb,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,aAAcA,EAAK,aACnB,MAAOA,EAAK,KAAA,CAAA,CACd,IAIJC,OAAAA,wBAAA,EAGEd,EAAAA,IAACe,EAAAA,KAAA,CACC,UAAAX,EACA,MAAOZ,EACP,YAAae,EACb,mBAAoBD,EACpB,IAAAK,EACA,MAAOC,EACN,GAAGF,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Tabs.styles';\nimport type { ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\nimport { useAccessibilitySetup } from './Tabs.hooks';\n\nconst TabsLabel = ({\n  size,\n  label,\n  icon,\n  badge,\n  iconPosition,\n}: {\n  size: TabsTypes.Size;\n  label: ReactNode;\n  icon?: ReactNode;\n  badge?: BadgeTypes.IProps;\n  iconPosition?: TabsTypes.IconPosition;\n}) => (\n  <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\n    <Styled.TabsLabelTextContainer>\n      {icon}\n      <span>{label}</span>\n    </Styled.TabsLabelTextContainer>\n    {!!badge && <Badge size={size} {...badge} />}\n  </Styled.TabsLabel>\n);\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\n    ref,\n  ): ReactElement => {\n    const itemsWithBadges = items?.map((item) => ({\n      ...item,\n      icon: null,\n      label: (\n        <TabsLabel\n          size={size}\n          label={item.label}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n          badge={item.badge}\n        />\n      ),\n    }));\n\n    useAccessibilitySetup();\n\n    return (\n      <Styled.Tabs\n        className={className}\n        $size={size}\n        tabPosition={placement}\n        $indicatorPosition={indicatorPosition}\n        ref={ref}\n        items={itemsWithBadges}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default Tabs;\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":"iNAWMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAOEC,EAAAA,KAACC,YAAA,CAAiB,MAAON,EAAM,cAAeI,EAAc,MAAOF,EACjE,SAAA,CAAAG,OAACE,EAAAA,uBAAA,CACE,SAAA,CAAAL,EACDM,EAAAA,IAAC,QAAM,SAAAP,CAAA,CAAM,CAAA,EACf,EACC,CAAC,CAACE,SAAUM,EAAA,CAAM,KAAAT,EAAa,GAAGG,CAAA,CAAO,CAAA,EAC5C,EAGIO,EAAOC,EAAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,GAAI,MAAAC,EAAO,GAAGC,CAAA,EACpGC,IACiB,CACjB,MAAMC,EAAkBH,GAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,KAAM,KACN,MACEb,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,aAAcA,EAAK,aACnB,MAAOA,EAAK,KAAA,CAAA,CACd,EAEF,EAEFC,OAAAA,wBAAA,EAGEd,EAAAA,IAACe,EAAAA,KAAA,CACC,UAAAX,EACA,MAAOZ,EACP,YAAae,EACb,mBAAoBD,EACpB,IAAAK,EACA,MAAOC,EACN,GAAGF,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Tag/Tag.styles.js

@@ -11,43 +11,43 @@
     color: inherit;
   }
 `,i=e.styled.div``,C=e.styled.div`
-  ${({theme:a,$sentiment:l,$shape:s,$size:c,$variant:g,$iconPosition:u,$icon:$,$iconOnly:b})=>{const{backgroundColor:p,color:o,borderColor:h,minHeight:x,gap:n,borderRadius:r,borderWidth:y,borderStyle:m,labelPaddingInline:v,paddingInline:T,iconSize:d}=w.useStyles({theme:a,sentiment:l,variant:g,size:c,icon:$,iconOnly:b,shape:s});return e.css`
+  ${({theme:l,$sentiment:s,$shape:c,$size:g,$variant:u,$iconPosition:o,$icon:b,$iconOnly:p})=>{const{backgroundColor:$,color:n,borderColor:h,minHeight:x,gap:r,borderRadius:d,borderWidth:y,borderStyle:m,labelPaddingInline:v,paddingInline:T,iconSize:a}=w.useStyles({theme:l,sentiment:s,variant:u,size:g,icon:b,iconOnly:p,iconPosition:o,shape:c});return e.css`
       display: flex;
       align-items: center;
       width: fit-content;
-      gap: ${n}px;
+      gap: ${r}px;
       min-height: ${x}px;
       padding-inline: ${T}px;
-      border-radius: ${r}px;
+      border-radius: ${d}px;
       border-width: ${y}px;
       border-style: ${m};
-      background-color: ${p};
-      color: ${o};
+      background-color: ${$};
+      color: ${n};
       border-color: ${h};
 
-      ${u==="right"&&e.css`
-        flex-direction: row-reverse;
-      `};
-
       & > ${i} {
         display: flex;
         align-items: center;
-        gap: ${n}px;
+        gap: ${r}px;
         padding-inline: ${v};
+
+        ${o==="right"&&e.css`
+          flex-direction: row-reverse;
+        `};
         &,
         & > ${f.Label} {
-          color: ${o};
+          color: ${n};
         }
       }
 
       & > ${t} {
-        border-radius: ${r}px;
+        border-radius: ${d}px;
       }
 
       & > ${t} > svg,
       & > ${i} > svg {
-        width: ${d}px;
-        height: ${d}px;
+        width: ${a}px;
+        height: ${a}px;
       }
     `}}
 `;exports.Tag=C;exports.TagButton=t;exports.TagLabelContainer=i;

package/build/cjs/components/Tag/Tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { ITagProps } from './Tag.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { Label } from '../Text/components/Label/Label.styles';\n\ntype StylePropsRequired = 'size' | 'shape' | 'sentiment' | 'variant' | 'iconPosition' | 'icon' | 'iconOnly';\n\nexport const TagButton = styled(OnSentimentButton)`\n  width: auto;\n  min-width: auto;\n  height: auto;\n  min-height: auto;\n  padding: 0;\n\n  &:not(:disabled):hover,\n  &:not(:disabled):active {\n    background-color: inherit;\n    color: inherit;\n  }\n`;\n\nexport const TagLabelContainer = styled.div``;\n\nexport const Tag = styled.div<Required<PickTransient<ITagProps, StylePropsRequired>>>`\n  ${({ theme, $sentiment, $shape, $size, $variant, $iconPosition, $icon, $iconOnly }) => {\n    const {\n      backgroundColor,\n      color,\n      borderColor,\n      minHeight,\n      gap,\n      borderRadius,\n      borderWidth,\n      borderStyle,\n      labelPaddingInline,\n      paddingInline,\n      iconSize,\n    } = TagUtils.useStyles({\n      theme,\n      sentiment: $sentiment,\n      variant: $variant,\n      size: $size,\n      icon: $icon,\n      iconOnly: $iconOnly,\n      iconPosition: $iconPosition,\n      shape: $shape,\n    });\n\n    return css`\n      display: flex;\n      align-items: center;\n      width: fit-content;\n      gap: ${gap}px;\n      min-height: ${minHeight}px;\n      padding-inline: ${paddingInline}px;\n      border-radius: ${borderRadius}px;\n      border-width: ${borderWidth}px;\n      border-style: ${borderStyle};\n      background-color: ${backgroundColor};\n      color: ${color};\n      border-color: ${borderColor};\n\n      ${$iconPosition === 'right' &&\n      css`\n        flex-direction: row-reverse;\n      `};\n\n      & > ${TagLabelContainer} {\n        display: flex;\n        align-items: center;\n        gap: ${gap}px;\n        padding-inline: ${labelPaddingInline};\n        &,\n        & > ${Label} {\n          color: ${color};\n        }\n      }\n\n      & > ${TagButton} {\n        border-radius: ${borderRadius}px;\n      }\n\n      & > ${TagButton} > svg,\n      & > ${TagLabelContainer} > svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n      }\n    `;\n  }}\n`;\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","$sentiment","$shape","$size","$variant","$iconPosition","$icon","$iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":"iTAUaA,EAAYC,EAAAA,OAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpCC,EAAoBF,EAAAA,OAAO,MAE3BG,EAAMH,EAAAA,OAAO;AAAA,IACtB,CAAC,CAAE,MAAAI,EAAO,WAAAC,EAAY,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,EAAU,cAAAC,EAAe,MAAAC,EAAO,UAAAC,KAAgB,CACrF,KAAM,CACJ,gBAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,IAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,SAAAC,CAAA,EACEC,YAAmB,CACrB,MAAAnB,EACA,UAAWC,EACX,QAASG,EACT,KAAMD,EACN,KAAMG,EACN,SAAUC,EAEV,MAAOL,CAAA,CACR,EAED,OAAOkB,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,QAEzBL,IAAkB,SACpBe,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA,YAEKtB,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,cAE9BK,OAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA,KAGxB,CAAC;AAAA"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { ITagProps } from './Tag.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { Label } from '../Text/components/Label/Label.styles';\n\ntype StylePropsRequired = 'size' | 'shape' | 'sentiment' | 'variant' | 'iconPosition' | 'icon' | 'iconOnly';\n\nexport const TagButton = styled(OnSentimentButton)`\n  width: auto;\n  min-width: auto;\n  height: auto;\n  min-height: auto;\n  padding: 0;\n\n  &:not(:disabled):hover,\n  &:not(:disabled):active {\n    background-color: inherit;\n    color: inherit;\n  }\n`;\n\nexport const TagLabelContainer = styled.div``;\n\nexport const Tag = styled.div<Required<PickTransient<ITagProps, StylePropsRequired>>>`\n  ${({ theme, $sentiment, $shape, $size, $variant, $iconPosition, $icon, $iconOnly }) => {\n    const {\n      backgroundColor,\n      color,\n      borderColor,\n      minHeight,\n      gap,\n      borderRadius,\n      borderWidth,\n      borderStyle,\n      labelPaddingInline,\n      paddingInline,\n      iconSize,\n    } = TagUtils.useStyles({\n      theme,\n      sentiment: $sentiment,\n      variant: $variant,\n      size: $size,\n      icon: $icon,\n      iconOnly: $iconOnly,\n      iconPosition: $iconPosition,\n      shape: $shape,\n    });\n\n    return css`\n      display: flex;\n      align-items: center;\n      width: fit-content;\n      gap: ${gap}px;\n      min-height: ${minHeight}px;\n      padding-inline: ${paddingInline}px;\n      border-radius: ${borderRadius}px;\n      border-width: ${borderWidth}px;\n      border-style: ${borderStyle};\n      background-color: ${backgroundColor};\n      color: ${color};\n      border-color: ${borderColor};\n\n      & > ${TagLabelContainer} {\n        display: flex;\n        align-items: center;\n        gap: ${gap}px;\n        padding-inline: ${labelPaddingInline};\n\n        ${$iconPosition === 'right' &&\n        css`\n          flex-direction: row-reverse;\n        `};\n        &,\n        & > ${Label} {\n          color: ${color};\n        }\n      }\n\n      & > ${TagButton} {\n        border-radius: ${borderRadius}px;\n      }\n\n      & > ${TagButton} > svg,\n      & > ${TagLabelContainer} > svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n      }\n    `;\n  }}\n`;\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","$sentiment","$shape","$size","$variant","$iconPosition","$icon","$iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":"iTAUaA,EAAYC,EAAAA,OAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpCC,EAAoBF,EAAAA,OAAO,MAE3BG,EAAMH,EAAAA,OAAO;AAAA,IACtB,CAAC,CAAE,MAAAI,EAAO,WAAAC,EAAY,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,EAAU,cAAAC,EAAe,MAAAC,EAAO,UAAAC,KAAgB,CACrF,KAAM,CACJ,gBAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,IAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,SAAAC,CAAA,EACEC,YAAmB,CACrB,MAAAnB,EACA,UAAWC,EACX,QAASG,EACT,KAAMD,EACN,KAAMG,EACN,SAAUC,EACV,aAAcF,EACd,MAAOH,CAAA,CACR,EAED,OAAOkB,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,YAErBZ,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,UAElCX,IAAkB,SACpBe,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA,cAEKC,OAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA,KAGxB,CAAC;AAAA"}

package/build/cjs/components/TextArea/TextArea.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("react"),W=require("classnames"),h=require("../../react-base/src/consts/index.js"),z=require("../../react-base/src/utils/sizesUtils.js"),I=require("../Icon/components/Cross.js"),x=require("./TextArea.styles.js"),U=require("../../hooks/useFocusRingOnKeyboard.js"),E=require("../TextInput/components/Affix.js"),G=require("./hooks/useRightSideValues.js"),k=require("../../react-base/src/consts/classes.js"),J=({size:r,onClearClick:s,...u})=>t.jsx(x.ClearButtonContainer,{$size:r,...u,children:t.jsx(x.ClearButton,{size:r===h.Sizes.XSmall?r:z.getSmallerSize(r),variant:h.Variants.Transparent,icon:t.jsx(I,{}),iconOnly:!0,onClick:s})}),Q=e.forwardRef(({className:r,size:s=h.Sizes.Medium,invalid:u=!1,disabled:c=!1,allowClear:T=!1,readOnly:i=!1,resize:y="both",wrapperProps:a,prefix:m,suffix:d,onChange:o,onMouseDownCapture:O,onClear:l,onFocus:g,onBlur:B,value:q,defaultValue:b,...$},p)=>{const C=e.useRef(null),n=e.useRef(null);e.useImperativeHandle(p,()=>n.current);const[A,M]=e.useState(()=>q),S=e.useMemo(()=>!!(A&&A!==""&&T&&!c&&!i),[A,T,c,i]),{paddingInlineEnd:_,minWidth:F,clearBtnRight:V}=G.useTextAreaRightSideValues({suffixRef:C,showClear:S,size:s,suffix:d}),{focusKind:v,handleOnFocus:D,handleOnClick:K,handleOnMouseDownCapture:L,handleOnBlur:N}=U.useFocusRingOnKeyboard({onFocus:g,onBlur:B,inputRef:n,onClick:a==null?void 0:a.onClick,onMouseDownCapture:O}),X=e.useCallback(f=>{var j;if(n.current){const R=(j=Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype,"value"))==null?void 0:j.set;R==null||R.call(n.current,"");const H=new Event("input",{bubbles:!0});n.current.dispatchEvent(H)}l==null||l(f)},[n,l]),w=e.useCallback(f=>{M(f.target.value),o==null||o(f)},[o]);return t.jsxs(x.TextAreaWrapper,{className:W(k.TEXT_AREA_CLASS,r),$size:s,$disabled:c,$invalid:u,$readOnly:i,...a,onClick:K,children:[!!m&&t.jsx(E.Affix,{size:s,affix:m,disabled:c,invalid:u,type:"prefix"}),t.jsx(x.TextArea,{ref:n,style:{paddingInlineEnd:_,minWidth:F},className:`${k.TEXT_AREA_CLASS}-input`,disabled:c,onFocus:D,onBlur:N,"data-focused":v,"data-resizable":y,"aria-invalid":u,onChange:w,readOnly:i,value:q,defaultValue:b,onMouseDownCapture:L,...$}),S&&t.jsx(J,{style:{right:V},size:s,onClearClick:X}),!!d&&t.jsx(E.Affix,{ref:C,affix:d,size:s,disabled:c,invalid:u,type:"suffix"})]})});module.exports=Q;
+"use strict";const t=require("react/jsx-runtime"),e=require("react"),N=require("classnames"),x=require("../../react-base/src/consts/index.js"),X=require("../../react-base/src/utils/sizesUtils.js"),H=require("../Icon/components/Cross.js"),i=require("./TextArea.styles.js"),W=require("../../hooks/useFocusRingOnKeyboard.js"),g=require("../TextInput/components/Affix.js"),z=require("./hooks/useRightSideValues.js"),m=require("../../react-base/src/consts/classes.js"),U=({size:r,onClearClick:n,...a})=>t.jsx(i.ClearButtonContainer,{$size:r,...a,children:t.jsx(i.ClearButton,{size:r===x.Sizes.XSmall?r:X.getSmallerSize(r),variant:x.Variants.Transparent,icon:t.jsx(H,{}),iconOnly:!0,onClick:n})}),G=e.forwardRef(({className:r,size:n=x.Sizes.Medium,invalid:a=!1,disabled:u=!1,allowClear:p=!1,readOnly:o=!1,resize:q="both",wrapperProps:C,prefix:d,suffix:l,onChange:h,onMouseDownCapture:j,onClear:A,onFocus:E,onBlur:k,value:R,defaultValue:y,...O},B)=>{const S=e.useRef(null),s=e.useRef(null);e.useImperativeHandle(B,()=>s.current);const[f,V]=e.useState(()=>R),T=e.useMemo(()=>!!(f&&f!==""&&p&&!u&&!o),[f,p,u,o]),{paddingInlineEnd:b,minWidth:v,clearBtnRight:w}=z.useTextAreaRightSideValues({suffixRef:S,showClear:T,size:n,suffix:l}),{focusKind:$,handleOnFocus:M,handleOnClick:_,handleOnMouseDownCapture:F,handleOnBlur:I}=W.useFocusRingOnKeyboard({onFocus:E,onBlur:k,inputRef:s,onClick:C?.onClick,onMouseDownCapture:j}),D=e.useCallback(c=>{if(s.current){Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype,"value")?.set?.call(s.current,"");const L=new Event("input",{bubbles:!0});s.current.dispatchEvent(L)}A?.(c)},[s,A]),K=e.useCallback(c=>{V(c.target.value),h?.(c)},[h]);return t.jsxs(i.TextAreaWrapper,{className:N(m.TEXT_AREA_CLASS,r),$size:n,$disabled:u,$invalid:a,$readOnly:o,...C,onClick:_,children:[!!d&&t.jsx(g.Affix,{size:n,affix:d,disabled:u,invalid:a,type:"prefix"}),t.jsx(i.TextArea,{ref:s,style:{paddingInlineEnd:b,minWidth:v},className:`${m.TEXT_AREA_CLASS}-input`,disabled:u,onFocus:M,onBlur:I,"data-focused":$,"data-resizable":q,"aria-invalid":a,onChange:K,readOnly:o,value:R,defaultValue:y,onMouseDownCapture:F,...O}),T&&t.jsx(U,{style:{right:w},size:n,onClearClick:D}),!!l&&t.jsx(g.Affix,{ref:S,affix:l,size:n,disabled:u,invalid:a,type:"suffix"})]})});module.exports=G;
 //# sourceMappingURL=TextArea.js.map

package/build/cjs/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  ComponentPropsWithoutRef,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from '../TextInput/components/Affix';\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n  ...rest\n}: ComponentPropsWithoutRef<'div'> & {\n  size: TextAreaTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size} {...rest}>\n    <Styled.ClearButton\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      resize = 'both',\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      defaultValue,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => {\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\n      [capturedValue, allowClear, disabled, readOnly],\n    );\n\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\n      suffixRef,\n      showClear,\n      size,\n      suffix,\n    });\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLTextAreaElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextAreaWrapper\n        className={classNames(TEXT_AREA_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Styled.TextArea\n          ref={innerRef}\n          style={{ paddingInlineEnd, minWidth }}\n          className={`${TEXT_AREA_CLASS}-input`}\n          disabled={disabled}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          data-focused={focusKind}\n          data-resizable={resize}\n          aria-invalid={invalid}\n          onChange={handleOnChange}\n          readOnly={readOnly}\n          value={value}\n          defaultValue={defaultValue}\n          onMouseDownCapture={handleOnMouseDownCapture}\n          {...rest}\n        />\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\n        {!!suffix && (\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\n        )}\n      </Styled.TextAreaWrapper>\n    );\n  },\n);\n\nexport default TextArea;\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","nativeInputValueSetter","_a","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  ComponentPropsWithoutRef,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from '../TextInput/components/Affix';\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n  ...rest\n}: ComponentPropsWithoutRef<'div'> & {\n  size: TextAreaTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size} {...rest}>\n    <Styled.ClearButton\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      resize = 'both',\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      defaultValue,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => {\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\n      [capturedValue, allowClear, disabled, readOnly],\n    );\n\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\n      suffixRef,\n      showClear,\n      size,\n      suffix,\n    });\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLTextAreaElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextAreaWrapper\n        className={classNames(TEXT_AREA_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Styled.TextArea\n          ref={innerRef}\n          style={{ paddingInlineEnd, minWidth }}\n          className={`${TEXT_AREA_CLASS}-input`}\n          disabled={disabled}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          data-focused={focusKind}\n          data-resizable={resize}\n          aria-invalid={invalid}\n          onChange={handleOnChange}\n          readOnly={readOnly}\n          value={value}\n          defaultValue={defaultValue}\n          onMouseDownCapture={handleOnMouseDownCapture}\n          {...rest}\n        />\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\n        {!!suffix && (\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\n        )}\n      </Styled.TextAreaWrapper>\n    );\n  },\n);\n\nexport default TextArea;\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":"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"}

package/build/cjs/components/TextInput/TextInput.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),H=require("classnames"),r=require("../../react-base/src/consts/index.js"),V=require("../../react-base/src/utils/sizesUtils.js"),G=require("../Loading/Loading.js"),J=require("../Icon/components/Cross.js"),p=require("./TextInput.styles.js"),P=require("../../hooks/useFocusRingOnKeyboard.js"),O=require("./components/Affix.js"),Q=require("./components/ExtraButton.js"),Y=require("../Flexbox/Flexbox.js"),b=require("../../react-base/src/consts/classes.js"),Z=({size:t,onClearClick:d})=>e.jsx(p.ClearButtonContainer,{$size:t,children:e.jsx(p.ClearButton,{"aria-label":"clear input",size:t===r.Sizes.XSmall?t:V.getSmallerSize(t),variant:r.Variants.Transparent,icon:e.jsx(J,{}),iconOnly:!0,onClick:d})}),ee=t=>t===r.Sizes.XSmall||t===r.Sizes.Small?r.Sizes.Smallest:r.Sizes.XSmall,te=u.forwardRef(({id:t,className:d="",size:c=r.Sizes.Medium,invalid:o=!1,disabled:n=!1,allowClear:i=!1,readOnly:a=!1,wrapperProps:l,prefix:q,suffix:T,onChange:f,onMouseDownCapture:k,onClear:x,onFocus:E,onBlur:I,value:h,extraButton:R,inputRef:B,loading:g=!1,...$},A)=>{const s=u.useRef(null);u.useImperativeHandle(B,()=>s.current);const{customPrefix:F,customSuffix:L,allowReadOnlyClear:y,...M}=$,[m,N]=u.useState(()=>h),X=u.useMemo(()=>(typeof i=="boolean"&&m&&m!==""&&i||typeof i!="boolean"&&i(m))&&!n&&(!a||y),[m,y,i,n,a]),{focusKind:_,handleOnFocus:z,handleOnClick:W,handleOnMouseDownCapture:v,handleOnBlur:D}=P.useFocusRingOnKeyboard({onFocus:E,onBlur:I,inputRef:s,onClick:l==null?void 0:l.onClick,onMouseDownCapture:k}),K=u.useCallback(S=>{var C;if(s.current){const j=(C=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:C.set;j==null||j.call(s.current,"");const w=new Event("input",{bubbles:!0});s.current.dispatchEvent(w)}x==null||x(S)},[s,x]),U=u.useCallback(S=>{N(S.target.value),f==null||f(S)},[f]);return e.jsxs(p.TextInputWrapper,{className:H(b.TEXT_INPUT_CLASS,d),$size:c,$disabled:n,$invalid:o,ref:A,$readOnly:a,...l,onClick:W,children:[!!q&&e.jsx(O.Affix,{size:c,affix:q,disabled:n,invalid:o,type:"prefix"}),e.jsxs(Y,{flexWrap:"wrap",style:{width:"100%",maxWidth:"100%",minWidth:"0"},alignItems:"center",children:[F,e.jsx(p.TextInput,{id:t,ref:s,className:`${b.TEXT_INPUT_CLASS}-input`,disabled:n,onFocus:z,onBlur:D,"data-focused":_,onChange:U,onMouseDownCapture:v,value:h,"aria-invalid":o,readOnly:a,...M}),L]}),!!g&&e.jsx(G,{size:ee(c)}),!!X&&e.jsx(Z,{size:c,onClearClick:K}),!!T&&e.jsx(O.Affix,{affix:T,size:c,disabled:n,invalid:o,type:"suffix"}),e.jsx(Q.ExtraButton,{size:c,disabled:n,buttonProps:R})]})});module.exports=te;
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),W=require("classnames"),u=require("../../react-base/src/consts/index.js"),D=require("../../react-base/src/utils/sizesUtils.js"),K=require("../Loading/Loading.js"),U=require("../Icon/components/Cross.js"),x=require("./TextInput.styles.js"),H=require("../../hooks/useFocusRingOnKeyboard.js"),T=require("./components/Affix.js"),G=require("./components/ExtraButton.js"),J=require("../Flexbox/Flexbox.js"),I=require("../../react-base/src/consts/classes.js"),Q=({size:t,onClearClick:p})=>e.jsx(x.ClearButtonContainer,{$size:t,children:e.jsx(x.ClearButton,{"aria-label":"clear input",size:t===u.Sizes.XSmall?t:D.getSmallerSize(t),variant:u.Variants.Transparent,icon:e.jsx(U,{}),iconOnly:!0,onClick:p})}),Y=t=>t===u.Sizes.XSmall||t===u.Sizes.Small?u.Sizes.Smallest:u.Sizes.XSmall,Z=r.forwardRef(({id:t,className:p="",size:o=u.Sizes.Medium,invalid:c=!1,disabled:n=!1,allowClear:a=!1,readOnly:i=!1,wrapperProps:S,prefix:m,suffix:C,onChange:d,onMouseDownCapture:g,onClear:h,onFocus:y,onBlur:O,value:j,extraButton:b,inputRef:k,loading:E=!1,...R},B)=>{const s=r.useRef(null);r.useImperativeHandle(k,()=>s.current);const{customPrefix:v,customSuffix:w,allowReadOnlyClear:q,...$}=R,[l,A]=r.useState(()=>j),F=r.useMemo(()=>(typeof a=="boolean"&&l&&l!==""&&a||typeof a!="boolean"&&a(l))&&!n&&(!i||q),[l,q,a,n,i]),{focusKind:L,handleOnFocus:M,handleOnClick:N,handleOnMouseDownCapture:V,handleOnBlur:X}=H.useFocusRingOnKeyboard({onFocus:y,onBlur:O,inputRef:s,onClick:S?.onClick,onMouseDownCapture:g}),_=r.useCallback(f=>{if(s.current){Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value")?.set?.call(s.current,"");const P=new Event("input",{bubbles:!0});s.current.dispatchEvent(P)}h?.(f)},[s,h]),z=r.useCallback(f=>{A(f.target.value),d?.(f)},[d]);return e.jsxs(x.TextInputWrapper,{className:W(I.TEXT_INPUT_CLASS,p),$size:o,$disabled:n,$invalid:c,ref:B,$readOnly:i,...S,onClick:N,children:[!!m&&e.jsx(T.Affix,{size:o,affix:m,disabled:n,invalid:c,type:"prefix"}),e.jsxs(J,{flexWrap:"wrap",style:{width:"100%",maxWidth:"100%",minWidth:"0"},alignItems:"center",children:[v,e.jsx(x.TextInput,{id:t,ref:s,className:`${I.TEXT_INPUT_CLASS}-input`,disabled:n,onFocus:M,onBlur:X,"data-focused":L,onChange:z,onMouseDownCapture:V,value:j,"aria-invalid":c,readOnly:i,...$}),w]}),!!E&&e.jsx(K,{size:Y(o)}),!!F&&e.jsx(Q,{size:o,onClearClick:_}),!!C&&e.jsx(T.Affix,{affix:C,size:o,disabled:n,invalid:c,type:"suffix"}),e.jsx(G.ExtraButton,{size:o,disabled:n,buttonProps:b})]})});module.exports=Z;
 //# sourceMappingURL=TextInput.js.map

package/build/cjs/components/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Loading from '../Loading/Loading';\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from './components/Affix';\nimport { ExtraButton } from './components/ExtraButton';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n}: {\n  size: TextInputTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size}>\n    <Styled.ClearButton\n      aria-label=\"clear input\"\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst getLoadingSize = (size: TextInputTypes.Size) => {\n  if (size === Sizes.XSmall || size === Sizes.Small) {\n    return Sizes.Smallest;\n  }\n\n  return Sizes.XSmall;\n};\n\nconst TextInput = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      extraButton,\n      inputRef,\n      loading = false,\n      ...props\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => innerRef.current!);\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () =>\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\n        !disabled &&\n        (!readOnly || allowReadOnlyClear),\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\n    );\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        ref={ref}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\n          {customPrefix}\n          <Styled.TextInput\n            id={id}\n            ref={innerRef}\n            className={`${TEXT_INPUT_CLASS}-input`}\n            disabled={disabled}\n            onFocus={handleOnFocus}\n            onBlur={handleOnBlur}\n            data-focused={focusKind}\n            onChange={handleOnChange}\n            onMouseDownCapture={handleOnMouseDownCapture}\n            value={value}\n            aria-invalid={invalid}\n            readOnly={readOnly}\n            {...rest}\n          />\n          {customSuffix}\n        </Flexbox>\n        {!!loading && <Loading size={getLoadingSize(size)} />}\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","nativeInputValueSetter","_a","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Loading from '../Loading/Loading';\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from './components/Affix';\nimport { ExtraButton } from './components/ExtraButton';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n}: {\n  size: TextInputTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size}>\n    <Styled.ClearButton\n      aria-label=\"clear input\"\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst getLoadingSize = (size: TextInputTypes.Size) => {\n  if (size === Sizes.XSmall || size === Sizes.Small) {\n    return Sizes.Smallest;\n  }\n\n  return Sizes.XSmall;\n};\n\nconst TextInput = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      extraButton,\n      inputRef,\n      loading = false,\n      ...props\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => innerRef.current!);\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () =>\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\n        !disabled &&\n        (!readOnly || allowReadOnlyClear),\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\n    );\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        ref={ref}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\n          {customPrefix}\n          <Styled.TextInput\n            id={id}\n            ref={innerRef}\n            className={`${TEXT_INPUT_CLASS}-input`}\n            disabled={disabled}\n            onFocus={handleOnFocus}\n            onBlur={handleOnBlur}\n            data-focused={focusKind}\n            onChange={handleOnChange}\n            onMouseDownCapture={handleOnMouseDownCapture}\n            value={value}\n            aria-invalid={invalid}\n            readOnly={readOnly}\n            {...rest}\n          />\n          {customSuffix}\n        </Flexbox>\n        {!!loading && <Loading size={getLoadingSize(size)} />}\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}

package/build/cjs/components/Timeline/Timeline.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("react/jsx-runtime"),M=require("react"),_=require("classnames"),a=require("../../react-base/src/consts/index.js"),E=require("../../react-base/src/components/Timeline/Timeline.utils.js"),R=require("acinguiux-ds-fabrics"),g=require("./components/TimelineStep/TimelineStep.js"),k=require("./Timeline.styles.js"),z=require("../../react-base/src/consts/classes.js"),P=({className:d,size:h=`${a.Sizes.Medium}`,direction:v=`${a.Directions.Vertical}`,sort:l=`${a.Sorts.Asc}`,alignment:q,sentiment:j=R.FabricsVariables.Sentiments.Neutral,alternate:T=!1,mirrored:m=!1,topConnector:i,bottomConnector:n,steps:s,...$})=>{const V=q??(v===a.Directions.Vertical?`${a.Alignments.Right}`:`${a.Alignments.Top}`),x=!!(s!=null&&s.find(e=>e.label)),A=M.useMemo(()=>s==null?void 0:s.map((e,b)=>({...e,key:`${e.title??e.label}-${b}`})),[s]),S={size:h,direction:v,timelineAlignment:V,alternate:T,sort:l};return u.jsxs(k.Timeline,{className:_(z.TIMELINE_CLASS,d),$direction:v,$alignment:V,$alternate:T,$sort:l,...$,children:[!!(i!=null&&i.visibility)&&l===a.Sorts.Asc&&!m&&u.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S}),!!(i!=null&&i.visibility)&&l===a.Sorts.Desc&&!!m&&u.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S}),(A==null?void 0:A.length)>0&&A.map(({label:e,title:b,subtitle:y,description:D,children:I,variant:L,stepSentiment:N,dot:O,loading:f,key:t,contentPosition:F},r)=>u.jsx(g,{label:e,contentPosition:F,title:b,subtitle:y,description:D,variant:L,dot:O,stepSentiment:N??j,stepAlignment:E.getStepAlignment(v,V,T,r),loading:f,mirrored:m,hasLabels:x,bottomConnector:n,isFirstItem:l===a.Sorts.Asc?r===0:r===s.length-1,isLastItem:l===a.Sorts.Asc?r===s.length-1:r===0,...S,children:I},t)),!!(i!=null&&i.visibility)&&l===a.Sorts.Desc&&!m&&u.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S}),!!(i!=null&&i.visibility)&&l===a.Sorts.Asc&&!!m&&u.jsx(g,{variant:(i==null?void 0:i.variant)==="dashed"?a.Variants.Transparent:a.Variants.Outlined,dot:null,topConnector:!0,...S})]})};module.exports=P;
+"use strict";const n=require("react/jsx-runtime"),O=require("react"),f=require("classnames"),e=require("../../react-base/src/consts/index.js"),F=require("../../react-base/src/components/Timeline/Timeline.utils.js"),M=require("acinguiux-ds-fabrics"),c=require("./components/TimelineStep/TimelineStep.js"),_=require("./Timeline.styles.js"),E=require("../../react-base/src/consts/classes.js"),R=({className:h,size:T=`${e.Sizes.Medium}`,direction:m=`${e.Directions.Vertical}`,sort:i=`${e.Sorts.Asc}`,alignment:V,sentiment:b=M.FabricsVariables.Sentiments.Neutral,alternate:S=!1,mirrored:a=!1,topConnector:s,bottomConnector:d,steps:l,...o})=>{const g=V??(m===e.Directions.Vertical?`${e.Alignments.Right}`:`${e.Alignments.Top}`),q=!!l?.find(t=>t.label),A=O.useMemo(()=>l?.map((t,v)=>({...t,key:`${t.title??t.label}-${v}`})),[l]),r={size:T,direction:m,timelineAlignment:g,alternate:S,sort:i};return n.jsxs(_.Timeline,{className:f(E.TIMELINE_CLASS,h),$direction:m,$alignment:g,$alternate:S,$sort:i,...o,children:[!!s?.visibility&&i===e.Sorts.Asc&&!a&&n.jsx(c,{variant:s?.variant==="dashed"?e.Variants.Transparent:e.Variants.Outlined,dot:null,topConnector:!0,...r}),!!s?.visibility&&i===e.Sorts.Desc&&!!a&&n.jsx(c,{variant:s?.variant==="dashed"?e.Variants.Transparent:e.Variants.Outlined,dot:null,topConnector:!0,...r}),A?.length>0&&A.map(({label:t,title:v,subtitle:j,description:y,children:$,variant:p,stepSentiment:x,dot:D,loading:I,key:L,contentPosition:N},u)=>n.jsx(c,{label:t,contentPosition:N,title:v,subtitle:j,description:y,variant:p,dot:D,stepSentiment:x??b,stepAlignment:F.getStepAlignment(m,g,S,u),loading:I,mirrored:a,hasLabels:q,bottomConnector:d,isFirstItem:i===e.Sorts.Asc?u===0:u===l.length-1,isLastItem:i===e.Sorts.Asc?u===l.length-1:u===0,...r,children:$},L)),!!s?.visibility&&i===e.Sorts.Desc&&!a&&n.jsx(c,{variant:s?.variant==="dashed"?e.Variants.Transparent:e.Variants.Outlined,dot:null,topConnector:!0,...r}),!!s?.visibility&&i===e.Sorts.Asc&&!!a&&n.jsx(c,{variant:s?.variant==="dashed"?e.Variants.Transparent:e.Variants.Outlined,dot:null,topConnector:!0,...r})]})};module.exports=R;
 //# sourceMappingURL=Timeline.js.map

package/build/cjs/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStep from './components/TimelineStep/TimelineStep';\nimport * as Styled from './Timeline.styles';\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = ({\n  className,\n  size = `${Sizes.Medium}`,\n  direction = `${Directions.Vertical}`,\n  sort = `${Sorts.Asc}`,\n  alignment,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  alternate = false,\n  mirrored = false,\n  topConnector,\n  bottomConnector,\n  steps,\n  ...rest\n}: ITimelineProps) => {\n  const innerAlignment = alignment ?? (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\n  const hasLabels = !!steps?.find((step) => step.label);\n\n  const stepsWithKeys = useMemo(\n    () =>\n      steps?.map((step, index) => ({\n        ...step,\n        // safe to use index as key, as steps are not supposed to change dynamically\n        key: `${step.title ?? step.label}-${index}`,\n      })),\n    [steps],\n  );\n\n  const timelineStepProps = {\n    size,\n    direction,\n    timelineAlignment: innerAlignment,\n    alternate,\n    sort,\n  };\n\n  return (\n    <Styled.Timeline\n      className={classNames(TIMELINE_CLASS, className)}\n      $direction={direction}\n      $alignment={innerAlignment}\n      $alternate={alternate}\n      $sort={sort}\n      {...rest}\n    >\n      {!!topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {stepsWithKeys?.length > 0 &&\n        stepsWithKeys.map(\n          (\n            {\n              label,\n              title,\n              subtitle,\n              description,\n              children,\n              variant,\n              stepSentiment,\n              dot,\n              loading,\n              key,\n              contentPosition,\n            },\n            index,\n          ) => (\n            <TimelineStep\n              label={label}\n              contentPosition={contentPosition}\n              title={title}\n              subtitle={subtitle}\n              description={description}\n              variant={variant}\n              dot={dot}\n              stepSentiment={stepSentiment ?? sentiment}\n              stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\n              loading={loading}\n              mirrored={mirrored}\n              hasLabels={hasLabels}\n              bottomConnector={bottomConnector}\n              isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\n              isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\n              key={key}\n              {...timelineStepProps}\n            >\n              {children}\n            </TimelineStep>\n          ),\n        )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Asc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n    </Styled.Timeline>\n  );\n};\n\nexport default Timeline;\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","stepsWithKeys","useMemo","index","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","key","contentPosition","TimelineUtils.getStepAlignment"],"mappings":"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"}
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, Sorts, Alignments, Variants, TIMELINE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport TimelineStep from './components/TimelineStep/TimelineStep';\nimport * as Styled from './Timeline.styles';\nimport type { ITimelineProps } from './Timeline.types';\n\nconst Timeline = ({\n  className,\n  size = `${Sizes.Medium}`,\n  direction = `${Directions.Vertical}`,\n  sort = `${Sorts.Asc}`,\n  alignment,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  alternate = false,\n  mirrored = false,\n  topConnector,\n  bottomConnector,\n  steps,\n  ...rest\n}: ITimelineProps) => {\n  const innerAlignment = alignment ?? (direction === Directions.Vertical ? `${Alignments.Right}` : `${Alignments.Top}`);\n  const hasLabels = !!steps?.find((step) => step.label);\n\n  const stepsWithKeys = useMemo(\n    () =>\n      steps?.map((step, index) => ({\n        ...step,\n        // safe to use index as key, as steps are not supposed to change dynamically\n        key: `${step.title ?? step.label}-${index}`,\n      })),\n    [steps],\n  );\n\n  const timelineStepProps = {\n    size,\n    direction,\n    timelineAlignment: innerAlignment,\n    alternate,\n    sort,\n  };\n\n  return (\n    <Styled.Timeline\n      className={classNames(TIMELINE_CLASS, className)}\n      $direction={direction}\n      $alignment={innerAlignment}\n      $alternate={alternate}\n      $sort={sort}\n      {...rest}\n    >\n      {!!topConnector?.visibility && sort === Sorts.Asc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {stepsWithKeys?.length > 0 &&\n        stepsWithKeys.map(\n          (\n            {\n              label,\n              title,\n              subtitle,\n              description,\n              children,\n              variant,\n              stepSentiment,\n              dot,\n              loading,\n              key,\n              contentPosition,\n            },\n            index,\n          ) => (\n            <TimelineStep\n              label={label}\n              contentPosition={contentPosition}\n              title={title}\n              subtitle={subtitle}\n              description={description}\n              variant={variant}\n              dot={dot}\n              stepSentiment={stepSentiment ?? sentiment}\n              stepAlignment={TimelineUtils.getStepAlignment(direction, innerAlignment, alternate, index)}\n              loading={loading}\n              mirrored={mirrored}\n              hasLabels={hasLabels}\n              bottomConnector={bottomConnector}\n              isFirstItem={sort === Sorts.Asc ? index === 0 : index === steps.length - 1}\n              isLastItem={sort === Sorts.Asc ? index === steps.length - 1 : index === 0}\n              key={key}\n              {...timelineStepProps}\n            >\n              {children}\n            </TimelineStep>\n          ),\n        )}\n      {!!topConnector?.visibility && sort === Sorts.Desc && !mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n      {!!topConnector?.visibility && sort === Sorts.Asc && !!mirrored && (\n        <TimelineStep\n          variant={topConnector?.variant === 'dashed' ? Variants.Transparent : Variants.Outlined}\n          dot={null}\n          topConnector={true}\n          {...timelineStepProps}\n        />\n      )}\n    </Styled.Timeline>\n  );\n};\n\nexport default Timeline;\n"],"names":["Timeline","className","size","Sizes","direction","Directions","sort","Sorts","alignment","sentiment","FabricsVariables","alternate","mirrored","topConnector","bottomConnector","steps","rest","innerAlignment","Alignments","hasLabels","step","stepsWithKeys","useMemo","index","timelineStepProps","jsxs","Styled.Timeline","classNames","TIMELINE_CLASS","jsx","TimelineStep","Variants","label","title","subtitle","description","children","variant","stepSentiment","dot","loading","key","contentPosition","TimelineUtils.getStepAlignment"],"mappings":"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"}

package/build/cjs/components/Timeline/components/TimelineStepBox/TimelineStepBox.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),$=require("../../../../react-base/src/consts/index.js"),q=require("../../../../react-base/src/components/Timeline/Timeline.utils.js"),d=require("acinguiux-ds-fabrics"),B=require("../../../Loading/Loading.js"),s=require("./TimelineStepBox.styles.js"),D=({size:r,direction:a,variant:S,dot:l,loading:p,mirrored:x=!1,dotLabel:t,noLabel:c,stepAlignment:i,hasContent:T,stepSentiment:j=d.FabricsVariables.Sentiments.Neutral,bottomConnector:n,isFirstItem:g,isLastItem:h,contentPosition:m="normal",children:u,sort:L})=>e.jsxs(e.Fragment,{children:[(i===$.Alignments.Right||i===$.Alignments.Top)&&!!t&&e.jsxs(s.TimelineStepLabelContainer,{children:[e.jsx(s.TimelineStepLabel,{$mirrored:x,$noDotContent:!l,$size:r,$direction:a,$stepAlignment:i,children:t}),m==="opposite"&&u]}),e.jsxs(s.TimelineStepBox,{$size:r,$direction:a,$variant:S,$stepSentiment:j,$stepAlignment:i,$isBottomConnector:n==null?void 0:n.visibility,$connectorVariant:n==null?void 0:n.variant,$noDotContent:!l,$noLabel:c,$isFirstItem:g,$isLastItem:h,$loading:p,$mirrored:x,$sort:L,children:[!!T&&e.jsx(s.TimelineStepDot,{children:p?e.jsx(B,{size:q.getLoadingSize(r)}):l}),e.jsx(s.TimelineStepLine,{})]}),(i===$.Alignments.Left||i===$.Alignments.Bottom)&&!!t&&e.jsxs(s.TimelineStepLabelContainer,{children:[e.jsx(s.TimelineStepLabel,{$mirrored:x,$noDotContent:!l,$size:r,$direction:a,$stepAlignment:i,children:t}),m==="opposite"&&u]})]});module.exports=D;
+"use strict";const e=require("react/jsx-runtime"),o=require("../../../../react-base/src/consts/index.js"),L=require("../../../../react-base/src/components/Timeline/Timeline.utils.js"),q=require("acinguiux-ds-fabrics"),b=require("../../../Loading/Loading.js"),n=require("./TimelineStepBox.styles.js"),d=({size:t,direction:l,variant:p,dot:s,loading:a,mirrored:$=!1,dotLabel:r,noLabel:u,stepAlignment:i,hasContent:S,stepSentiment:T=q.FabricsVariables.Sentiments.Neutral,bottomConnector:m,isFirstItem:j,isLastItem:g,contentPosition:c="normal",children:x,sort:h})=>e.jsxs(e.Fragment,{children:[(i===o.Alignments.Right||i===o.Alignments.Top)&&!!r&&e.jsxs(n.TimelineStepLabelContainer,{children:[e.jsx(n.TimelineStepLabel,{$mirrored:$,$noDotContent:!s,$size:t,$direction:l,$stepAlignment:i,children:r}),c==="opposite"&&x]}),e.jsxs(n.TimelineStepBox,{$size:t,$direction:l,$variant:p,$stepSentiment:T,$stepAlignment:i,$isBottomConnector:m?.visibility,$connectorVariant:m?.variant,$noDotContent:!s,$noLabel:u,$isFirstItem:j,$isLastItem:g,$loading:a,$mirrored:$,$sort:h,children:[!!S&&e.jsx(n.TimelineStepDot,{children:a?e.jsx(b,{size:L.getLoadingSize(t)}):s}),e.jsx(n.TimelineStepLine,{})]}),(i===o.Alignments.Left||i===o.Alignments.Bottom)&&!!r&&e.jsxs(n.TimelineStepLabelContainer,{children:[e.jsx(n.TimelineStepLabel,{$mirrored:$,$noDotContent:!s,$size:t,$direction:l,$stepAlignment:i,children:r}),c==="opposite"&&x]})]});module.exports=d;
 //# sourceMappingURL=TimelineStepBox.js.map

package/build/cjs/components/Timeline/components/TimelineStepBox/TimelineStepBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './TimelineStepBox.styles';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepBox = ({\n  size,\n  direction,\n  variant,\n  dot,\n  loading,\n  mirrored = false,\n  dotLabel,\n  noLabel,\n  stepAlignment,\n  hasContent,\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\n  bottomConnector,\n  isFirstItem,\n  isLastItem,\n  contentPosition = 'normal',\n  children,\n  sort,\n}: ITimelineStepBoxProps) => (\n  <>\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n\n    <Styled.TimelineStepBox\n      $size={size}\n      $direction={direction}\n      $variant={variant}\n      $stepSentiment={stepSentiment}\n      $stepAlignment={stepAlignment}\n      $isBottomConnector={bottomConnector?.visibility}\n      $connectorVariant={bottomConnector?.variant}\n      $noDotContent={!dot}\n      $noLabel={noLabel}\n      $isFirstItem={isFirstItem}\n      $isLastItem={isLastItem}\n      $loading={loading}\n      $mirrored={mirrored}\n      $sort={sort}\n    >\n      {!!hasContent && (\n        <Styled.TimelineStepDot>\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : dot}\n        </Styled.TimelineStepDot>\n      )}\n      <Styled.TimelineStepLine />\n    </Styled.TimelineStepBox>\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n  </>\n);\n\nexport default TimelineStepBox;\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","contentPosition","children","sort","jsxs","Fragment","Alignments","Styled.TimelineStepLabelContainer","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":"4SAQMA,EAAkB,CAAC,CACvB,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,cAAAC,EAAgBC,EAAAA,iBAAiB,WAAW,QAC5C,gBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,SAClB,SAAAC,EACA,KAAAC,CACF,IACEC,EAAAA,KAAAC,WAAA,CACI,SAAA,EAAAX,IAAkBY,EAAAA,WAAW,OAASZ,IAAkBY,EAAAA,WAAW,MAAQ,CAAC,CAACd,GAC7EY,EAAAA,KAACG,EAAAA,2BAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,kBAAA,CACC,UAAWlB,EACX,cAAe,CAACF,EAChB,MAAOH,EACP,WAAYC,EACZ,eAAgBO,EAEf,SAAAF,CAAA,CAAA,EAEFS,IAAoB,YAAcC,CAAA,EACrC,EAGFE,EAAAA,KAACM,EAAAA,gBAAA,CACC,MAAOxB,EACP,WAAYC,EACZ,SAAUC,EACV,eAAgBQ,EAChB,eAAgBF,EAChB,mBAAoBI,GAAA,YAAAA,EAAiB,WACrC,kBAAmBA,GAAA,YAAAA,EAAiB,QACpC,cAAe,CAACT,EAChB,SAAUI,EACV,aAAcM,EACd,YAAaC,EACb,SAAUV,EACV,UAAWC,EACX,MAAOY,EAEN,SAAA,CAAA,CAAC,CAACR,GACDa,EAAAA,IAACG,EAAAA,gBAAA,CACE,SAAArB,EAAUkB,EAAAA,IAACI,EAAA,CAAQ,KAAMC,EAAAA,eAA6B3B,CAAI,CAAA,CAAG,EAAKG,EACrE,EAEFmB,EAAAA,IAACM,EAAAA,iBAAA,CAAA,CAAwB,CAAA,CAAA,CAAA,GAEzBpB,IAAkBY,EAAAA,WAAW,MAAQZ,IAAkBY,EAAAA,WAAW,SAAW,CAAC,CAACd,GAC/EY,EAAAA,KAACG,EAAAA,2BAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,kBAAA,CACC,UAAWlB,EACX,cAAe,CAACF,EAChB,MAAOH,EACP,WAAYC,EACZ,eAAgBO,EAEf,SAAAF,CAAA,CAAA,EAEFS,IAAoB,YAAcC,CAAA,CAAA,CACrC,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"TimelineStepBox.js","sources":["../../../../../../src/components/Timeline/components/TimelineStepBox/TimelineStepBox.tsx"],"sourcesContent":["import { Alignments } from 'acinguiux-ds-react-base/consts';\nimport { TimelineUtils } from 'acinguiux-ds-react-base/components/Timeline';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './TimelineStepBox.styles';\nimport type { ITimelineStepBoxProps } from './TimelineStepBox.types';\n\nconst TimelineStepBox = ({\n  size,\n  direction,\n  variant,\n  dot,\n  loading,\n  mirrored = false,\n  dotLabel,\n  noLabel,\n  stepAlignment,\n  hasContent,\n  stepSentiment = FabricsVariables.Sentiments.Neutral,\n  bottomConnector,\n  isFirstItem,\n  isLastItem,\n  contentPosition = 'normal',\n  children,\n  sort,\n}: ITimelineStepBoxProps) => (\n  <>\n    {(stepAlignment === Alignments.Right || stepAlignment === Alignments.Top) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n\n    <Styled.TimelineStepBox\n      $size={size}\n      $direction={direction}\n      $variant={variant}\n      $stepSentiment={stepSentiment}\n      $stepAlignment={stepAlignment}\n      $isBottomConnector={bottomConnector?.visibility}\n      $connectorVariant={bottomConnector?.variant}\n      $noDotContent={!dot}\n      $noLabel={noLabel}\n      $isFirstItem={isFirstItem}\n      $isLastItem={isLastItem}\n      $loading={loading}\n      $mirrored={mirrored}\n      $sort={sort}\n    >\n      {!!hasContent && (\n        <Styled.TimelineStepDot>\n          {loading ? <Loading size={TimelineUtils.getLoadingSize(size)} /> : dot}\n        </Styled.TimelineStepDot>\n      )}\n      <Styled.TimelineStepLine />\n    </Styled.TimelineStepBox>\n    {(stepAlignment === Alignments.Left || stepAlignment === Alignments.Bottom) && !!dotLabel && (\n      <Styled.TimelineStepLabelContainer>\n        <Styled.TimelineStepLabel\n          $mirrored={mirrored}\n          $noDotContent={!dot}\n          $size={size}\n          $direction={direction}\n          $stepAlignment={stepAlignment}\n        >\n          {dotLabel}\n        </Styled.TimelineStepLabel>\n        {contentPosition === 'opposite' && children}\n      </Styled.TimelineStepLabelContainer>\n    )}\n  </>\n);\n\nexport default TimelineStepBox;\n"],"names":["TimelineStepBox","size","direction","variant","dot","loading","mirrored","dotLabel","noLabel","stepAlignment","hasContent","stepSentiment","FabricsVariables","bottomConnector","isFirstItem","isLastItem","contentPosition","children","sort","jsxs","Fragment","Alignments","Styled.TimelineStepLabelContainer","jsx","Styled.TimelineStepLabel","Styled.TimelineStepBox","Styled.TimelineStepDot","Loading","TimelineUtils.getLoadingSize","Styled.TimelineStepLine"],"mappings":"4SAQMA,EAAkB,CAAC,CACvB,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,cAAAC,EAAgBC,EAAAA,iBAAiB,WAAW,QAC5C,gBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,SAClB,SAAAC,EACA,KAAAC,CACF,IACEC,EAAAA,KAAAC,WAAA,CACI,SAAA,EAAAX,IAAkBY,EAAAA,WAAW,OAASZ,IAAkBY,EAAAA,WAAW,MAAQ,CAAC,CAACd,GAC7EY,EAAAA,KAACG,EAAAA,2BAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,kBAAA,CACC,UAAWlB,EACX,cAAe,CAACF,EAChB,MAAOH,EACP,WAAYC,EACZ,eAAgBO,EAEf,SAAAF,CAAA,CAAA,EAEFS,IAAoB,YAAcC,CAAA,EACrC,EAGFE,EAAAA,KAACM,EAAAA,gBAAA,CACC,MAAOxB,EACP,WAAYC,EACZ,SAAUC,EACV,eAAgBQ,EAChB,eAAgBF,EAChB,mBAAoBI,GAAiB,WACrC,kBAAmBA,GAAiB,QACpC,cAAe,CAACT,EAChB,SAAUI,EACV,aAAcM,EACd,YAAaC,EACb,SAAUV,EACV,UAAWC,EACX,MAAOY,EAEN,SAAA,CAAA,CAAC,CAACR,GACDa,EAAAA,IAACG,EAAAA,gBAAA,CACE,SAAArB,EAAUkB,EAAAA,IAACI,EAAA,CAAQ,KAAMC,EAAAA,eAA6B3B,CAAI,CAAA,CAAG,EAAKG,EACrE,EAEFmB,EAAAA,IAACM,EAAAA,iBAAA,CAAA,CAAwB,CAAA,CAAA,CAAA,GAEzBpB,IAAkBY,EAAAA,WAAW,MAAQZ,IAAkBY,EAAAA,WAAW,SAAW,CAAC,CAACd,GAC/EY,EAAAA,KAACG,EAAAA,2BAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,kBAAA,CACC,UAAWlB,EACX,cAAe,CAACF,EAChB,MAAOH,EACP,WAAYC,EACZ,eAAgBO,EAEf,SAAAF,CAAA,CAAA,EAEFS,IAAoB,YAAcC,CAAA,CAAA,CACrC,CAAA,CAAA,CAEJ"}

package/build/cjs/components/ToggleButton/ToggleButton.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),z=require("classnames"),P=require("../../react-base/src/consts/classes.js"),m=require("../../react-base/src/components/ToggleButton/ToggleButton.utils.js"),u=require("./ToggleButton.styles.js"),O=require("../Loading/Loading.js"),d=require("../Text/components/Label/Label.js"),_=a.forwardRef(({className:S,onClick:o,...T},h)=>{const{icon:g,iconOnly:b,iconPosition:j,loaderSize:q,children:t,loading:r,selected:n,rounded:y,size:s,outlined:c,primaryLabel:i,secondaryLabel:l,...$}=m.useProps(T),[f,x]=a.useState(()=>n);a.useEffect(()=>{x(n)},[n]);const p=a.useCallback(B=>{r||(o==null||o(B),B.isDefaultPrevented()||x(L=>!L))},[o,r]);return e.jsxs(u.ToggleButton,{className:z(S,P.TOGGLE_BUTTON_CLASS),ref:h,type:"button","aria-pressed":!!f,onClick:p,$outlined:c,$size:s,$rounded:y,"aria-busy":r,"aria-label":String(t?t.toString():i??l),...$,children:[e.jsxs(u.ToggleButtonContent,{$size:s,$iconPosition:j,$icon:g,$iconOnly:b,children:[g,!b&&e.jsxs(u.ToggleButtonLabelContainer,{$size:s,children:[!!t&&e.jsx(d,{size:s,children:t}),!!i&&e.jsx(d,{size:s,children:i}),!!l&&e.jsx(d,{size:s,bold:!0,children:l})]})]}),!!r&&e.jsx(O,{type:!c&&n?"selected":void 0,selectedProminence:!c&&n?"strong":void 0,size:q,"aria-hidden":!0,"aria-label":String(t?t.toString():i??l)})]})});module.exports=_;
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),z=require("classnames"),P=require("../../react-base/src/consts/classes.js"),m=require("../../react-base/src/components/ToggleButton/ToggleButton.utils.js"),a=require("./ToggleButton.styles.js"),C=require("../Loading/Loading.js"),u=require("../Text/components/Label/Label.js"),O=l.forwardRef(({className:S,onClick:d,...T},h)=>{const{icon:g,iconOnly:b,iconPosition:j,loaderSize:q,children:t,loading:o,selected:s,rounded:y,size:n,outlined:c,primaryLabel:i,secondaryLabel:r,...$}=m.useProps(T),[f,x]=l.useState(()=>s);l.useEffect(()=>{x(s)},[s]);const p=l.useCallback(B=>{o||(d?.(B),B.isDefaultPrevented()||x(L=>!L))},[d,o]);return e.jsxs(a.ToggleButton,{className:z(S,P.TOGGLE_BUTTON_CLASS),ref:h,type:"button","aria-pressed":!!f,onClick:p,$outlined:c,$size:n,$rounded:y,"aria-busy":o,"aria-label":String(t?t.toString():i??r),...$,children:[e.jsxs(a.ToggleButtonContent,{$size:n,$iconPosition:j,$icon:g,$iconOnly:b,children:[g,!b&&e.jsxs(a.ToggleButtonLabelContainer,{$size:n,children:[!!t&&e.jsx(u,{size:n,children:t}),!!i&&e.jsx(u,{size:n,children:i}),!!r&&e.jsx(u,{size:n,bold:!0,children:r})]})]}),!!o&&e.jsx(C,{type:!c&&s?"selected":void 0,selectedProminence:!c&&s?"strong":void 0,size:q,"aria-hidden":!0,"aria-label":String(t?t.toString():i??r)})]})});module.exports=O;
 //# sourceMappingURL=ToggleButton.js.map

package/build/cjs/components/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (!e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":"yVAWMA,EAAeC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAA6BC,IAAQ,CAC7D,KAAM,CACJ,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,SAA2Bf,CAAK,EAC9B,CAACgB,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,IAAMV,CAAQ,EAEjEW,EAAAA,UAAU,IAAM,CACdF,EAAiBT,CAAQ,CAC3B,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMY,EAAsDC,EAAAA,YACzDC,GAAM,CACAf,IACHR,GAAA,MAAAA,EAAUuB,GACLA,EAAE,sBACLL,EAAkBM,GAAiB,CAACA,CAAY,EAGtD,EACA,CAACxB,EAASQ,CAAO,CAAA,EAGnB,OACEiB,EAAAA,KAACC,EAAO,aAAP,CACC,UAAWC,EAAW5B,EAAW6B,qBAAmB,EACpD,IAAA1B,EACA,KAAK,SACL,eAAc,EAAQe,EACtB,QAASI,EACT,UAAWT,EACX,MAAOD,EACP,SAAUD,EACV,YAAWF,EACX,aAAY,OAAOD,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,EACnF,GAAGC,EAEJ,SAAA,CAAAU,EAAAA,KAACC,EAAO,oBAAP,CAA2B,MAAOf,EAAM,cAAeN,EAAc,MAAOF,EAAM,UAAWC,EAC3F,SAAA,CAAAD,EACA,CAACC,GACAqB,EAAAA,KAACC,EAAO,2BAAP,CAAkC,MAAOf,EACvC,SAAA,CAAA,CAAC,CAACJ,GAAYsB,EAAAA,IAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAJ,EAAS,EAC3C,CAAC,CAACM,GAAgBgB,MAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAE,EAAa,EACnD,CAAC,CAACC,GACDe,EAAAA,IAACC,GAAM,KAAAnB,EAAY,KAAM,GACtB,SAAAG,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EAEJ,EACC,CAAC,CAACN,GACDqB,EAAAA,IAACE,EAAA,CACC,KAAM,CAACnB,GAAYH,EAAW,WAAa,OAC3C,mBAAoB,CAACG,GAAYH,EAAW,SAAW,OACvD,KAAMH,EACN,cAAa,GACb,aAAY,OAAOC,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,CAAA,CAAA,CACtF,CAAA,CAAA,CAIR,CACF"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (!e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":"yVAWMA,EAAeC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAA6BC,IAAQ,CAC7D,KAAM,CACJ,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,SAA2Bf,CAAK,EAC9B,CAACgB,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,IAAMV,CAAQ,EAEjEW,EAAAA,UAAU,IAAM,CACdF,EAAiBT,CAAQ,CAC3B,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMY,EAAsDC,EAAAA,YACzDC,GAAM,CACAf,IACHR,IAAUuB,CAAC,EACNA,EAAE,sBACLL,EAAkBM,GAAiB,CAACA,CAAY,EAGtD,EACA,CAACxB,EAASQ,CAAO,CAAA,EAGnB,OACEiB,EAAAA,KAACC,EAAO,aAAP,CACC,UAAWC,EAAW5B,EAAW6B,qBAAmB,EACpD,IAAA1B,EACA,KAAK,SACL,eAAc,EAAQe,EACtB,QAASI,EACT,UAAWT,EACX,MAAOD,EACP,SAAUD,EACV,YAAWF,EACX,aAAY,OAAOD,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,EACnF,GAAGC,EAEJ,SAAA,CAAAU,EAAAA,KAACC,EAAO,oBAAP,CAA2B,MAAOf,EAAM,cAAeN,EAAc,MAAOF,EAAM,UAAWC,EAC3F,SAAA,CAAAD,EACA,CAACC,GACAqB,EAAAA,KAACC,EAAO,2BAAP,CAAkC,MAAOf,EACvC,SAAA,CAAA,CAAC,CAACJ,GAAYsB,EAAAA,IAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAJ,EAAS,EAC3C,CAAC,CAACM,GAAgBgB,MAACC,EAAA,CAAM,KAAAnB,EAAa,SAAAE,EAAa,EACnD,CAAC,CAACC,GACDe,EAAAA,IAACC,GAAM,KAAAnB,EAAY,KAAM,GACtB,SAAAG,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EAEJ,EACC,CAAC,CAACN,GACDqB,EAAAA,IAACE,EAAA,CACC,KAAM,CAACnB,GAAYH,EAAW,WAAa,OAC3C,mBAAoB,CAACG,GAAYH,EAAW,SAAW,OACvD,KAAMH,EACN,cAAa,GACb,aAAY,OAAOC,EAAWA,EAAS,SAAA,EAAcM,GAAgBC,CAAe,CAAA,CAAA,CACtF,CAAA,CAAA,CAIR,CACF"}

package/build/cjs/components/Tree/Tree.js

@@ -1,2 +1,2 @@
-"use strict";const f=require("react/jsx-runtime"),o=require("react"),E=require("../../react-base/src/components/Tree/Tree.utils.js"),m=require("./Tree.styles.js"),B=require("./components/TreeNode/TreeNode.js"),e=require("./utils/treeUtils.js"),b=o.forwardRef(({...D},C)=>{const l=o.useRef(!0),{treeData:u,size:g,showIcon:k,isCheckable:T,isDisabled:d,onCheck:h,onExpand:p,loadData:c,...P}=E.useProps(D),[a,i]=o.useState(e.patchData({nextData:u,loadData:c,isDisabled:d}));o.useEffect(()=>{if(l.current){l.current=!1;return}i(e.patchData({nextData:u,loadData:c,isDisabled:d}))},[u,d]);const y=({node:t,path:r=[]})=>{if(!a)return;if(!t.children&&c){const n=e.updateNodeByPath([...a],[...r],{isLoading:!0,isExpanded:!0});i(n),c(t);return}const s=e.updateNodeByPath([...a],[...r],{isExpanded:!t.isExpanded});i(s),p&&p(e.getByPath(s,r),e.deepCloneTree(s))},q=({node:t,path:r=[]})=>{if(!a)return;const s=t.isChecked==="indeterminate"?!0:!t.isChecked;let n=e.updateNodeByPath([...a],[...r],{isChecked:s},!0);n=e.updateParentOnCheckboxChange(n,[...r]),i(n);const x=e.getByPath(n,r);x&&h&&h(x,e.deepCloneTree(n))};return f.jsx(m.Tree,{role:"tree","aria-multiselectable":!0,ref:C,...P,children:a==null?void 0:a.map((t,r)=>f.jsx(B,{paddingFactor:0,node:t,path:[r],size:g,isCheckable:T,showIcon:k,onToggleExpanded:y,onToggleChecked:q},t.key))})});module.exports=b;
+"use strict";const f=require("react/jsx-runtime"),o=require("react"),E=require("../../react-base/src/components/Tree/Tree.utils.js"),m=require("./Tree.styles.js"),B=require("./components/TreeNode/TreeNode.js"),e=require("./utils/treeUtils.js"),b=o.forwardRef(({...D},C)=>{const l=o.useRef(!0),{treeData:u,size:g,showIcon:k,isCheckable:T,isDisabled:d,onCheck:h,onExpand:p,loadData:c,...P}=E.useProps(D),[n,i]=o.useState(e.patchData({nextData:u,loadData:c,isDisabled:d}));o.useEffect(()=>{if(l.current){l.current=!1;return}i(e.patchData({nextData:u,loadData:c,isDisabled:d}))},[u,d]);const y=({node:t,path:r=[]})=>{if(!n)return;if(!t.children&&c){const a=e.updateNodeByPath([...n],[...r],{isLoading:!0,isExpanded:!0});i(a),c(t);return}const s=e.updateNodeByPath([...n],[...r],{isExpanded:!t.isExpanded});i(s),p&&p(e.getByPath(s,r),e.deepCloneTree(s))},q=({node:t,path:r=[]})=>{if(!n)return;const s=t.isChecked==="indeterminate"?!0:!t.isChecked;let a=e.updateNodeByPath([...n],[...r],{isChecked:s},!0);a=e.updateParentOnCheckboxChange(a,[...r]),i(a);const x=e.getByPath(a,r);x&&h&&h(x,e.deepCloneTree(a))};return f.jsx(m.Tree,{role:"tree","aria-multiselectable":!0,ref:C,...P,children:n?.map((t,r)=>f.jsx(B,{paddingFactor:0,node:t,path:[r],size:g,isCheckable:T,showIcon:k,onToggleExpanded:y,onToggleChecked:q},t.key))})});module.exports=b;
 //# sourceMappingURL=Tree.js.map

package/build/cjs/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useRef, useState, forwardRef, type ForwardedRef } from 'react';\n\nimport { type TreeTypes, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './Tree.styles';\nimport type { ITreeProps } from './Tree.types';\nimport TreeNodeComponent from './components/TreeNode/TreeNode';\nimport { updateNodeByPath, getByPath, patchData, updateParentOnCheckboxChange, deepCloneTree } from './utils/treeUtils';\n\nconst Tree = forwardRef(({ ...props }: ITreeProps, ref: ForwardedRef<HTMLUListElement>) => {\n  const checkFirstRender = useRef(true);\n  const { treeData, size, showIcon, isCheckable, isDisabled, onCheck, onExpand, loadData, ...treeProps } =\n    TreeUtils.useProps(props);\n\n  const [data, setData] = useState(patchData({ nextData: treeData, loadData, isDisabled }));\n\n  useEffect(() => {\n    if (checkFirstRender.current) {\n      checkFirstRender.current = false;\n\n      return;\n    }\n\n    setData(patchData({ nextData: treeData, loadData, isDisabled }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [treeData, isDisabled]);\n\n  const onToggleExpanded: TreeTypes.ToggleExpandedType = ({ node, path = [] }) => {\n    if (!data) {\n      return;\n    }\n\n    if (!node.children && loadData) {\n      const nextData = updateNodeByPath([...data], [...path], { isLoading: true, isExpanded: true });\n      setData(nextData);\n      loadData(node);\n\n      return;\n    }\n\n    const nextData = updateNodeByPath([...data], [...path], { isExpanded: !node.isExpanded });\n    setData(nextData);\n\n    if (onExpand) {\n      onExpand(getByPath(nextData, path)!, deepCloneTree(nextData!));\n    }\n  };\n\n  const onToggleChecked: TreeTypes.ToggleCheckedType = ({ node, path = [] }) => {\n    if (!data) {\n      return;\n    }\n\n    const nextValue = node.isChecked === 'indeterminate' ? true : !node.isChecked;\n\n    let nextData = updateNodeByPath([...data], [...path], { isChecked: nextValue }, true);\n    nextData = updateParentOnCheckboxChange(nextData, [...path]);\n    setData(nextData);\n\n    const updatedItem = getByPath(nextData, path);\n    if (updatedItem && onCheck) {\n      onCheck(updatedItem, deepCloneTree(nextData!));\n    }\n  };\n\n  return (\n    <Styled.Tree role=\"tree\" aria-multiselectable={true} ref={ref} {...treeProps}>\n      {data?.map((node, i) => (\n        <TreeNodeComponent\n          key={node.key}\n          paddingFactor={0}\n          node={node}\n          path={[i]}\n          size={size}\n          isCheckable={isCheckable}\n          showIcon={showIcon}\n          onToggleExpanded={onToggleExpanded}\n          onToggleChecked={onToggleChecked}\n        />\n      ))}\n    </Styled.Tree>\n  );\n});\n\nexport default Tree;\n"],"names":["Tree","forwardRef","props","ref","checkFirstRender","useRef","treeData","size","showIcon","isCheckable","isDisabled","onCheck","onExpand","loadData","treeProps","TreeUtils.useProps","data","setData","useState","patchData","useEffect","onToggleExpanded","node","path","nextData","updateNodeByPath","getByPath","deepCloneTree","onToggleChecked","nextValue","updateParentOnCheckboxChange","updatedItem","jsx","Styled.Tree","i","TreeNodeComponent"],"mappings":"oPASMA,EAAOC,EAAAA,WAAW,CAAC,CAAE,GAAGC,CAAA,EAAqBC,IAAwC,CACzF,MAAMC,EAAmBC,EAAAA,OAAO,EAAI,EAC9B,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EACzFC,EAAAA,SAAmBb,CAAK,EAEpB,CAACc,EAAMC,CAAO,EAAIC,WAASC,EAAAA,UAAU,CAAE,SAAUb,EAAU,SAAAO,EAAU,WAAAH,CAAA,CAAY,CAAC,EAExFU,EAAAA,UAAU,IAAM,CACd,GAAIhB,EAAiB,QAAS,CAC5BA,EAAiB,QAAU,GAE3B,MACF,CAEAa,EAAQE,EAAAA,UAAU,CAAE,SAAUb,EAAU,SAAAO,EAAU,WAAAH,CAAA,CAAY,CAAC,CAEjE,EAAG,CAACJ,EAAUI,CAAU,CAAC,EAEzB,MAAMW,EAAiD,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAO,CAAA,KAAS,CAC9E,GAAI,CAACP,EACH,OAGF,GAAI,CAACM,EAAK,UAAYT,EAAU,CAC9B,MAAMW,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,UAAW,GAAM,WAAY,GAAM,EAC7FN,EAAQO,CAAQ,EAChBX,EAASS,CAAI,EAEb,MACF,CAEA,MAAME,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,WAAY,CAACD,EAAK,WAAY,EACxFL,EAAQO,CAAQ,EAEZZ,GACFA,EAASc,EAAAA,UAAUF,EAAUD,CAAI,EAAII,EAAAA,cAAcH,CAAS,CAAC,CAEjE,EAEMI,EAA+C,CAAC,CAAE,KAAAN,EAAM,KAAAC,EAAO,CAAA,KAAS,CAC5E,GAAI,CAACP,EACH,OAGF,MAAMa,EAAYP,EAAK,YAAc,gBAAkB,GAAO,CAACA,EAAK,UAEpE,IAAIE,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,UAAWM,CAAA,EAAa,EAAI,EACpFL,EAAWM,EAAAA,6BAA6BN,EAAU,CAAC,GAAGD,CAAI,CAAC,EAC3DN,EAAQO,CAAQ,EAEhB,MAAMO,EAAcL,EAAAA,UAAUF,EAAUD,CAAI,EACxCQ,GAAepB,GACjBA,EAAQoB,EAAaJ,gBAAcH,CAAS,CAAC,CAEjD,EAEA,OACEQ,EAAAA,IAACC,EAAAA,KAAA,CAAY,KAAK,OAAO,uBAAsB,GAAM,IAAA9B,EAAW,GAAGW,EAChE,SAAAE,GAAA,YAAAA,EAAM,IAAI,CAACM,EAAMY,IAChBF,EAAAA,IAACG,EAAA,CAEC,cAAe,EACf,KAAAb,EACA,KAAM,CAACY,CAAC,EACR,KAAA3B,EACA,YAAAE,EACA,SAAAD,EACA,iBAAAa,EACA,gBAAAO,CAAA,EARKN,EAAK,GAAA,GAWhB,CAEJ,CAAC"}
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useRef, useState, forwardRef, type ForwardedRef } from 'react';\n\nimport { type TreeTypes, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './Tree.styles';\nimport type { ITreeProps } from './Tree.types';\nimport TreeNodeComponent from './components/TreeNode/TreeNode';\nimport { updateNodeByPath, getByPath, patchData, updateParentOnCheckboxChange, deepCloneTree } from './utils/treeUtils';\n\nconst Tree = forwardRef(({ ...props }: ITreeProps, ref: ForwardedRef<HTMLUListElement>) => {\n  const checkFirstRender = useRef(true);\n  const { treeData, size, showIcon, isCheckable, isDisabled, onCheck, onExpand, loadData, ...treeProps } =\n    TreeUtils.useProps(props);\n\n  const [data, setData] = useState(patchData({ nextData: treeData, loadData, isDisabled }));\n\n  useEffect(() => {\n    if (checkFirstRender.current) {\n      checkFirstRender.current = false;\n\n      return;\n    }\n\n    setData(patchData({ nextData: treeData, loadData, isDisabled }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [treeData, isDisabled]);\n\n  const onToggleExpanded: TreeTypes.ToggleExpandedType = ({ node, path = [] }) => {\n    if (!data) {\n      return;\n    }\n\n    if (!node.children && loadData) {\n      const nextData = updateNodeByPath([...data], [...path], { isLoading: true, isExpanded: true });\n      setData(nextData);\n      loadData(node);\n\n      return;\n    }\n\n    const nextData = updateNodeByPath([...data], [...path], { isExpanded: !node.isExpanded });\n    setData(nextData);\n\n    if (onExpand) {\n      onExpand(getByPath(nextData, path)!, deepCloneTree(nextData!));\n    }\n  };\n\n  const onToggleChecked: TreeTypes.ToggleCheckedType = ({ node, path = [] }) => {\n    if (!data) {\n      return;\n    }\n\n    const nextValue = node.isChecked === 'indeterminate' ? true : !node.isChecked;\n\n    let nextData = updateNodeByPath([...data], [...path], { isChecked: nextValue }, true);\n    nextData = updateParentOnCheckboxChange(nextData, [...path]);\n    setData(nextData);\n\n    const updatedItem = getByPath(nextData, path);\n    if (updatedItem && onCheck) {\n      onCheck(updatedItem, deepCloneTree(nextData!));\n    }\n  };\n\n  return (\n    <Styled.Tree role=\"tree\" aria-multiselectable={true} ref={ref} {...treeProps}>\n      {data?.map((node, i) => (\n        <TreeNodeComponent\n          key={node.key}\n          paddingFactor={0}\n          node={node}\n          path={[i]}\n          size={size}\n          isCheckable={isCheckable}\n          showIcon={showIcon}\n          onToggleExpanded={onToggleExpanded}\n          onToggleChecked={onToggleChecked}\n        />\n      ))}\n    </Styled.Tree>\n  );\n});\n\nexport default Tree;\n"],"names":["Tree","forwardRef","props","ref","checkFirstRender","useRef","treeData","size","showIcon","isCheckable","isDisabled","onCheck","onExpand","loadData","treeProps","TreeUtils.useProps","data","setData","useState","patchData","useEffect","onToggleExpanded","node","path","nextData","updateNodeByPath","getByPath","deepCloneTree","onToggleChecked","nextValue","updateParentOnCheckboxChange","updatedItem","jsx","Styled.Tree","i","TreeNodeComponent"],"mappings":"oPASMA,EAAOC,EAAAA,WAAW,CAAC,CAAE,GAAGC,CAAA,EAAqBC,IAAwC,CACzF,MAAMC,EAAmBC,EAAAA,OAAO,EAAI,EAC9B,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EACzFC,EAAAA,SAAmBb,CAAK,EAEpB,CAACc,EAAMC,CAAO,EAAIC,WAASC,EAAAA,UAAU,CAAE,SAAUb,EAAU,SAAAO,EAAU,WAAAH,CAAA,CAAY,CAAC,EAExFU,EAAAA,UAAU,IAAM,CACd,GAAIhB,EAAiB,QAAS,CAC5BA,EAAiB,QAAU,GAE3B,MACF,CAEAa,EAAQE,EAAAA,UAAU,CAAE,SAAUb,EAAU,SAAAO,EAAU,WAAAH,CAAA,CAAY,CAAC,CAEjE,EAAG,CAACJ,EAAUI,CAAU,CAAC,EAEzB,MAAMW,EAAiD,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAO,CAAA,KAAS,CAC9E,GAAI,CAACP,EACH,OAGF,GAAI,CAACM,EAAK,UAAYT,EAAU,CAC9B,MAAMW,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,UAAW,GAAM,WAAY,GAAM,EAC7FN,EAAQO,CAAQ,EAChBX,EAASS,CAAI,EAEb,MACF,CAEA,MAAME,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,WAAY,CAACD,EAAK,WAAY,EACxFL,EAAQO,CAAQ,EAEZZ,GACFA,EAASc,EAAAA,UAAUF,EAAUD,CAAI,EAAII,EAAAA,cAAcH,CAAS,CAAC,CAEjE,EAEMI,EAA+C,CAAC,CAAE,KAAAN,EAAM,KAAAC,EAAO,CAAA,KAAS,CAC5E,GAAI,CAACP,EACH,OAGF,MAAMa,EAAYP,EAAK,YAAc,gBAAkB,GAAO,CAACA,EAAK,UAEpE,IAAIE,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,UAAWM,CAAA,EAAa,EAAI,EACpFL,EAAWM,EAAAA,6BAA6BN,EAAU,CAAC,GAAGD,CAAI,CAAC,EAC3DN,EAAQO,CAAQ,EAEhB,MAAMO,EAAcL,EAAAA,UAAUF,EAAUD,CAAI,EACxCQ,GAAepB,GACjBA,EAAQoB,EAAaJ,gBAAcH,CAAS,CAAC,CAEjD,EAEA,OACEQ,EAAAA,IAACC,EAAAA,KAAA,CAAY,KAAK,OAAO,uBAAsB,GAAM,IAAA9B,EAAW,GAAGW,EAChE,SAAAE,GAAM,IAAI,CAACM,EAAMY,IAChBF,EAAAA,IAACG,EAAA,CAEC,cAAe,EACf,KAAAb,EACA,KAAM,CAACY,CAAC,EACR,KAAA3B,EACA,YAAAE,EACA,SAAAD,EACA,iBAAAa,EACA,gBAAAO,CAAA,EARKN,EAAK,GAAA,CAUb,EACH,CAEJ,CAAC"}

package/build/cjs/components/Tree/components/TreeCheckbox/TreeCheckbox.js

@@ -1,2 +1,2 @@
-"use strict";const d=require("react/jsx-runtime"),u=require("./TreeCheckbox.styles.js"),x=({node:r,path:t,size:c,onToggleChecked:i})=>{const{isChecked:e,isDisabled:n}=r,a=s=>{n||s.keyCode!==32||(s.preventDefault(),i({node:r,path:t}))},o=e==="indeterminate"?"mixed":!!e;return d.jsx(u.TreeCheckbox,{indeterminate:e==="indeterminate",checked:e===!0,size:c,onChange:()=>i({node:r,path:t}),disabled:n,"aria-hidden":!0,wrapperProps:{role:"checkbox","aria-checked":o,tabIndex:-1,onKeyDown:a}})};module.exports=x;
+"use strict";const n=require("react/jsx-runtime"),o=require("./TreeCheckbox.styles.js"),d=({node:e,path:t,size:r,onToggleChecked:i})=>{const{isChecked:s,isDisabled:c}=e;return n.jsx(o.TreeCheckbox,{indeterminate:s==="indeterminate",checked:s===!0,size:r,onChange:()=>i({node:e,path:t}),disabled:c})};module.exports=d;
 //# sourceMappingURL=TreeCheckbox.js.map

package/build/cjs/components/Tree/components/TreeCheckbox/TreeCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCheckbox.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\nimport type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './TreeCheckbox.styles';\n\ninterface ITreeCheckboxProps {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  size: TreeTypes.Size;\n  onToggleChecked: TreeTypes.ToggleCheckedType;\n}\n\nconst TreeCheckbox = ({ node, path, size, onToggleChecked }: ITreeCheckboxProps) => {\n  const { isChecked, isDisabled } = node;\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (isDisabled || e.keyCode !== 32) {\n      return;\n    }\n\n    e.preventDefault();\n    onToggleChecked({ node, path });\n  };\n\n  const ariaChecked = isChecked === 'indeterminate' ? 'mixed' : !!isChecked;\n\n  return (\n    <Styled.TreeCheckbox\n      indeterminate={isChecked === 'indeterminate'}\n      checked={isChecked === true}\n      size={size}\n      onChange={() => onToggleChecked({ node, path })}\n      disabled={isDisabled}\n      aria-hidden={true}\n      wrapperProps={{ role: 'checkbox', 'aria-checked': ariaChecked, tabIndex: -1, onKeyDown }}\n    />\n  );\n};\n\nexport default TreeCheckbox;\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","onKeyDown","e","ariaChecked","jsx","Styled.TreeCheckbox"],"mappings":"wFAaMA,EAAe,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,gBAAAC,KAA0C,CAClF,KAAM,CAAE,UAAAC,EAAW,WAAAC,CAAA,EAAeL,EAE5BM,EAAaC,GAAqB,CAClCF,GAAcE,EAAE,UAAY,KAIhCA,EAAE,eAAA,EACFJ,EAAgB,CAAE,KAAAH,EAAM,KAAAC,EAAM,EAChC,EAEMO,EAAcJ,IAAc,gBAAkB,QAAU,CAAC,CAACA,EAEhE,OACEK,EAAAA,IAACC,EAAAA,aAAA,CACC,cAAeN,IAAc,gBAC7B,QAASA,IAAc,GACvB,KAAAF,EACA,SAAU,IAAMC,EAAgB,CAAE,KAAAH,EAAM,KAAAC,EAAM,EAC9C,SAAUI,EACV,cAAa,GACb,aAAc,CAAE,KAAM,WAAY,eAAgBG,EAAa,SAAU,GAAI,UAAAF,CAAA,CAAU,CAAA,CAG7F"}
+{"version":3,"file":"TreeCheckbox.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.tsx"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './TreeCheckbox.styles';\n\ninterface ITreeCheckboxProps {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  size: TreeTypes.Size;\n  onToggleChecked: TreeTypes.ToggleCheckedType;\n}\n\nconst TreeCheckbox = ({ node, path, size, onToggleChecked }: ITreeCheckboxProps) => {\n  const { isChecked, isDisabled } = node;\n\n  return (\n    <Styled.TreeCheckbox\n      indeterminate={isChecked === 'indeterminate'}\n      checked={isChecked === true}\n      size={size}\n      onChange={() => onToggleChecked({ node, path })}\n      disabled={isDisabled}\n    />\n  );\n};\n\nexport default TreeCheckbox;\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","jsx","Styled.TreeCheckbox"],"mappings":"wFAWMA,EAAe,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,gBAAAC,KAA0C,CAClF,KAAM,CAAE,UAAAC,EAAW,WAAAC,CAAA,EAAeL,EAElC,OACEM,EAAAA,IAACC,EAAAA,aAAA,CACC,cAAeH,IAAc,gBAC7B,QAASA,IAAc,GACvB,KAAAF,EACA,SAAU,IAAMC,EAAgB,CAAE,KAAAH,EAAM,KAAAC,EAAM,EAC9C,SAAUI,CAAA,CAAA,CAGhB"}

package/build/cjs/components/Tree/components/TreeNode/TreeNode.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),k=require("react"),q=require("../TreeToggleNode/TreeToggleNode.js"),C=require("../TreeCheckbox/TreeCheckbox.js"),N=require("../../Tree.styles.js"),t=require("./TreeNode.styles.js"),$=require("../../../Text/components/Label/Label.js"),g=o=>{var a,l;const{paddingFactor:c,node:e,path:s=[],size:n,isCheckable:d,showIcon:h,onToggleExpanded:u,onToggleChecked:x}=o,p=()=>{if(d)return i.jsx(C,{node:e,path:s,onToggleChecked:x,size:n})},b=()=>{if(!h||!(e!=null&&e.icon))return;const r=typeof(e==null?void 0:e.icon)=="function"?e==null?void 0:e.icon(e):e==null?void 0:e.icon;return i.jsx(t.NodeIcon,{"aria-hidden":!0,$isDisabled:e.isDisabled,$size:n,children:r})},T=1+c;return i.jsxs(t.Node,{role:"treeitem","aria-expanded":e.isExpanded,"aria-selected":!!e.isChecked,children:[i.jsxs(t.NodeContent,{$paddingFactor:c,$isActive:d||!!e.children,$size:n,$isDisabled:e.isDisabled,children:[i.jsx(q,{node:e,path:s,size:n,onToggleExpanded:u}),!e.isLoading&&p(),!e.isLoading&&b(),i.jsx($,{size:n,disabled:e.isDisabled,children:e.isLoading?"Loading...":e.title})]}),e.isExpanded&&!!((a=e.children)!=null&&a.length)&&i.jsx(N.Tree,{role:"group",children:(l=e.children)==null?void 0:l.map((r,j)=>k.createElement(g,{...o,key:r.key,node:r,paddingFactor:T,path:s.concat(j)}))})]})};module.exports=g;
+"use strict";const i=require("react/jsx-runtime"),T=require("react"),j=require("../TreeToggleNode/TreeToggleNode.js"),k=require("../TreeCheckbox/TreeCheckbox.js"),q=require("../../Tree.styles.js"),s=require("./TreeNode.styles.js"),C=require("../../../Text/components/Label/Label.js"),a=t=>{const{paddingFactor:d,node:e,path:r=[],size:n,isCheckable:c,showIcon:l,onToggleExpanded:g,onToggleChecked:h}=t,u=()=>{if(c)return i.jsx(k,{node:e,path:r,onToggleChecked:h,size:n})},x=()=>{if(!l||!e?.icon)return;const o=typeof e?.icon=="function"?e?.icon(e):e?.icon;return i.jsx(s.NodeIcon,{"aria-hidden":!0,$isDisabled:e.isDisabled,$size:n,children:o})},p=1+d;return i.jsxs(s.Node,{role:"treeitem","aria-expanded":e.isExpanded,"aria-selected":!!e.isChecked,children:[i.jsxs(s.NodeContent,{$paddingFactor:d,$isActive:c||!!e.children,$size:n,$isDisabled:e.isDisabled,children:[i.jsx(j,{node:e,path:r,size:n,onToggleExpanded:g}),!e.isLoading&&u(),!e.isLoading&&x(),i.jsx(C,{size:n,disabled:e.isDisabled,children:e.isLoading?"Loading...":e.title})]}),e.isExpanded&&!!e.children?.length&&i.jsx(q.Tree,{role:"group",children:e.children?.map((o,b)=>T.createElement(a,{...t,key:o.key,node:o,paddingFactor:p,path:r.concat(b)}))})]})};module.exports=a;
 //# sourceMappingURL=TreeNode.js.map