npm - @veeqo/ui - Versions diffs - 9.4.1 → 9.5.1 - Mend

@veeqo/ui 9.4.1 → 9.5.1

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

Files changed (325) hide show

package/dist/components/DataTable/hooks/useSelection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { SelectionHeader } from '../components/SelectionHeader.js';
 import { SelectionCell } from '../components/SelectionCell.js';
@@ -48,8 +48,8 @@ function useSelection({ selectionMode = 'multiple', selectionState, enabledRowId
         width: '40px',
         align: 'center',
         pinned: 'left',
-        renderHeader: (column, headerProps) => (React.createElement(SelectionHeader, { ...headerProps, selected: selectedRowIds.length === enabledRowIds.length, indeterminate: selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length, onChange: toggleAllSelected, selectionMode: selectionMode })),
-        renderCell: (row, cellProps, actions, rowState) => (React.createElement(SelectionCell, { ...cellProps, rowId: row.id, selected: rowState.selected, onChange: actions.setSelected, selectionMode: selectionMode, disabled: rowState.disabled })),
+        renderHeader: (column, headerProps) => (React__default.createElement(SelectionHeader, { ...headerProps, selected: selectedRowIds.length === enabledRowIds.length, indeterminate: selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length, onChange: toggleAllSelected, selectionMode: selectionMode })),
+        renderCell: (row, cellProps, actions, rowState) => (React__default.createElement(SelectionCell, { ...cellProps, rowId: row.id, selected: rowState.selected, onChange: actions.setSelected, selectionMode: selectionMode, disabled: rowState.disabled })),
     };
     return {
         selectionEnabled,

package/dist/components/DataTable/hooks/useSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelection.js","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport React from 'react';\n\nimport { ColumnConfig, RowId, SelectionState, SelectionMode, SetSelectedAction } from '../types';\n\nimport { SelectionHeader } from '../components/SelectionHeader';\nimport { SelectionCell } from '../components/SelectionCell';\n\nexport type UseSelectionConfig = {\n selectionMode?: SelectionMode;\n selectionState?: SelectionState;\n enabledRowIds: RowId[];\n};\n\nconst emptySelectionState: SelectionState = [[], () => {}];\n\nexport function useSelection({\n selectionMode = 'multiple',\n selectionState,\n enabledRowIds,\n}: UseSelectionConfig) {\n const selectionEnabled = !!selectionState;\n const [selectedRowIds, setSelectedRowIds] = selectionState \|\| emptySelectionState;\n\n // TODO: Memoise this\n const setSelected: SetSelectedAction = (selected, rowId) => {\n if (rowId === undefined \|\| rowId === null) return; // Can't use falsey, must allow number 0\n if (selected && selectionMode === 'single') {\n // Replace selectedRowIds with only the current rowId\n setSelectedRowIds([rowId]);\n return;\n }\n if (selected) {\n // Add rowId to selectedRowIds\n if (selectedRowIds.includes(rowId)) return;\n const rowIds = [...selectedRowIds, rowId];\n setSelectedRowIds(rowIds);\n } else {\n // Remove rowIds from selectedRowIds\n const index = selectedRowIds.findIndex((id) => id === rowId);\n if (index < 0) return;\n const rowIds = [...selectedRowIds];\n rowIds.splice(index, 1);\n setSelectedRowIds(rowIds);\n }\n };\n\n // TODO: Memoise this\n const toggleAllSelected = () => {\n if (selectedRowIds.length === enabledRowIds.length) {\n setSelectedRowIds([]);\n return;\n }\n setSelectedRowIds(enabledRowIds);\n };\n\n // TODO: Memoise this\n const selectionColumn: ColumnConfig = {\n id: 'selection',\n title: 'Selection',\n width: '40px',\n align: 'center',\n pinned: 'left',\n renderHeader: (column, headerProps) => (\n <SelectionHeader\n {...headerProps}\n selected={selectedRowIds.length === enabledRowIds.length}\n indeterminate={selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length}\n onChange={toggleAllSelected}\n selectionMode={selectionMode}\n />\n ),\n renderCell: (row, cellProps, actions, rowState) => (\n <SelectionCell\n {...cellProps}\n rowId={row.id}\n selected={rowState.selected}\n onChange={actions.setSelected}\n selectionMode={selectionMode}\n disabled={rowState.disabled}\n />\n ),\n };\n\n return {\n selectionEnabled,\n selectedRowIds,\n selectionColumn,\n setSelected,\n };\n}\n"],"names":[],"mappings":";;;;AAAA;AAeA,MAAM,mBAAmB,GAAmB,CAAC,EAAE,EAAE,MAAK,GAAG,CAAC;AAEpD,SAAU,YAAY,CAAC,EAC3B,aAAa,GAAG,UAAU,EAC1B,cAAc,EACd,aAAa,GACM,EAAA;AACnB,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,cAAc;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,cAAc,IAAI,mBAAmB;;AAGjF,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO;AAClD,QAAA,IAAI,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;;AAE1C,YAAA,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;YAC1B;AACD;AACD,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AACH,KAAC;;IAGD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAClD,iBAAiB,CAAC,EAAE,CAAC;YACrB;AACD;QACD,iBAAiB,CAAC,aAAa,CAAC;AAClC,KAAC;;AAGD,IAAA,MAAM,eAAe,GAAiB;AACpC,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,~~MAChC~~,~~KAAC~~,CAAA,aAAA,CAAA,eAAe,OACV,WAAW,EACf,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EACxD,aAAa,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EACxF,QAAQ,EAAE,iBAAiB,EAC3B,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH;QACD,UAAU,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,~~MAC5C~~,~~oBAAC~~,aAAa,EAAA,EAAA,GACR,SAAS,EACb,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAA,CAC3B,CACH;KACF;IAED,OAAO;QACL,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,WAAW;KACZ;AACH;;;;"}
1	+ {"version":3,"file":"useSelection.js","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport React from 'react';\n\nimport { ColumnConfig, RowId, SelectionState, SelectionMode, SetSelectedAction } from '../types';\n\nimport { SelectionHeader } from '../components/SelectionHeader';\nimport { SelectionCell } from '../components/SelectionCell';\n\nexport type UseSelectionConfig = {\n selectionMode?: SelectionMode;\n selectionState?: SelectionState;\n enabledRowIds: RowId[];\n};\n\nconst emptySelectionState: SelectionState = [[], () => {}];\n\nexport function useSelection({\n selectionMode = 'multiple',\n selectionState,\n enabledRowIds,\n}: UseSelectionConfig) {\n const selectionEnabled = !!selectionState;\n const [selectedRowIds, setSelectedRowIds] = selectionState \|\| emptySelectionState;\n\n // TODO: Memoise this\n const setSelected: SetSelectedAction = (selected, rowId) => {\n if (rowId === undefined \|\| rowId === null) return; // Can't use falsey, must allow number 0\n if (selected && selectionMode === 'single') {\n // Replace selectedRowIds with only the current rowId\n setSelectedRowIds([rowId]);\n return;\n }\n if (selected) {\n // Add rowId to selectedRowIds\n if (selectedRowIds.includes(rowId)) return;\n const rowIds = [...selectedRowIds, rowId];\n setSelectedRowIds(rowIds);\n } else {\n // Remove rowIds from selectedRowIds\n const index = selectedRowIds.findIndex((id) => id === rowId);\n if (index < 0) return;\n const rowIds = [...selectedRowIds];\n rowIds.splice(index, 1);\n setSelectedRowIds(rowIds);\n }\n };\n\n // TODO: Memoise this\n const toggleAllSelected = () => {\n if (selectedRowIds.length === enabledRowIds.length) {\n setSelectedRowIds([]);\n return;\n }\n setSelectedRowIds(enabledRowIds);\n };\n\n // TODO: Memoise this\n const selectionColumn: ColumnConfig = {\n id: 'selection',\n title: 'Selection',\n width: '40px',\n align: 'center',\n pinned: 'left',\n renderHeader: (column, headerProps) => (\n <SelectionHeader\n {...headerProps}\n selected={selectedRowIds.length === enabledRowIds.length}\n indeterminate={selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length}\n onChange={toggleAllSelected}\n selectionMode={selectionMode}\n />\n ),\n renderCell: (row, cellProps, actions, rowState) => (\n <SelectionCell\n {...cellProps}\n rowId={row.id}\n selected={rowState.selected}\n onChange={actions.setSelected}\n selectionMode={selectionMode}\n disabled={rowState.disabled}\n />\n ),\n };\n\n return {\n selectionEnabled,\n selectedRowIds,\n selectionColumn,\n setSelected,\n };\n}\n"],"names":["React"],"mappings":";;;;AAAA;AAeA,MAAM,mBAAmB,GAAmB,CAAC,EAAE,EAAE,MAAK,GAAG,CAAC;AAEpD,SAAU,YAAY,CAAC,EAC3B,aAAa,GAAG,UAAU,EAC1B,cAAc,EACd,aAAa,GACM,EAAA;AACnB,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,cAAc;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,cAAc,IAAI,mBAAmB;;AAGjF,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO;AAClD,QAAA,IAAI,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;;AAE1C,YAAA,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;YAC1B;AACD;AACD,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AACH,KAAC;;IAGD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAClD,iBAAiB,CAAC,EAAE,CAAC;YACrB;AACD;QACD,iBAAiB,CAAC,aAAa,CAAC;AAClC,KAAC;;AAGD,IAAA,MAAM,eAAe,GAAiB;AACpC,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,MAChCA,cAAC,CAAA,aAAA,CAAA,eAAe,OACV,WAAW,EACf,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EACxD,aAAa,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EACxF,QAAQ,EAAE,iBAAiB,EAC3B,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH;QACD,UAAU,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,MAC5CA,6BAAC,aAAa,EAAA,EAAA,GACR,SAAS,EACb,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAA,CAC3B,CACH;KACF;IAED,OAAO;QACL,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,WAAW;KACZ;AACH;;;;"}

package/dist/components/DataTable/renderers/renderFooter.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Cell } from '../components/Cell.js';
 /**
@@ -18,7 +18,7 @@ function renderFooter({ column }) {
         spacing: column.spacing,
     };
     if (!column.renderFooter) {
-        return React.createElement(Cell, { ...footerProps });
+        return React__default.createElement(Cell, { ...footerProps });
     }
     return column.renderFooter(column, footerProps);
 }

package/dist/components/DataTable/renderers/renderFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderFooter.js","sources":["../../../../src/components/DataTable/renderers/renderFooter.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ColumnConfig } from '../types';\nimport { Cell } from '../components/Cell';\n\ntype RenderFooterParameters = {\n column: ColumnConfig;\n};\n\n/*\n Default renderer for table footer cells\n \n @param column Column configuration object\n * @returns Footer cell instance\n */\nexport function renderFooter({ column }: RenderFooterParameters): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const footerProps = {\n key: column.id,\n role: 'cell',\n align: column.align,\n spacing: column.spacing,\n };\n\n if (!column.renderFooter) {\n return <Cell {...footerProps} />;\n }\n\n return column.renderFooter(column, footerProps);\n}\n"],"names":[],"mappings":";;;AASA;;;;;AAKG;AACa,SAAA,YAAY,CAAC,EAAE,MAAM,EAA0B,EAAA;IAC7D,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAG;QAClB,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AACxB,QAAA,~~OAAO~~,~~KAAC~~,CAAA,aAAA,CAAA,IAAI,EAAK,EAAA,GAAA,WAAW,GAAI;AACjC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AACjD;;;;"}
1	+ {"version":3,"file":"renderFooter.js","sources":["../../../../src/components/DataTable/renderers/renderFooter.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ColumnConfig } from '../types';\nimport { Cell } from '../components/Cell';\n\ntype RenderFooterParameters = {\n column: ColumnConfig;\n};\n\n/*\n Default renderer for table footer cells\n \n @param column Column configuration object\n * @returns Footer cell instance\n */\nexport function renderFooter({ column }: RenderFooterParameters): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const footerProps = {\n key: column.id,\n role: 'cell',\n align: column.align,\n spacing: column.spacing,\n };\n\n if (!column.renderFooter) {\n return <Cell {...footerProps} />;\n }\n\n return column.renderFooter(column, footerProps);\n}\n"],"names":["React"],"mappings":";;;AASA;;;;;AAKG;AACa,SAAA,YAAY,CAAC,EAAE,MAAM,EAA0B,EAAA;IAC7D,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAG;QAClB,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AACxB,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAK,EAAA,GAAA,WAAW,GAAI;AACjC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AACjD;;;;"}

package/dist/components/DataTable/renderers/renderHeader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Tooltip } from '../../Tooltip/Tooltip.js';
 import { Header } from '../components/Header.js';
 import { ClickableHeaderContent, HeaderContent, SortIndicator } from '../components/ColumnHeader.js';
@@ -50,14 +50,14 @@ function renderHeader({ column, sortState, onChangeSort, resizeableColumns, setC
     };
     const ColumnHeaderContent = column.sortable ? ClickableHeaderContent : HeaderContent;
     const columnHeaderProps = column.sortable ? { onClick: handleClickSort } : {};
-    return (React.createElement(Header, { ...headerProps, zIndex: 3 },
-        React.createElement(Tooltip, { text: column.tooltip },
-            React.createElement(ColumnHeaderContent, { ...columnHeaderProps, className: "headerContent" },
+    return (React__default.createElement(Header, { ...headerProps, zIndex: 3 },
+        React__default.createElement(Tooltip, { text: column.tooltip },
+            React__default.createElement(ColumnHeaderContent, { ...columnHeaderProps, className: "headerContent" },
                 column.iconSlot,
-                column.title && React.createElement("span", null, column.title),
-                column.sortable && (React.createElement(SortIndicator, null,
-                    React.createElement(GetSortIcon, { sortState: sortState, columnId: column.id, size: 5 }))))),
-        resizeableColumns && columnI < columnCount - 1 && (React.createElement(ColumnDivider, { columnId: column.id, setColumnWidth: setColumnWidth, minWidth: column === null || column === undefined ? undefined : column.resizeMinWidth }))));
+                column.title && React__default.createElement("span", null, column.title),
+                column.sortable && (React__default.createElement(SortIndicator, null,
+                    React__default.createElement(GetSortIcon, { sortState: sortState, columnId: column.id, size: 5 }))))),
+        resizeableColumns && columnI < columnCount - 1 && (React__default.createElement(ColumnDivider, { columnId: column.id, setColumnWidth: setColumnWidth, minWidth: column === null || column === undefined ? undefined : column.resizeMinWidth }))));
 }
 export { renderHeader };

package/dist/components/DataTable/renderers/renderHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderHeader.js","sources":["../../../../src/components/DataTable/renderers/renderHeader.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Tooltip } from '../../Tooltip';\n\nimport { Header } from '../components/Header';\nimport { HeaderContent, ClickableHeaderContent, SortIndicator } from '../components/ColumnHeader';\n\nimport { getNextSortState, GetSortIcon } from '../utils';\nimport {\n ColumnConfig,\n SortState,\n SortChangeHandler,\n ColumnWidthHandler,\n RendererHeaderProps,\n} from '../types';\nimport { ColumnDivider } from '../components/ColumnDivider';\n\ntype RenderHeaderParameters = {\n column: ColumnConfig;\n sortState?: SortState;\n onChangeSort?: SortChangeHandler;\n resizeableColumns?: boolean;\n setColumnWidth?: ColumnWidthHandler;\n columnCount?: number;\n columnI?: number;\n};\n\n/*\n Default renderer for table header cells\n \n @param column Column configuration object\n * @returns Header cell instance\n */\nexport function renderHeader({\n column,\n sortState,\n onChangeSort,\n resizeableColumns,\n setColumnWidth,\n columnCount = 1,\n columnI = 0,\n}: RenderHeaderParameters): ReactNode {\n if (column.sortable && !sortState) {\n throw new Error(\n `Column '${column.id}' is configured to be sortable but the 'sortState' prop is missing.`,\n );\n }\n\n if (column.hidden) {\n return null;\n }\n\n const headerProps: RendererHeaderProps = {\n key: column.id.toString(),\n id: `datatable-header-${column.id}`,\n 'data-columnid': String(column.id),\n role: 'columnheader',\n align: column.align,\n spacing: column.spacing,\n className: column.sortable ? 'sortable' : undefined,\n };\n\n // If defined, use custom renderer\n if (column.renderHeader) {\n return column.renderHeader(column, headerProps);\n }\n\n const handleClickSort = () => {\n if (!sortState) {\n console.warn('DataGrid::renderHeader::handleClickSort - sortState is not defined');\n return;\n }\n const nextSortState = getNextSortState({ sortState, columnId: column.id });\n if (!onChangeSort) {\n console.warn('DataGrid::renderHeader::handleClickSort - onChangeSort is not defined');\n return;\n }\n onChangeSort(nextSortState);\n };\n\n const ColumnHeaderContent = column.sortable ? ClickableHeaderContent : HeaderContent;\n const columnHeaderProps = column.sortable ? { onClick: handleClickSort } : {};\n\n return (\n <Header {...headerProps} zIndex={3}>\n <Tooltip text={column.tooltip}>\n <ColumnHeaderContent {...columnHeaderProps} className=\"headerContent\">\n {column.iconSlot}\n {column.title && <span>{column.title}</span>}\n {column.sortable && (\n <SortIndicator>\n <GetSortIcon sortState={sortState} columnId={column.id} size={5} />\n </SortIndicator>\n )}\n </ColumnHeaderContent>\n </Tooltip>\n {resizeableColumns && columnI < columnCount - 1 && (\n <ColumnDivider\n columnId={column.id}\n setColumnWidth={setColumnWidth}\n minWidth={column?.resizeMinWidth}\n />\n )}\n </Header>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BA;;;;;AAKG;AACG,SAAU,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,CAAC,GACY,EAAA;AACvB,IAAA,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE;QACjC,MAAM,IAAI,KAAK,CACb,CAAA,QAAA,EAAW,MAAM,CAAC,EAAE,CAAqE,mEAAA,CAAA,CAC1F;AACF;IAED,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAwB;AACvC,QAAA,GAAG,EAAE,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE;AACzB,QAAA,EAAE,EAAE,CAAA,iBAAA,EAAoB,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAClC,QAAA,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS;KACpD;;IAGD,IAAI,MAAM,CAAC,YAAY,EAAE;QACvB,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AAChD;IAED,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,oEAAoE,CAAC;YAClF;AACD;AACD,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;QAC1E,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC;YACrF;AACD;QACD,YAAY,CAAC,aAAa,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,GAAG,sBAAsB,GAAG,aAAa;AACpF,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE;IAE7E,~~QACE~~,~~oBAAC~~,MAAM,EAAA,EAAA,GAAK,WAAW,EAAE,MAAM,EAAE,CAAC,EAAA;AAChC,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,MAAM,CAAC,OAAO,EAAA;AAC3B,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,mBAAmB,EAAK,EAAA,GAAA,iBAAiB,EAAE,SAAS,EAAC,eAAe,EAAA;AAClE,gBAAA,MAAM,CAAC,QAAQ;AACf,gBAAA,MAAM,CAAC,KAAK,~~IAAI~~,~~kCAAO~~,MAAM,CAAC,KAAK,CAAQ;AAC3C,gBAAA,MAAM,CAAC,QAAQ,~~KACd~~,~~oBAAC~~,aAAa,EAAA,IAAA;AACZ,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAI,CACrD,CACjB,CACmB,CACd;AACT,QAAA,iBAAiB,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,~~KAC7C~~,~~KAAA~~,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,cAAc,EAAA,CAChC,CACH,CACM;AAEb;;;;"}
1	+ {"version":3,"file":"renderHeader.js","sources":["../../../../src/components/DataTable/renderers/renderHeader.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Tooltip } from '../../Tooltip';\n\nimport { Header } from '../components/Header';\nimport { HeaderContent, ClickableHeaderContent, SortIndicator } from '../components/ColumnHeader';\n\nimport { getNextSortState, GetSortIcon } from '../utils';\nimport {\n ColumnConfig,\n SortState,\n SortChangeHandler,\n ColumnWidthHandler,\n RendererHeaderProps,\n} from '../types';\nimport { ColumnDivider } from '../components/ColumnDivider';\n\ntype RenderHeaderParameters = {\n column: ColumnConfig;\n sortState?: SortState;\n onChangeSort?: SortChangeHandler;\n resizeableColumns?: boolean;\n setColumnWidth?: ColumnWidthHandler;\n columnCount?: number;\n columnI?: number;\n};\n\n/*\n Default renderer for table header cells\n \n @param column Column configuration object\n * @returns Header cell instance\n */\nexport function renderHeader({\n column,\n sortState,\n onChangeSort,\n resizeableColumns,\n setColumnWidth,\n columnCount = 1,\n columnI = 0,\n}: RenderHeaderParameters): ReactNode {\n if (column.sortable && !sortState) {\n throw new Error(\n `Column '${column.id}' is configured to be sortable but the 'sortState' prop is missing.`,\n );\n }\n\n if (column.hidden) {\n return null;\n }\n\n const headerProps: RendererHeaderProps = {\n key: column.id.toString(),\n id: `datatable-header-${column.id}`,\n 'data-columnid': String(column.id),\n role: 'columnheader',\n align: column.align,\n spacing: column.spacing,\n className: column.sortable ? 'sortable' : undefined,\n };\n\n // If defined, use custom renderer\n if (column.renderHeader) {\n return column.renderHeader(column, headerProps);\n }\n\n const handleClickSort = () => {\n if (!sortState) {\n console.warn('DataGrid::renderHeader::handleClickSort - sortState is not defined');\n return;\n }\n const nextSortState = getNextSortState({ sortState, columnId: column.id });\n if (!onChangeSort) {\n console.warn('DataGrid::renderHeader::handleClickSort - onChangeSort is not defined');\n return;\n }\n onChangeSort(nextSortState);\n };\n\n const ColumnHeaderContent = column.sortable ? ClickableHeaderContent : HeaderContent;\n const columnHeaderProps = column.sortable ? { onClick: handleClickSort } : {};\n\n return (\n <Header {...headerProps} zIndex={3}>\n <Tooltip text={column.tooltip}>\n <ColumnHeaderContent {...columnHeaderProps} className=\"headerContent\">\n {column.iconSlot}\n {column.title && <span>{column.title}</span>}\n {column.sortable && (\n <SortIndicator>\n <GetSortIcon sortState={sortState} columnId={column.id} size={5} />\n </SortIndicator>\n )}\n </ColumnHeaderContent>\n </Tooltip>\n {resizeableColumns && columnI < columnCount - 1 && (\n <ColumnDivider\n columnId={column.id}\n setColumnWidth={setColumnWidth}\n minWidth={column?.resizeMinWidth}\n />\n )}\n </Header>\n );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;AA0BA;;;;;AAKG;AACG,SAAU,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,CAAC,GACY,EAAA;AACvB,IAAA,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE;QACjC,MAAM,IAAI,KAAK,CACb,CAAA,QAAA,EAAW,MAAM,CAAC,EAAE,CAAqE,mEAAA,CAAA,CAC1F;AACF;IAED,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,WAAW,GAAwB;AACvC,QAAA,GAAG,EAAE,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE;AACzB,QAAA,EAAE,EAAE,CAAA,iBAAA,EAAoB,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAClC,QAAA,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS;KACpD;;IAGD,IAAI,MAAM,CAAC,YAAY,EAAE;QACvB,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;AAChD;IAED,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,oEAAoE,CAAC;YAClF;AACD;AACD,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;QAC1E,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC;YACrF;AACD;QACD,YAAY,CAAC,aAAa,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,GAAG,sBAAsB,GAAG,aAAa;AACpF,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE;IAE7E,QACEA,6BAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAE,MAAM,EAAE,CAAC,EAAA;AAChC,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,MAAM,CAAC,OAAO,EAAA;AAC3B,YAAAA,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAK,EAAA,GAAA,iBAAiB,EAAE,SAAS,EAAC,eAAe,EAAA;AAClE,gBAAA,MAAM,CAAC,QAAQ;AACf,gBAAA,MAAM,CAAC,KAAK,IAAIA,2CAAO,MAAM,CAAC,KAAK,CAAQ;AAC3C,gBAAA,MAAM,CAAC,QAAQ,KACdA,6BAAC,aAAa,EAAA,IAAA;AACZ,oBAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAI,CACrD,CACjB,CACmB,CACd;AACT,QAAA,iBAAiB,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,KAC7CA,cAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,cAAc,EAAA,CAChC,CACH,CACM;AAEb;;;;"}

package/dist/components/DataTable/renderers/renderLoadingCell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Cell } from '../components/Cell.js';
 import { LoadingCellContent } from '../components/LoadingCellContent.js';
@@ -18,8 +18,8 @@ function renderLoadingCell(row, column) {
         role: 'cell',
         spacing: column.spacing,
     };
-    return (React.createElement(Cell, { ...cellProps },
-        React.createElement(LoadingCellContent, null)));
+    return (React__default.createElement(Cell, { ...cellProps },
+        React__default.createElement(LoadingCellContent, null)));
 }
 export { renderLoadingCell };

package/dist/components/DataTable/renderers/renderLoadingCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderLoadingCell.js","sources":["../../../../src/components/DataTable/renderers/renderLoadingCell.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { TableRow, ColumnConfig } from '../types';\nimport { Cell } from '../components/Cell';\nimport { LoadingCellContent } from '../components/LoadingCellContent';\n\n/*\n Default renderer for loading cells\n * @param row\n * @param column\n * @returns\n */\nexport function renderLoadingCell(row: TableRow, column: ColumnConfig): ReactNode {\n if (column.hidden === true) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${row.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n };\n\n return (\n <Cell {...cellProps}>\n <LoadingCellContent />\n </Cell>\n );\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;AAKG;AACa,SAAA,iBAAiB,CAAC,GAAa,EAAE,MAAoB,EAAA;AACnE,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE;AAC1B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,~~QACE~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;AACjB,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA,CAAG,CACjB;AAEX;;;;"}
1	+ {"version":3,"file":"renderLoadingCell.js","sources":["../../../../src/components/DataTable/renderers/renderLoadingCell.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { TableRow, ColumnConfig } from '../types';\nimport { Cell } from '../components/Cell';\nimport { LoadingCellContent } from '../components/LoadingCellContent';\n\n/*\n Default renderer for loading cells\n * @param row\n * @param column\n * @returns\n */\nexport function renderLoadingCell(row: TableRow, column: ColumnConfig): ReactNode {\n if (column.hidden === true) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${row.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n };\n\n return (\n <Cell {...cellProps}>\n <LoadingCellContent />\n </Cell>\n );\n}\n"],"names":["React"],"mappings":";;;;AAKA;;;;;AAKG;AACa,SAAA,iBAAiB,CAAC,GAAa,EAAE,MAAoB,EAAA;AACnE,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE;AAC1B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;AACjB,QAAAA,cAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,IAAA,CAAG,CACjB;AAEX;;;;"}

package/dist/components/DataTable/renderers/renderNestedCell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Cell } from '../components/Cell.js';
 /**
@@ -19,7 +19,7 @@ function renderNestedCell(nestedRow, column, rowState) {
         spacing: column.spacing,
     };
     if (!column.renderNestedCell) {
-        return React.createElement(Cell, { ...cellProps });
+        return React__default.createElement(Cell, { ...cellProps });
     }
     return column.renderNestedCell(nestedRow, cellProps, rowState);
 }

package/dist/components/DataTable/renderers/renderNestedCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderNestedCell.js","sources":["../../../../src/components/DataTable/renderers/renderNestedCell.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { NestedTableRow, ColumnConfig, RowState } from '../types';\nimport { Cell } from '../components/Cell';\n\n/*\n Default renderer for table cells in nested rows\n \n @param nestedRow\n * @param column\n * @returns\n */\nexport function renderNestedCell(\n nestedRow: NestedTableRow,\n column: ColumnConfig,\n rowState: RowState,\n): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${nestedRow.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n };\n\n if (!column.renderNestedCell) {\n return <Cell {...cellProps} />;\n }\n\n return column.renderNestedCell(nestedRow, cellProps, rowState);\n}\n"],"names":[],"mappings":";;;AAIA;;;;;;AAMG;SACa,gBAAgB,CAC9B,SAAyB,EACzB,MAAoB,EACpB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,SAAS,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC5B,QAAA,~~OAAO~~,~~KAAC~~,CAAA,aAAA,CAAA,IAAI,EAAK,EAAA,GAAA,SAAS,GAAI;AAC/B;IAED,OAAO,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;AAChE;;;;"}
1	+ {"version":3,"file":"renderNestedCell.js","sources":["../../../../src/components/DataTable/renderers/renderNestedCell.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { NestedTableRow, ColumnConfig, RowState } from '../types';\nimport { Cell } from '../components/Cell';\n\n/*\n Default renderer for table cells in nested rows\n \n @param nestedRow\n * @param column\n * @returns\n */\nexport function renderNestedCell(\n nestedRow: NestedTableRow,\n column: ColumnConfig,\n rowState: RowState,\n): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${nestedRow.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n };\n\n if (!column.renderNestedCell) {\n return <Cell {...cellProps} />;\n }\n\n return column.renderNestedCell(nestedRow, cellProps, rowState);\n}\n"],"names":["React"],"mappings":";;;AAIA;;;;;;AAMG;SACa,gBAAgB,CAC9B,SAAyB,EACzB,MAAoB,EACpB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,SAAS,CAAC,EAAE,CAAI,CAAA,EAAA,MAAM,CAAC,EAAE,CAAE,CAAA;AACnC,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC5B,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAK,EAAA,GAAA,SAAS,GAAI;AAC/B;IAED,OAAO,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;AAChE;;;;"}

package/dist/components/DataTable/utils/GetSortIcon.cjs CHANGED Viewed

@@ -3,7 +3,7 @@
 var React = require('react');
 var index = require('../../../theme/index.cjs');
 var types = require('../types.cjs');
-var DoubleArrowIconIcon = require('../../../tempIcons/DoubleArrowIconIcon.cjs');
+var DoubleArrowIcon = require('../../../tempIcons/DoubleArrowIcon.cjs');
 var ArrowUpIcon = require('../../../tempIcons/ArrowUpIcon.cjs');
 var ArrowDownIcon = require('../../../tempIcons/ArrowDownIcon.cjs');
@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 const GetSortIcon = ({ sortState, columnId, size }) => {
     if (!sortState || sortState.columnId !== columnId)
-        return React__default.default.createElement(DoubleArrowIconIcon.DoubleArrowIcon, { size: size });
+        return React__default.default.createElement(DoubleArrowIcon.DoubleArrowIcon, { size: size });
     if (sortState.direction === types.SortDirection.ascending) {
         return React__default.default.createElement(ArrowUpIcon.ArrowUpIcon, { color: index.theme.colors.neutral.ink.dark, size: size });
     }

package/dist/components/DataTable/utils/GetSortIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GetSortIcon.cjs","sources":["../../../../src/components/DataTable/utils/GetSortIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../../theme';\n\nimport { ColumnId, SortDirection, SortState } from '../types';\nimport { DoubleArrowIcon } from '../../../tempIcons/~~DoubleArrowIconIcon~~';\nimport { ArrowUpIcon } from '../../../tempIcons/ArrowUpIcon';\nimport { ArrowDownIcon } from '../../../tempIcons/ArrowDownIcon';\n\ntype GetSortIconPropsParameters = {\n sortState?: SortState;\n columnId: ColumnId;\n size: string \| number;\n};\n\nexport const GetSortIcon = ({ sortState, columnId, size }: GetSortIconPropsParameters) => {\n if (!sortState \|\| sortState.columnId !== columnId) return <DoubleArrowIcon size={size} />;\n\n if (sortState.direction === SortDirection.ascending) {\n return <ArrowUpIcon color={theme.colors.neutral.ink.dark} size={size} />;\n }\n\n return <ArrowDownIcon color={theme.colors.neutral.ink.dark} size={size} />;\n};\n"],"names":["React","DoubleArrowIcon","SortDirection","ArrowUpIcon","theme","ArrowDownIcon"],"mappings":";;;;;;;;;;;;;AAcO,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAA8B,KAAI;AACvF,IAAA,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ;AAAE,QAAA,OAAOA,qCAACC,~~mCAAe,~~EAAA,EAAC,IAAI,EAAE,IAAI,GAAI;AAEzF,IAAA,IAAI,SAAS,CAAC,SAAS,KAAKC,mBAAa,CAAC,SAAS,EAAE;AACnD,QAAA,OAAOF,qCAACG,uBAAW,EAAA,EAAC,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AACzE;AAED,IAAA,OAAOJ,qCAACK,2BAAa,EAAA,EAAC,KAAK,EAAED,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AAC5E;;;;"}
1	+ {"version":3,"file":"GetSortIcon.cjs","sources":["../../../../src/components/DataTable/utils/GetSortIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../../theme';\n\nimport { ColumnId, SortDirection, SortState } from '../types';\nimport { DoubleArrowIcon } from '../../../tempIcons/DoubleArrowIcon';\nimport { ArrowUpIcon } from '../../../tempIcons/ArrowUpIcon';\nimport { ArrowDownIcon } from '../../../tempIcons/ArrowDownIcon';\n\ntype GetSortIconPropsParameters = {\n sortState?: SortState;\n columnId: ColumnId;\n size: string \| number;\n};\n\nexport const GetSortIcon = ({ sortState, columnId, size }: GetSortIconPropsParameters) => {\n if (!sortState \|\| sortState.columnId !== columnId) return <DoubleArrowIcon size={size} />;\n\n if (sortState.direction === SortDirection.ascending) {\n return <ArrowUpIcon color={theme.colors.neutral.ink.dark} size={size} />;\n }\n\n return <ArrowDownIcon color={theme.colors.neutral.ink.dark} size={size} />;\n};\n"],"names":["React","DoubleArrowIcon","SortDirection","ArrowUpIcon","theme","ArrowDownIcon"],"mappings":";;;;;;;;;;;;;AAcO,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAA8B,KAAI;AACvF,IAAA,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ;AAAE,QAAA,OAAOA,qCAACC,+BAAe,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI;AAEzF,IAAA,IAAI,SAAS,CAAC,SAAS,KAAKC,mBAAa,CAAC,SAAS,EAAE;AACnD,QAAA,OAAOF,qCAACG,uBAAW,EAAA,EAAC,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AACzE;AAED,IAAA,OAAOJ,qCAACK,2BAAa,EAAA,EAAC,KAAK,EAAED,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AAC5E;;;;"}

package/dist/components/DataTable/utils/GetSortIcon.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { theme } from '../../../theme/index.js';
 import { SortDirection } from '../types.js';
-import { DoubleArrowIcon } from '../../../tempIcons/DoubleArrowIconIcon.js';
+import { DoubleArrowIcon } from '../../../tempIcons/DoubleArrowIcon.js';
 import { ArrowUpIcon } from '../../../tempIcons/ArrowUpIcon.js';
 import { ArrowDownIcon } from '../../../tempIcons/ArrowDownIcon.js';
 const GetSortIcon = ({ sortState, columnId, size }) => {
     if (!sortState || sortState.columnId !== columnId)
-        return React.createElement(DoubleArrowIcon, { size: size });
+        return React__default.createElement(DoubleArrowIcon, { size: size });
     if (sortState.direction === SortDirection.ascending) {
-        return React.createElement(ArrowUpIcon, { color: theme.colors.neutral.ink.dark, size: size });
+        return React__default.createElement(ArrowUpIcon, { color: theme.colors.neutral.ink.dark, size: size });
     }
-    return React.createElement(ArrowDownIcon, { color: theme.colors.neutral.ink.dark, size: size });
+    return React__default.createElement(ArrowDownIcon, { color: theme.colors.neutral.ink.dark, size: size });
 };
 export { GetSortIcon };

package/dist/components/DataTable/utils/GetSortIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GetSortIcon.js","sources":["../../../../src/components/DataTable/utils/GetSortIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../../theme';\n\nimport { ColumnId, SortDirection, SortState } from '../types';\nimport { DoubleArrowIcon } from '../../../tempIcons/~~DoubleArrowIconIcon~~';\nimport { ArrowUpIcon } from '../../../tempIcons/ArrowUpIcon';\nimport { ArrowDownIcon } from '../../../tempIcons/ArrowDownIcon';\n\ntype GetSortIconPropsParameters = {\n sortState?: SortState;\n columnId: ColumnId;\n size: string \| number;\n};\n\nexport const GetSortIcon = ({ sortState, columnId, size }: GetSortIconPropsParameters) => {\n if (!sortState \|\| sortState.columnId !== columnId) return <DoubleArrowIcon size={size} />;\n\n if (sortState.direction === SortDirection.ascending) {\n return <ArrowUpIcon color={theme.colors.neutral.ink.dark} size={size} />;\n }\n\n return <ArrowDownIcon color={theme.colors.neutral.ink.dark} size={size} />;\n};\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAA8B,KAAI;AACvF,IAAA,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ;AAAE,QAAA,~~OAAO~~,~~oBAAC~~,eAAe,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI;AAEzF,IAAA,IAAI,SAAS,CAAC,SAAS,KAAK,aAAa,CAAC,SAAS,EAAE;AACnD,QAAA,~~OAAO~~,~~oBAAC~~,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AACzE;AAED,IAAA,~~OAAO~~,~~oBAAC~~,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AAC5E;;;;"}
1	+ {"version":3,"file":"GetSortIcon.js","sources":["../../../../src/components/DataTable/utils/GetSortIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../../theme';\n\nimport { ColumnId, SortDirection, SortState } from '../types';\nimport { DoubleArrowIcon } from '../../../tempIcons/DoubleArrowIcon';\nimport { ArrowUpIcon } from '../../../tempIcons/ArrowUpIcon';\nimport { ArrowDownIcon } from '../../../tempIcons/ArrowDownIcon';\n\ntype GetSortIconPropsParameters = {\n sortState?: SortState;\n columnId: ColumnId;\n size: string \| number;\n};\n\nexport const GetSortIcon = ({ sortState, columnId, size }: GetSortIconPropsParameters) => {\n if (!sortState \|\| sortState.columnId !== columnId) return <DoubleArrowIcon size={size} />;\n\n if (sortState.direction === SortDirection.ascending) {\n return <ArrowUpIcon color={theme.colors.neutral.ink.dark} size={size} />;\n }\n\n return <ArrowDownIcon color={theme.colors.neutral.ink.dark} size={size} />;\n};\n"],"names":["React"],"mappings":";;;;;;;AAcO,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAA8B,KAAI;AACvF,IAAA,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ;AAAE,QAAA,OAAOA,6BAAC,eAAe,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI;AAEzF,IAAA,IAAI,SAAS,CAAC,SAAS,KAAK,aAAa,CAAC,SAAS,EAAE;AACnD,QAAA,OAAOA,6BAAC,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AACzE;AAED,IAAA,OAAOA,6BAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;AAC5E;;;;"}

package/dist/components/DateInputField/DateInputField.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React__default, { useState, useCallback, useEffect } from 'react';
 import { DateField, DateInput, DateSegment } from 'react-aria-components';
 import { DateRangeGroup } from './styled.js';
 import { Button } from '../Button/Button.js';
@@ -38,16 +38,16 @@ const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true,
         setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);
         setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);
     }, [startValue, endValue, isRangeInput, validateDate]);
-    return (React.createElement(Stack, { direction: "horizontal", alignX: "stretch", alignY: "center", spacing: 0 },
-        React.createElement(DateRangeGroup, { ref: rangeRef, style: style, className: className, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "$hasError": hasError, isDisabled: isDisabled },
-            React.createElement(Stack, { spacing: 0, direction: "horizontal", alignX: "center" },
-                React.createElement(DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: isRangeInput ? onChangeStartDate : onChange, value: startValue, validate: validateDate, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "aria-label": isRangeInput ? 'start date' : 'date', isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isStartInvalid, ...validationProps },
-                    React.createElement(DateInput, { slot: "start" }, (segment) => React.createElement(DateSegment, { segment: segment }))),
-                isRangeInput && (React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: "date-range-input-splitter", "aria-hidden": "true" }, "-"),
-                    React.createElement(DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: onChangeEndDate, value: endValue, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "aria-label": "end date", isDisabled: isDisabled, isReadOnly: isReadOnly, validate: validateDate, isInvalid: isEndInvalid, ...validationProps },
-                        React.createElement(DateInput, { slot: "end" }, (segment) => React.createElement(DateSegment, { segment: segment })))))),
-            rightAction && (React.createElement(Button, { type: "button", ref: rightActionRef, variant: "flat", style: {
+    return (React__default.createElement(Stack, { direction: "horizontal", alignX: "stretch", alignY: "center", spacing: 0 },
+        React__default.createElement(DateRangeGroup, { ref: rangeRef, style: style, className: className, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "$hasError": hasError, isDisabled: isDisabled },
+            React__default.createElement(Stack, { spacing: 0, direction: "horizontal", alignX: "center" },
+                React__default.createElement(DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: isRangeInput ? onChangeStartDate : onChange, value: startValue, validate: validateDate, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "aria-label": isRangeInput ? 'start date' : 'date', isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isStartInvalid, ...validationProps },
+                    React__default.createElement(DateInput, { slot: "start" }, (segment) => React__default.createElement(DateSegment, { segment: segment }))),
+                isRangeInput && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("span", { className: "date-range-input-splitter", "aria-hidden": "true" }, "-"),
+                    React__default.createElement(DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: onChangeEndDate, value: endValue, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "aria-label": "end date", isDisabled: isDisabled, isReadOnly: isReadOnly, validate: validateDate, isInvalid: isEndInvalid, ...validationProps },
+                        React__default.createElement(DateInput, { slot: "end" }, (segment) => React__default.createElement(DateSegment, { segment: segment })))))),
+            rightAction && (React__default.createElement(Button, { type: "button", ref: rightActionRef, variant: "flat", style: {
                     padding: '2px',
                     height: 'unset',
                 }, ...rightAction })))));

package/dist/components/DateInputField/DateInputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInputField.js","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DateField, DateInput, DateRange, DateSegment, DateValue } from 'react-aria-components';\nimport { DateRangeGroup } from './styled';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { Stack } from '../Stack';\nimport { useIsDateUnavailable } from '../Calendars';\n\nexport const DateInputField = ({\n id,\n className,\n style,\n shouldForceLeadingZeros = true,\n rightAction,\n startValue,\n endValue,\n isDisabled,\n isReadOnly,\n isRangeInput = false,\n hasError,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledBy,\n onChange,\n onChangeStartDate,\n onChangeEndDate,\n rangeRef,\n rightActionRef,\n ...validationProps\n}: DateInputFieldProps) => {\n const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n const [isStartInvalid, setIsStartInvalid] = useState(false);\n const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n const validateDate = useCallback(\n (value: DateValue): true \| string => {\n if (!value) return 'no date';\n if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n const range = {\n start: value === startValue ? value : startValue,\n end: value === endValue ? value : endValue,\n };\n\n if (!range.start \|\| !range.end) {\n return isDateUnavailable(value) ? 'Invalid date selection' : true;\n }\n if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n return true;\n },\n [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n );\n\n useEffect(() => {\n setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n }, [startValue, endValue, isRangeInput, validateDate]);\n\n return (\n <Stack direction=\"horizontal\" alignX=\"stretch\" alignY=\"center\" spacing={0}>\n <DateRangeGroup\n ref={rangeRef}\n style={style}\n className={className}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n $hasError={hasError}\n isDisabled={isDisabled}\n >\n <Stack spacing={0} direction=\"horizontal\" alignX=\"center\">\n <DateField\n shouldForceLeadingZeros={shouldForceLeadingZeros}\n onChange={isRangeInput ? onChangeStartDate : onChange}\n value={startValue}\n validate={validateDate}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n aria-label={isRangeInput ? 'start date' : 'date'}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={isStartInvalid}\n {...validationProps}\n >\n <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n </DateField>\n\n {isRangeInput && (\n <>\n <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n -\n </span>\n <DateField\n shouldForceLeadingZeros={shouldForceLeadingZeros}\n onChange={onChangeEndDate}\n value={endValue}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n aria-label=\"end date\"\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n validate={validateDate}\n isInvalid={isEndInvalid}\n {...validationProps}\n >\n <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n </DateField>\n </>\n )}\n </Stack>\n\n {rightAction && (\n <Button\n type=\"button\"\n ref={rightActionRef}\n variant=\"flat\"\n style={{\n padding: '2px',\n height: 'unset',\n }}\n {...rightAction}\n />\n )}\n </DateRangeGroup>\n </Stack>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQa,MAAA,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,KAAK,EACL,uBAAuB,GAAG,IAAI,EAC9B,WAAW,EACX,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACR,cAAc,EACd,GAAG,eAAe,EACE,KAAI;IACxB,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,oBAAoB,CAAC,eAAe,CAAC;IAC3F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEvD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAgB,KAAmB;AAClC,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,SAAS;AAC5B,QAAA,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG,wBAAwB,GAAG,IAAI;AAEpF,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,KAAK,KAAK,UAAU,GAAG,KAAK,GAAG,UAAU;YAChD,GAAG,EAAE,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ;SAC3C;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;AAC9B,YAAA,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG,wBAAwB,GAAG,IAAI;AAClE;QACD,IAAI,sBAAsB,CAAC,KAAkB,CAAC;AAAE,YAAA,OAAO,yBAAyB;AAEhF,QAAA,OAAO,IAAI;AACb,KAAC,EACD,CAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,sBAAsB,CAAC,CAChF;IAED,SAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC;AACzE,QAAA,eAAe,CAAC,YAAY,IAAI,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC;KACpF,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AAEtD,IAAA,~~QACE~~,~~KAAC~~,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACvE,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,gBACR,SAAS,EAAA,kBAAA,EACH,eAAe,EAAA,iBAAA,EAChB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAd,cAAc,GAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EACrC,WAAA,EAAA,QAAQ,EACnB,UAAU,EAAE,UAAU,EAAA;AAEtB,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AACvD,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,YAAY,GAAG,iBAAiB,GAAG,QAAQ,EACrD,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EAAA,kBAAA,EACJ,eAAe,EAAA,iBAAA,EAChB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAd,cAAc,GAAI,CAAG,EAAA,EAAE,CAAQ,MAAA,CAAA,EAAA,YAAA,EACpC,YAAY,GAAG,YAAY,GAAG,MAAM,EAChD,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,cAAc,EAAA,GACrB,eAAe,EAAA;AAEnB,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,IAAI,EAAC,OAAO,EAAA,EAAE,CAAC,OAAO,~~KAAK~~,~~KAAA~~,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,EAAA,CAAI,CAAa,CAC1E;AAEX,gBAAA,YAAY,~~KACX~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA;AACE,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2BAA2B,EAAA,aAAA,EAAa,MAAM,EAEvD,EAAA,GAAA,CAAA;~~oBACP~~,~~KAAC~~,CAAA,aAAA,CAAA,SAAS,IACR,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,QAAQ,sBACG,eAAe,EAAA,iBAAA,EAChB,cAAc,KAAd,IAAA,IAAA,cAAc,iBAAd,cAAc,GAAI,GAAG,EAAE,CAAA,MAAA,CAAQ,gBACrC,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,YAAY,KACnB,eAAe,EAAA;~~wBAEnB~~,~~KAAC~~,CAAA,aAAA,CAAA,SAAS,IAAC,IAAI,EAAC,KAAK,EAAE,EAAA,CAAC,OAAO,~~KAAK~~,~~oBAAC~~,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,GAAI,CAAa,CACxE,CACX,CACJ,CACK;AAEP,YAAA,WAAW,~~KACV~~,~~KAAA~~,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,cAAc,EACnB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE;AACL,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,MAAM,EAAE,OAAO;AAChB,iBAAA,EAAA,GACG,WAAW,EACf,CAAA,CACH,CACc,CACX;AAEZ;;;;"}
1	+ {"version":3,"file":"DateInputField.js","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DateField, DateInput, DateRange, DateSegment, DateValue } from 'react-aria-components';\nimport { DateRangeGroup } from './styled';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { Stack } from '../Stack';\nimport { useIsDateUnavailable } from '../Calendars';\n\nexport const DateInputField = ({\n id,\n className,\n style,\n shouldForceLeadingZeros = true,\n rightAction,\n startValue,\n endValue,\n isDisabled,\n isReadOnly,\n isRangeInput = false,\n hasError,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledBy,\n onChange,\n onChangeStartDate,\n onChangeEndDate,\n rangeRef,\n rightActionRef,\n ...validationProps\n}: DateInputFieldProps) => {\n const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n const [isStartInvalid, setIsStartInvalid] = useState(false);\n const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n const validateDate = useCallback(\n (value: DateValue): true \| string => {\n if (!value) return 'no date';\n if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n const range = {\n start: value === startValue ? value : startValue,\n end: value === endValue ? value : endValue,\n };\n\n if (!range.start \|\| !range.end) {\n return isDateUnavailable(value) ? 'Invalid date selection' : true;\n }\n if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n return true;\n },\n [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n );\n\n useEffect(() => {\n setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n }, [startValue, endValue, isRangeInput, validateDate]);\n\n return (\n <Stack direction=\"horizontal\" alignX=\"stretch\" alignY=\"center\" spacing={0}>\n <DateRangeGroup\n ref={rangeRef}\n style={style}\n className={className}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n $hasError={hasError}\n isDisabled={isDisabled}\n >\n <Stack spacing={0} direction=\"horizontal\" alignX=\"center\">\n <DateField\n shouldForceLeadingZeros={shouldForceLeadingZeros}\n onChange={isRangeInput ? onChangeStartDate : onChange}\n value={startValue}\n validate={validateDate}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n aria-label={isRangeInput ? 'start date' : 'date'}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={isStartInvalid}\n {...validationProps}\n >\n <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n </DateField>\n\n {isRangeInput && (\n <>\n <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n -\n </span>\n <DateField\n shouldForceLeadingZeros={shouldForceLeadingZeros}\n onChange={onChangeEndDate}\n value={endValue}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n aria-label=\"end date\"\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n validate={validateDate}\n isInvalid={isEndInvalid}\n {...validationProps}\n >\n <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n </DateField>\n </>\n )}\n </Stack>\n\n {rightAction && (\n <Button\n type=\"button\"\n ref={rightActionRef}\n variant=\"flat\"\n style={{\n padding: '2px',\n height: 'unset',\n }}\n {...rightAction}\n />\n )}\n </DateRangeGroup>\n </Stack>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useMemo } from 'react';
+import React__default, { useState, useRef, useMemo } from 'react';
 import { sizes } from '../../theme/modules/sizes.js';
 import { CalendarIcon } from '../../tempIcons/CalendarIcon.js';
 import { DateInputField } from '../DateInputField/index.js';
@@ -43,9 +43,9 @@ const DatePicker = ({ className, style, value, onChange, 'aria-label': ariaLabel
     const { isDateUnavailable } = useIsDateUnavailable(validationProps);
     const isSelectedDateInvalid = useMemo(() => (value ? isDateUnavailable(value) : false), [isDateUnavailable, value]);
     const error = withLabelProps.error || (isSelectedDateInvalid ? 'Invalid date selection' : undefined);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DateInputField, { isDisabled: isDisabled, "aria-label": ariaLabel, startValue: value, rightActionRef: openDropdownRef, rightAction: {
-                iconSlot: React.createElement(CalendarIcon, null),
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(DateInputField, { isDisabled: isDisabled, "aria-label": ariaLabel, startValue: value, rightActionRef: openDropdownRef, rightAction: {
+                iconSlot: React__default.createElement(CalendarIcon, null),
                 'aria-label': 'Open Calendar',
                 onClick: () => setShouldShowDropdown(!shouldShowDropdown),
                 disabled: isDisabled,
@@ -53,12 +53,12 @@ const DatePicker = ({ className, style, value, onChange, 'aria-label': ariaLabel
                 'aria-haspopup': true,
                 'aria-expanded': shouldShowDropdown,
             }, onChange: onSelectDate, rangeRef: rangeRef, className: className, style: style, ...withLabelProps, ...validationProps, error: error }),
-        shouldShowDropdown && (React.createElement(Popover, { id: "date-picker-dropdown", style: { marginTop: sizes.sm }, anchorElement: rangeRef.current, onShouldClose: closeDropdown, placement: "bottom-start", ignoreAriaWarnings // We want to anchor to input, but be powered by right action.
+        shouldShowDropdown && (React__default.createElement(Popover, { id: "date-picker-dropdown", style: { marginTop: sizes.sm }, anchorElement: rangeRef.current, onShouldClose: closeDropdown, placement: "bottom-start", ignoreAriaWarnings // We want to anchor to input, but be powered by right action.
             : true, rootElementRef: rootElementRef },
-            React.createElement(Card.Surface, { style: { padding: sizes.base } },
-                React.createElement(Calendar, { value: value, onChange: onSelectDate, "aria-label": `${ariaLabel} Calendar`, isDisabled: isDisabled, ...validationProps }),
-                React.createElement(DatePickerFooter, null,
-                    React.createElement(Button, { type: "button", variant: "flat", onClick: () => onSelectDate(resetToValue.current), size: "sm", disabled: isDisabled }, "Reset")))))));
+            React__default.createElement(Card.Surface, { style: { padding: sizes.base } },
+                React__default.createElement(Calendar, { value: value, onChange: onSelectDate, "aria-label": `${ariaLabel} Calendar`, isDisabled: isDisabled, ...validationProps }),
+                React__default.createElement(DatePickerFooter, null,
+                    React__default.createElement(Button, { type: "button", variant: "flat", onClick: () => onSelectDate(resetToValue.current), size: "sm", disabled: isDisabled }, "Reset")))))));
 };
 export { DatePicker };

package/dist/components/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { DateValue } from 'react-aria-components';\nimport { sizes } from 'Theme/modules/sizes';\nimport { WithLabelsProps } from '../../hoc/withLabels/withLabels';\nimport { CalendarIcon } from '../../tempIcons/CalendarIcon';\nimport { DateInputField } from '../DateInputField';\nimport { Popover } from '../Popover';\nimport { Card } from '../Card';\nimport { Calendar } from '../Calendars';\nimport { Button } from '../Button';\nimport { DatePickerFooter } from './styled';\nimport { PopoverProps } from '../Popover/types';\nimport { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable';\nimport { DateValidationProps } from '../DateInputField/types';\n\ntype DatePickerProps = {\n value: DateValue \| null;\n 'aria-label': string;\n onChange: (date: DateValue \| null) => void;\n isDisabled?: boolean;\n shouldCloseOnSelect?: boolean;\n className?: string;\n style?: React.CSSProperties;\n} & WithLabelsProps &\n DateValidationProps &\n Pick<PopoverProps, 'rootElementRef'>;\n\nexport const DatePicker = ({\n className,\n style,\n value,\n onChange,\n 'aria-label': ariaLabel,\n isDisabled,\n shouldCloseOnSelect = true,\n rootElementRef,\n maxValue,\n minValue,\n disabledRanges,\n disallowWeekends,\n ...withLabelProps\n}: DatePickerProps) => {\n const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n const resetToValue = useRef(value);\n\n const rangeRef = useRef<HTMLDivElement \| null>(null);\n const openDropdownRef = useRef<HTMLButtonElement \| null>(null);\n\n const closeDropdown = () => {\n setShouldShowDropdown(false);\n openDropdownRef.current?.focus();\n };\n\n const onSelectDate = (date: DateValue \| null) => {\n onChange(date);\n\n if (!shouldCloseOnSelect \|\| !shouldShowDropdown) return;\n setTimeout(closeDropdown, 0); // Calendar state must update first.\n };\n\n const validationProps = {\n maxValue,\n minValue,\n disabledRanges,\n disallowWeekends,\n } as DateValidationProps;\n\n const { isDateUnavailable } = useIsDateUnavailable(validationProps);\n const isSelectedDateInvalid = useMemo(\n () => (value ? isDateUnavailable(value) : false),\n [isDateUnavailable, value],\n );\n\n const error =\n withLabelProps.error \|\| (isSelectedDateInvalid ? 'Invalid date selection' : undefined);\n\n return (\n <>\n <DateInputField\n isDisabled={isDisabled}\n aria-label={ariaLabel}\n startValue={value}\n rightActionRef={openDropdownRef}\n rightAction={{\n iconSlot: <CalendarIcon />,\n 'aria-label': 'Open Calendar',\n onClick: () => setShouldShowDropdown(!shouldShowDropdown),\n disabled: isDisabled,\n 'aria-controls': 'data-picker-dropdown',\n 'aria-haspopup': true,\n 'aria-expanded': shouldShowDropdown,\n }}\n onChange={onSelectDate}\n rangeRef={rangeRef}\n className={className}\n style={style}\n {...withLabelProps}\n {...validationProps}\n error={error}\n />\n\n {shouldShowDropdown && (\n <Popover\n id=\"date-picker-dropdown\"\n style={{ marginTop: sizes.sm }}\n anchorElement={rangeRef.current}\n onShouldClose={closeDropdown}\n placement=\"bottom-start\"\n ignoreAriaWarnings // We want to anchor to input, but be powered by right action.\n rootElementRef={rootElementRef}\n >\n <Card.Surface style={{ padding: sizes.base }}>\n <Calendar\n value={value}\n onChange={onSelectDate}\n aria-label={`${ariaLabel} Calendar`}\n isDisabled={isDisabled}\n {...validationProps}\n />\n <DatePickerFooter>\n <Button\n type=\"button\"\n variant=\"flat\"\n onClick={() => onSelectDate(resetToValue.current)}\n size=\"sm\"\n disabled={isDisabled}\n >\n Reset\n </Button>\n </DatePickerFooter>\n </Card.Surface>\n </Popover>\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,mBAAmB,GAAG,IAAI,EAC1B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,GAAG,cAAc,EACD,KAAI;IACpB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;AAElC,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC;AACpD,IAAA,MAAM,eAAe,GAAG,MAAM,CAA2B,IAAI,CAAC;IAE9D,MAAM,aAAa,GAAG,MAAK;;QACzB,qBAAqB,CAAC,KAAK,CAAC;AAC5B,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAClC,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,IAAsB,KAAI;QAC9C,QAAQ,CAAC,IAAI,CAAC;AAEd,QAAA,IAAI,CAAC,mBAAmB,IAAI,CAAC,kBAAkB;YAAE;AACjD,QAAA,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;AAC/B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG;QACtB,QAAQ;QACR,QAAQ;QACR,cAAc;QACd,gBAAgB;KACM;IAExB,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,eAAe,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,OAAO,CACnC,OAAO,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,EAChD,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAC3B;AAED,IAAA,MAAM,KAAK,GACT,cAAc,CAAC,KAAK,KAAK,qBAAqB,GAAG,wBAAwB,GAAG,SAAS,CAAC;AAExF,IAAA,~~QACE~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA;AACE,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,UAAU,EAAE,UAAU,gBACV,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,eAAe,EAC/B,WAAW,EAAE;gBACX,QAAQ,~~EAAE~~,~~KAAC~~,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA;AAC1B,gBAAA,YAAY,EAAE,eAAe;gBAC7B,OAAO,EAAE,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC;AACzD,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,eAAe,EAAE,sBAAsB;AACvC,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,eAAe,EAAE,kBAAkB;aACpC,EACD,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,GACR,cAAc,EAAA,GACd,eAAe,EACnB,KAAK,EAAE,KAAK,EACZ,CAAA;AAED,QAAA,kBAAkB,~~KACjB~~,~~KAAC~~,CAAA,aAAA,CAAA,OAAO,IACN,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,EAC9B,aAAa,EAAE,QAAQ,CAAC,OAAO,EAC/B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAC,cAAc,EACxB,kBAAkB;AAClB,cAAA,IAAA,EAAA,cAAc,EAAE,cAAc,EAAA;AAE9B,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAA;AAC1C,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,gBACV,CAAG,EAAA,SAAS,WAAW,EACnC,UAAU,EAAE,UAAU,EAAA,GAClB,eAAe,EACnB,CAAA;AACF,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA;AACf,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EACjD,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,UAAU,EAAA,EAAA,OAAA,CAGb,CACQ,CACN,CACP,CACX,CACA;AAEP;;;;"}
1	+ {"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { DateValue } from 'react-aria-components';\nimport { sizes } from 'Theme/modules/sizes';\nimport { WithLabelsProps } from '../../hoc/withLabels/withLabels';\nimport { CalendarIcon } from '../../tempIcons/CalendarIcon';\nimport { DateInputField } from '../DateInputField';\nimport { Popover } from '../Popover';\nimport { Card } from '../Card';\nimport { Calendar } from '../Calendars';\nimport { Button } from '../Button';\nimport { DatePickerFooter } from './styled';\nimport { PopoverProps } from '../Popover/types';\nimport { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable';\nimport { DateValidationProps } from '../DateInputField/types';\n\ntype DatePickerProps = {\n value: DateValue \| null;\n 'aria-label': string;\n onChange: (date: DateValue \| null) => void;\n isDisabled?: boolean;\n shouldCloseOnSelect?: boolean;\n className?: string;\n style?: React.CSSProperties;\n} & WithLabelsProps &\n DateValidationProps &\n Pick<PopoverProps, 'rootElementRef'>;\n\nexport const DatePicker = ({\n className,\n style,\n value,\n onChange,\n 'aria-label': ariaLabel,\n isDisabled,\n shouldCloseOnSelect = true,\n rootElementRef,\n maxValue,\n minValue,\n disabledRanges,\n disallowWeekends,\n ...withLabelProps\n}: DatePickerProps) => {\n const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n const resetToValue = useRef(value);\n\n const rangeRef = useRef<HTMLDivElement \| null>(null);\n const openDropdownRef = useRef<HTMLButtonElement \| null>(null);\n\n const closeDropdown = () => {\n setShouldShowDropdown(false);\n openDropdownRef.current?.focus();\n };\n\n const onSelectDate = (date: DateValue \| null) => {\n onChange(date);\n\n if (!shouldCloseOnSelect \|\| !shouldShowDropdown) return;\n setTimeout(closeDropdown, 0); // Calendar state must update first.\n };\n\n const validationProps = {\n maxValue,\n minValue,\n disabledRanges,\n disallowWeekends,\n } as DateValidationProps;\n\n const { isDateUnavailable } = useIsDateUnavailable(validationProps);\n const isSelectedDateInvalid = useMemo(\n () => (value ? isDateUnavailable(value) : false),\n [isDateUnavailable, value],\n );\n\n const error =\n withLabelProps.error \|\| (isSelectedDateInvalid ? 'Invalid date selection' : undefined);\n\n return (\n <>\n <DateInputField\n isDisabled={isDisabled}\n aria-label={ariaLabel}\n startValue={value}\n rightActionRef={openDropdownRef}\n rightAction={{\n iconSlot: <CalendarIcon />,\n 'aria-label': 'Open Calendar',\n onClick: () => setShouldShowDropdown(!shouldShowDropdown),\n disabled: isDisabled,\n 'aria-controls': 'data-picker-dropdown',\n 'aria-haspopup': true,\n 'aria-expanded': shouldShowDropdown,\n }}\n onChange={onSelectDate}\n rangeRef={rangeRef}\n className={className}\n style={style}\n {...withLabelProps}\n {...validationProps}\n error={error}\n />\n\n {shouldShowDropdown && (\n <Popover\n id=\"date-picker-dropdown\"\n style={{ marginTop: sizes.sm }}\n anchorElement={rangeRef.current}\n onShouldClose={closeDropdown}\n placement=\"bottom-start\"\n ignoreAriaWarnings // We want to anchor to input, but be powered by right action.\n rootElementRef={rootElementRef}\n >\n <Card.Surface style={{ padding: sizes.base }}>\n <Calendar\n value={value}\n onChange={onSelectDate}\n aria-label={`${ariaLabel} Calendar`}\n isDisabled={isDisabled}\n {...validationProps}\n />\n <DatePickerFooter>\n <Button\n type=\"button\"\n variant=\"flat\"\n onClick={() => onSelectDate(resetToValue.current)}\n size=\"sm\"\n disabled={isDisabled}\n >\n Reset\n </Button>\n </DatePickerFooter>\n </Card.Surface>\n </Popover>\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,mBAAmB,GAAG,IAAI,EAC1B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,GAAG,cAAc,EACD,KAAI;IACpB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;AAElC,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC;AACpD,IAAA,MAAM,eAAe,GAAG,MAAM,CAA2B,IAAI,CAAC;IAE9D,MAAM,aAAa,GAAG,MAAK;;QACzB,qBAAqB,CAAC,KAAK,CAAC;AAC5B,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAClC,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,IAAsB,KAAI;QAC9C,QAAQ,CAAC,IAAI,CAAC;AAEd,QAAA,IAAI,CAAC,mBAAmB,IAAI,CAAC,kBAAkB;YAAE;AACjD,QAAA,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;AAC/B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG;QACtB,QAAQ;QACR,QAAQ;QACR,cAAc;QACd,gBAAgB;KACM;IAExB,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,eAAe,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,OAAO,CACnC,OAAO,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,EAChD,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAC3B;AAED,IAAA,MAAM,KAAK,GACT,cAAc,CAAC,KAAK,KAAK,qBAAqB,GAAG,wBAAwB,GAAG,SAAS,CAAC;AAExF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,UAAU,EAAE,UAAU,gBACV,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,eAAe,EAC/B,WAAW,EAAE;gBACX,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA;AAC1B,gBAAA,YAAY,EAAE,eAAe;gBAC7B,OAAO,EAAE,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC;AACzD,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,eAAe,EAAE,sBAAsB;AACvC,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,eAAe,EAAE,kBAAkB;aACpC,EACD,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,GACR,cAAc,EAAA,GACd,eAAe,EACnB,KAAK,EAAE,KAAK,EACZ,CAAA;AAED,QAAA,kBAAkB,KACjBA,cAAC,CAAA,aAAA,CAAA,OAAO,IACN,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,EAC9B,aAAa,EAAE,QAAQ,CAAC,OAAO,EAC/B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAC,cAAc,EACxB,kBAAkB;AAClB,cAAA,IAAA,EAAA,cAAc,EAAE,cAAc,EAAA;AAE9B,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAA;AAC1C,gBAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,gBACV,CAAG,EAAA,SAAS,WAAW,EACnC,UAAU,EAAE,UAAU,EAAA,GAClB,eAAe,EACnB,CAAA;AACF,gBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA;AACf,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EACjD,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,UAAU,EAAA,EAAA,OAAA,CAGb,CACQ,CACN,CACP,CACX,CACA;AAEP;;;;"}

package/dist/components/DateRangePicker/DateRangePicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useEffect } from 'react';
+import React__default, { useCallback, useMemo, useEffect } from 'react';
 import { Button } from '../Button/Button.js';
 import { Select } from '../Select/Select.js';
 import { DateInputField } from '../DateInputField/index.js';
@@ -59,17 +59,17 @@ disabledRanges, disallowWeekends, maxValue, minValue, selectedPreset, setSelecte
         else
             setSelectedPreset(DATE_RANGE_OPTIONS[0]); // Otherwise, select "custom" option.
     }, [matchedPreset, setSelectedPreset]);
-    return (React.createElement(Stack, { direction: "vertical", alignX: "stretch", spacing: "0", style: { gap: theme.sizes.base, ...style }, className: className, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel },
-        showDatePresets && (React.createElement(Select, { disabled: isDisabled, label: "Date Range", options: DATE_RANGE_OPTIONS, value: selectedPreset === null || selectedPreset === undefined ? undefined : selectedPreset.value, onChange: updateRangePreset })),
-        React.createElement(DateInputField, { isRangeInput: true, isDisabled: isDisabled, label: "Start date - End date", onChangeStartDate: updateDateSegment('start'), onChangeEndDate: updateDateSegment('end'), startValue: selectedRange && selectedRange.start, endValue: selectedRange && selectedRange.end, error: isDateRangeInvalid ? 'Range contains invalid dates' : undefined, disabledRanges: disabledRanges, disallowWeekends: disallowWeekends, maxValue: maxValue, minValue: minValue }),
-        previousPeriodProps.showPreviousPeriod && React.createElement(ComparePreviousPeriod, { ...previousPeriodProps }),
-        React.createElement(Divider, null),
-        React.createElement(Stack, { alignX: "center" },
-            React.createElement(RangeCalendar, { "aria-label": "Selected Date Range", isDisabled: isDisabled, value: selectedRange, onChange: setSelectedRange, disabledRanges: disabledRanges, maxValue: maxValue, minValue: minValue, disallowWeekends: disallowWeekends })),
-        !!onReset && (React.createElement(React.Fragment, null,
-            React.createElement(Divider, null),
-            React.createElement(Card.Footer, { style: { display: 'flex', justifyContent: 'end', padding: 0, margin: 0 } },
-                React.createElement(Button, { variant: "default", size: "sm", onClick: onReset, disabled: isDisabled }, "Reset"))))));
+    return (React__default.createElement(Stack, { direction: "vertical", alignX: "stretch", spacing: "0", style: { gap: theme.sizes.base, ...style }, className: className, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel },
+        showDatePresets && (React__default.createElement(Select, { disabled: isDisabled, label: "Date Range", options: DATE_RANGE_OPTIONS, value: selectedPreset === null || selectedPreset === undefined ? undefined : selectedPreset.value, onChange: updateRangePreset })),
+        React__default.createElement(DateInputField, { isRangeInput: true, isDisabled: isDisabled, label: "Start date - End date", onChangeStartDate: updateDateSegment('start'), onChangeEndDate: updateDateSegment('end'), startValue: selectedRange && selectedRange.start, endValue: selectedRange && selectedRange.end, error: isDateRangeInvalid ? 'Range contains invalid dates' : undefined, disabledRanges: disabledRanges, disallowWeekends: disallowWeekends, maxValue: maxValue, minValue: minValue }),
+        previousPeriodProps.showPreviousPeriod && React__default.createElement(ComparePreviousPeriod, { ...previousPeriodProps }),
+        React__default.createElement(Divider, null),
+        React__default.createElement(Stack, { alignX: "center" },
+            React__default.createElement(RangeCalendar, { "aria-label": "Selected Date Range", isDisabled: isDisabled, value: selectedRange, onChange: setSelectedRange, disabledRanges: disabledRanges, maxValue: maxValue, minValue: minValue, disallowWeekends: disallowWeekends })),
+        !!onReset && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Divider, null),
+            React__default.createElement(Card.Footer, { style: { display: 'flex', justifyContent: 'end', padding: 0, margin: 0 } },
+                React__default.createElement(Button, { variant: "default", size: "sm", onClick: onReset, disabled: isDisabled }, "Reset"))))));
 };
 export { DateRangePicker };

package/dist/components/DateRangePicker/DateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport type { DateRange, DateValue } from 'react-aria-components';\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { DateInputField } from '../DateInputField';\nimport { RangeCalendar, useIsDateUnavailable } from '../Calendars';\nimport { Card } from '../Card';\nimport { theme } from '../../theme';\nimport { Stack } from '../Stack';\nimport { ComparePreviousPeriod } from './components/ComparePreviousPeriod';\nimport { DATE_RANGE_OPTIONS, DateRanges, checkForMatchingPreset, getDateRange } from './constants';\nimport { Divider } from './components/Divider';\nimport { DateRangePickerProps } from './types';\n\nexport const DateRangePicker = ({\n // Style props\n className,\n style,\n isDisabled,\n // Customizable options\n showDatePresets = true,\n onReset,\n // Calendar props\n disabledRanges,\n disallowWeekends,\n maxValue,\n minValue,\n selectedPreset,\n setSelectedPreset,\n selectedRange,\n setSelectedRange,\n // Previous period props\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n ...previousPeriodProps\n}: DateRangePickerProps) => {\n const { isDateRangeUnavailable } = useIsDateUnavailable({\n disabledRanges,\n disallowWeekends,\n maxValue,\n minValue,\n });\n\n const updateRangePreset = (selectedValue: string) => {\n setSelectedRange(getDateRange(DateRanges[selectedValue as DateRanges]));\n setSelectedPreset(\n DATE_RANGE_OPTIONS.find(({ value }) => value === selectedValue) \|\| DATE_RANGE_OPTIONS[0],\n );\n };\n\n const updateDateSegment = useCallback(\n (slot: 'start' \| 'end') => (value: DateValue) => {\n const newRange = {\n start: slot === 'start' ? value : selectedRange?.start,\n end: slot === 'end' ? value : selectedRange?.end,\n } as DateRange;\n\n setSelectedRange(newRange);\n },\n [selectedRange?.end, selectedRange?.start, setSelectedRange],\n );\n\n const isDateRangeInvalid = useMemo(\n () => isDateRangeUnavailable(selectedRange),\n [isDateRangeUnavailable, selectedRange],\n );\n\n // Memoize finding preset since checkForMatchingPreset isn't quick.\n const matchedPreset = useMemo(() => {\n if (!selectedRange) return null;\n return checkForMatchingPreset(selectedRange);\n }, [selectedRange]);\n\n useEffect(() => {\n if (matchedPreset)\n setSelectedPreset(matchedPreset); // If selected value is a preset, set it.\n else setSelectedPreset(DATE_RANGE_OPTIONS[0]); // Otherwise, select \"custom\" option.\n }, [matchedPreset, setSelectedPreset]);\n\n return (\n <Stack\n direction=\"vertical\"\n alignX=\"stretch\"\n spacing=\"0\"\n style={{ gap: theme.sizes.base, ...style }}\n className={className}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n >\n {showDatePresets && (\n <Select\n disabled={isDisabled}\n label=\"Date Range\"\n options={DATE_RANGE_OPTIONS}\n value={selectedPreset?.value}\n onChange={updateRangePreset}\n />\n )}\n\n <DateInputField\n isRangeInput\n isDisabled={isDisabled}\n label=\"Start date - End date\"\n onChangeStartDate={updateDateSegment('start')}\n onChangeEndDate={updateDateSegment('end')}\n startValue={selectedRange && selectedRange.start}\n endValue={selectedRange && selectedRange.end}\n error={isDateRangeInvalid ? 'Range contains invalid dates' : undefined}\n disabledRanges={disabledRanges}\n disallowWeekends={disallowWeekends}\n maxValue={maxValue}\n minValue={minValue}\n />\n\n {previousPeriodProps.showPreviousPeriod && <ComparePreviousPeriod {...previousPeriodProps} />}\n\n <Divider />\n\n <Stack alignX=\"center\">\n <RangeCalendar\n aria-label=\"Selected Date Range\"\n isDisabled={isDisabled}\n value={selectedRange}\n onChange={setSelectedRange}\n disabledRanges={disabledRanges}\n maxValue={maxValue}\n minValue={minValue}\n disallowWeekends={disallowWeekends}\n />\n </Stack>\n\n {!!onReset && (\n <>\n <Divider />\n <Card.Footer style={{ display: 'flex', justifyContent: 'end', padding: 0, margin: 0 }}>\n <Button variant=\"default\" size=\"sm\" onClick={onReset} disabled={isDisabled}>\n Reset\n </Button>\n </Card.Footer>\n </>\n )}\n </Stack>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,eAAe,GAAG,CAAC;AAC9B;AACA,SAAS,EACT,KAAK,EACL,UAAU;AACV;AACA,eAAe,GAAG,IAAI,EACtB,OAAO;AACP;AACA,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,gBAAgB;AAChB;AACA,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,GAAG,mBAAmB,EACD,KAAI;AACzB,IAAA,MAAM,EAAE,sBAAsB,EAAE,GAAG,oBAAoB,CAAC;QACtD,cAAc;QACd,gBAAgB;QAChB,QAAQ;QACR,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,CAAC,aAAqB,KAAI;QAClD,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAA2B,CAAC,CAAC,CAAC;QACvE,iBAAiB,CACf,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,aAAa,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACzF;AACH,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAqB,KAAK,CAAC,KAAgB,KAAI;AAC9C,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,KAAK,EAAE,IAAI,KAAK,OAAO,GAAG,KAAK,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,KAAK;AACtD,YAAA,GAAG,EAAE,IAAI,KAAK,KAAK,GAAG,KAAK,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,GAAG;SACpC;QAEd,gBAAgB,CAAC,QAAQ,CAAC;KAC3B,EACD,CAAC,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,GAAG,EAAE,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAE,KAAK,EAAE,gBAAgB,CAAC,CAC7D;AAED,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAChC,MAAM,sBAAsB,CAAC,aAAa,CAAC,EAC3C,CAAC,sBAAsB,EAAE,aAAa,CAAC,CACxC;;AAGD,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,IAAI;AAC/B,QAAA,OAAO,sBAAsB,CAAC,aAAa,CAAC;AAC9C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEnB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa;AACf,YAAA,iBAAiB,CAAC,aAAa,CAAC,CAAC;;YAC9B,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,KAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAEtC,IAAA,~~QACE~~,~~KAAC~~,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,UAAU,EACpB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,GAAG,EACX,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,EAC1C,SAAS,EAAE,SAAS,EACF,kBAAA,EAAA,eAAe,gBACrB,SAAS,EAAA;AAEpB,QAAA,eAAe,~~KACd~~,~~KAAC~~,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,SAAA,GAAA,SAAA,GAAA,cAAc,CAAE,KAAK,EAC5B,QAAQ,EAAE,iBAAiB,GAC3B,CACH;AAED,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAA,IAAA,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,uBAAuB,EAC7B,iBAAiB,EAAE,iBAAiB,CAAC,OAAO,CAAC,EAC7C,eAAe,EAAE,iBAAiB,CAAC,KAAK,CAAC,EACzC,UAAU,EAAE,aAAa,IAAI,aAAa,CAAC,KAAK,EAChD,QAAQ,EAAE,aAAa,IAAI,aAAa,CAAC,GAAG,EAC5C,KAAK,EAAE,kBAAkB,GAAG,8BAA8B,GAAG,SAAS,EACtE,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,CAAA;AAED,QAAA,mBAAmB,CAAC,kBAAkB,~~IAAI~~,~~oBAAC~~,qBAAqB,EAAA,EAAA,GAAK,mBAAmB,EAAI,CAAA;AAE7F,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;AAEX,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,MAAM,EAAC,QAAQ,EAAA;AACpB,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,aAAa,EAAA,EAAA,YAAA,EACD,qBAAqB,EAChC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,gBAAgB,EAC1B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GAClC,CACI;QAEP,CAAC,CAAC,OAAO,~~KACR~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA;AACE,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;~~YACX~~,~~KAAC~~,CAAA,aAAA,CAAA,IAAI,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAA;~~gBACnF~~,~~KAAC~~,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAA,EAAA,OAAA,CAEjE,CACG,CACb,CACJ,CACK;AAEZ;;;;"}
1	+ {"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport type { DateRange, DateValue } from 'react-aria-components';\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { DateInputField } from '../DateInputField';\nimport { RangeCalendar, useIsDateUnavailable } from '../Calendars';\nimport { Card } from '../Card';\nimport { theme } from '../../theme';\nimport { Stack } from '../Stack';\nimport { ComparePreviousPeriod } from './components/ComparePreviousPeriod';\nimport { DATE_RANGE_OPTIONS, DateRanges, checkForMatchingPreset, getDateRange } from './constants';\nimport { Divider } from './components/Divider';\nimport { DateRangePickerProps } from './types';\n\nexport const DateRangePicker = ({\n // Style props\n className,\n style,\n isDisabled,\n // Customizable options\n showDatePresets = true,\n onReset,\n // Calendar props\n disabledRanges,\n disallowWeekends,\n maxValue,\n minValue,\n selectedPreset,\n setSelectedPreset,\n selectedRange,\n setSelectedRange,\n // Previous period props\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n ...previousPeriodProps\n}: DateRangePickerProps) => {\n const { isDateRangeUnavailable } = useIsDateUnavailable({\n disabledRanges,\n disallowWeekends,\n maxValue,\n minValue,\n });\n\n const updateRangePreset = (selectedValue: string) => {\n setSelectedRange(getDateRange(DateRanges[selectedValue as DateRanges]));\n setSelectedPreset(\n DATE_RANGE_OPTIONS.find(({ value }) => value === selectedValue) \|\| DATE_RANGE_OPTIONS[0],\n );\n };\n\n const updateDateSegment = useCallback(\n (slot: 'start' \| 'end') => (value: DateValue) => {\n const newRange = {\n start: slot === 'start' ? value : selectedRange?.start,\n end: slot === 'end' ? value : selectedRange?.end,\n } as DateRange;\n\n setSelectedRange(newRange);\n },\n [selectedRange?.end, selectedRange?.start, setSelectedRange],\n );\n\n const isDateRangeInvalid = useMemo(\n () => isDateRangeUnavailable(selectedRange),\n [isDateRangeUnavailable, selectedRange],\n );\n\n // Memoize finding preset since checkForMatchingPreset isn't quick.\n const matchedPreset = useMemo(() => {\n if (!selectedRange) return null;\n return checkForMatchingPreset(selectedRange);\n }, [selectedRange]);\n\n useEffect(() => {\n if (matchedPreset)\n setSelectedPreset(matchedPreset); // If selected value is a preset, set it.\n else setSelectedPreset(DATE_RANGE_OPTIONS[0]); // Otherwise, select \"custom\" option.\n }, [matchedPreset, setSelectedPreset]);\n\n return (\n <Stack\n direction=\"vertical\"\n alignX=\"stretch\"\n spacing=\"0\"\n style={{ gap: theme.sizes.base, ...style }}\n className={className}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n >\n {showDatePresets && (\n <Select\n disabled={isDisabled}\n label=\"Date Range\"\n options={DATE_RANGE_OPTIONS}\n value={selectedPreset?.value}\n onChange={updateRangePreset}\n />\n )}\n\n <DateInputField\n isRangeInput\n isDisabled={isDisabled}\n label=\"Start date - End date\"\n onChangeStartDate={updateDateSegment('start')}\n onChangeEndDate={updateDateSegment('end')}\n startValue={selectedRange && selectedRange.start}\n endValue={selectedRange && selectedRange.end}\n error={isDateRangeInvalid ? 'Range contains invalid dates' : undefined}\n disabledRanges={disabledRanges}\n disallowWeekends={disallowWeekends}\n maxValue={maxValue}\n minValue={minValue}\n />\n\n {previousPeriodProps.showPreviousPeriod && <ComparePreviousPeriod {...previousPeriodProps} />}\n\n <Divider />\n\n <Stack alignX=\"center\">\n <RangeCalendar\n aria-label=\"Selected Date Range\"\n isDisabled={isDisabled}\n value={selectedRange}\n onChange={setSelectedRange}\n disabledRanges={disabledRanges}\n maxValue={maxValue}\n minValue={minValue}\n disallowWeekends={disallowWeekends}\n />\n </Stack>\n\n {!!onReset && (\n <>\n <Divider />\n <Card.Footer style={{ display: 'flex', justifyContent: 'end', padding: 0, margin: 0 }}>\n <Button variant=\"default\" size=\"sm\" onClick={onReset} disabled={isDisabled}>\n Reset\n </Button>\n </Card.Footer>\n </>\n )}\n </Stack>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/DateRangePicker/components/ComparePreviousPeriod.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { Toggle } from '../../Toggle/Toggle.js';
 import { Text } from '../../Text/Text.js';
 import { Select } from '../../Select/Select.js';
@@ -23,16 +23,16 @@ const ComparePreviousPeriod = ({ options = DEFAULT_PREVIOUS_PERIOD_OPTIONS, sele
         if (!selectedPreviousPeriod)
             setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(options[0]);
     }, [selectedPreviousPeriod, setSelectedPreviousPeriod, options]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Text, { variant: "inputLabel", style: {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Text, { variant: "inputLabel", style: {
                 display: 'flex',
                 alignItems: 'center',
                 gap: theme.sizes.sm,
                 whiteSpace: 'nowrap',
             } },
-            React.createElement(Toggle, { small: true, switched: showCompareSelect, onClick: toggleShowSelect }),
+            React__default.createElement(Toggle, { small: true, switched: showCompareSelect, onClick: toggleShowSelect }),
             "Compare previous period"),
-        showCompareSelect && (React.createElement(Select, { "aria-label": "Period to compare against", options: options,
+        showCompareSelect && (React__default.createElement(Select, { "aria-label": "Period to compare against", options: options,
             // To avoid screen jumping (before useEffect kicks in, default value to first option)
             value: (selectedPreviousPeriod === null || selectedPreviousPeriod === undefined ? undefined : selectedPreviousPeriod.value) || options[0].value, onChange: findAndSelectOption }))));
 };

package/dist/components/DateRangePicker/components/ComparePreviousPeriod.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComparePreviousPeriod.js","sources":["../../../../src/components/DateRangePicker/components/ComparePreviousPeriod.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Toggle } from '../../Toggle';\nimport { Text } from '../../Text';\nimport { Select } from '../../Select';\nimport { theme } from '../../../theme';\nimport { SelectOption } from '../../Select/Select';\n\nimport { DEFAULT_PREVIOUS_PERIOD_OPTIONS } from './constants';\n\nexport type ComparePreviousPeriodProps = {\n options?: SelectOption[];\n selectedPreviousPeriod: SelectOption \| null;\n setSelectedPreviousPeriod: (selected: SelectOption \| null) => void;\n};\n\nexport const ComparePreviousPeriod = ({\n options = DEFAULT_PREVIOUS_PERIOD_OPTIONS,\n selectedPreviousPeriod,\n setSelectedPreviousPeriod,\n}: ComparePreviousPeriodProps) => {\n const [showCompareSelect, setShowCompareSelect] = useState(!!selectedPreviousPeriod);\n\n const findAndSelectOption = (newValue: string) => {\n const newOption = options.find(({ value }) => value === newValue);\n if (newOption) setSelectedPreviousPeriod?.(newOption);\n };\n\n const toggleShowSelect = () => {\n // When toggled off, unselect show previous period.\n if (showCompareSelect) setSelectedPreviousPeriod?.(null);\n setShowCompareSelect(!showCompareSelect);\n };\n\n // If no option is currently selected, we set to the first option provided.\n useEffect(() => {\n if (!selectedPreviousPeriod) setSelectedPreviousPeriod?.(options[0]);\n }, [selectedPreviousPeriod, setSelectedPreviousPeriod, options]);\n\n return (\n <>\n <Text\n variant=\"inputLabel\"\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: theme.sizes.sm,\n whiteSpace: 'nowrap',\n }}\n >\n <Toggle small switched={showCompareSelect} onClick={toggleShowSelect} />\n Compare previous period\n </Text>\n\n {showCompareSelect && (\n <Select\n aria-label=\"Period to compare against\"\n options={options}\n // To avoid screen jumping (before useEffect kicks in, default value to first option)\n value={selectedPreviousPeriod?.value \|\| options[0].value}\n onChange={findAndSelectOption}\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAAG,+BAA+B,EACzC,sBAAsB,EACtB,yBAAyB,GACE,KAAI;AAC/B,IAAA,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAEpF,IAAA,MAAM,mBAAmB,GAAG,CAAC,QAAgB,KAAI;AAC/C,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,QAAQ,CAAC;AACjE,QAAA,IAAI,SAAS;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,SAAS,CAAC;AACvD,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;;AAE5B,QAAA,IAAI,iBAAiB;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,IAAI,CAAC;AACxD,QAAA,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;AAC1C,KAAC;;IAGD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,sBAAsB;YAAE,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,OAAO,CAAC,CAAC,CAAC,CAAC;KACrE,EAAE,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;AAEhE,IAAA,~~QACE~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA;AACE,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AACnB,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,EAAA;~~YAED~~,~~KAAC~~,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,KAAK,EAAC,IAAA,EAAA,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,EAAI,CAAA;AAEnE,YAAA,yBAAA,CAAA;QAEN,iBAAiB,~~KAChB~~,~~KAAC~~,CAAA,aAAA,CAAA,MAAM,kBACM,2BAA2B,EACtC,OAAO,EAAE,OAAO;;YAEhB,KAAK,EAAE,CAAA,sBAAsB,KAAtB,IAAA,IAAA,sBAAsB,6BAAtB,sBAAsB,CAAE,KAAK,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EACxD,QAAQ,EAAE,mBAAmB,EAC7B,CAAA,CACH,CACA;AAEP;;;;"}
1	+ {"version":3,"file":"ComparePreviousPeriod.js","sources":["../../../../src/components/DateRangePicker/components/ComparePreviousPeriod.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Toggle } from '../../Toggle';\nimport { Text } from '../../Text';\nimport { Select } from '../../Select';\nimport { theme } from '../../../theme';\nimport { SelectOption } from '../../Select/Select';\n\nimport { DEFAULT_PREVIOUS_PERIOD_OPTIONS } from './constants';\n\nexport type ComparePreviousPeriodProps = {\n options?: SelectOption[];\n selectedPreviousPeriod: SelectOption \| null;\n setSelectedPreviousPeriod: (selected: SelectOption \| null) => void;\n};\n\nexport const ComparePreviousPeriod = ({\n options = DEFAULT_PREVIOUS_PERIOD_OPTIONS,\n selectedPreviousPeriod,\n setSelectedPreviousPeriod,\n}: ComparePreviousPeriodProps) => {\n const [showCompareSelect, setShowCompareSelect] = useState(!!selectedPreviousPeriod);\n\n const findAndSelectOption = (newValue: string) => {\n const newOption = options.find(({ value }) => value === newValue);\n if (newOption) setSelectedPreviousPeriod?.(newOption);\n };\n\n const toggleShowSelect = () => {\n // When toggled off, unselect show previous period.\n if (showCompareSelect) setSelectedPreviousPeriod?.(null);\n setShowCompareSelect(!showCompareSelect);\n };\n\n // If no option is currently selected, we set to the first option provided.\n useEffect(() => {\n if (!selectedPreviousPeriod) setSelectedPreviousPeriod?.(options[0]);\n }, [selectedPreviousPeriod, setSelectedPreviousPeriod, options]);\n\n return (\n <>\n <Text\n variant=\"inputLabel\"\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: theme.sizes.sm,\n whiteSpace: 'nowrap',\n }}\n >\n <Toggle small switched={showCompareSelect} onClick={toggleShowSelect} />\n Compare previous period\n </Text>\n\n {showCompareSelect && (\n <Select\n aria-label=\"Period to compare against\"\n options={options}\n // To avoid screen jumping (before useEffect kicks in, default value to first option)\n value={selectedPreviousPeriod?.value \|\| options[0].value}\n onChange={findAndSelectOption}\n />\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;AAgBO,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAAG,+BAA+B,EACzC,sBAAsB,EACtB,yBAAyB,GACE,KAAI;AAC/B,IAAA,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAEpF,IAAA,MAAM,mBAAmB,GAAG,CAAC,QAAgB,KAAI;AAC/C,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,QAAQ,CAAC;AACjE,QAAA,IAAI,SAAS;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,SAAS,CAAC;AACvD,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;;AAE5B,QAAA,IAAI,iBAAiB;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,IAAI,CAAC;AACxD,QAAA,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;AAC1C,KAAC;;IAGD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,sBAAsB;YAAE,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,OAAO,CAAC,CAAC,CAAC,CAAC;KACrE,EAAE,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;AAEhE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AACnB,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,EAAA;YAEDA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,KAAK,EAAC,IAAA,EAAA,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,EAAI,CAAA;AAEnE,YAAA,yBAAA,CAAA;QAEN,iBAAiB,KAChBA,cAAC,CAAA,aAAA,CAAA,MAAM,kBACM,2BAA2B,EACtC,OAAO,EAAE,OAAO;;YAEhB,KAAK,EAAE,CAAA,sBAAsB,KAAtB,IAAA,IAAA,sBAAsB,6BAAtB,sBAAsB,CAAE,KAAK,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EACxD,QAAQ,EAAE,mBAAmB,EAC7B,CAAA,CACH,CACA;AAEP;;;;"}

package/dist/components/DescriptionList/DescriptionList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
@@ -11,21 +11,21 @@ const Description = styled.dd.withConfig({ displayName: "vui--Description", comp
 const DescriptionList = ({ items, horizontal }) => {
     const renderDescription = (description) => {
         if (Array.isArray(description)) {
-            return description.map((d) => React.createElement(Description, { key: d }, d));
+            return description.map((d) => React__default.createElement(Description, { key: d }, d));
         }
-        return React.createElement(Description, null, description);
+        return React__default.createElement(Description, null, description);
     };
     const renderItem = (item) => {
         if (horizontal) {
-            return (React.createElement(ItemRow, { key: item.term },
-                React.createElement(Term, null, item.term),
-                React.createElement(DescriptionContainer, null, renderDescription(item.description))));
+            return (React__default.createElement(ItemRow, { key: item.term },
+                React__default.createElement(Term, null, item.term),
+                React__default.createElement(DescriptionContainer, null, renderDescription(item.description))));
         }
-        return (React.createElement(Item, { key: item.term },
-            React.createElement(Term, null, item.term),
+        return (React__default.createElement(Item, { key: item.term },
+            React__default.createElement(Term, null, item.term),
             renderDescription(item.description)));
     };
-    return React.createElement(List, null, items.map(renderItem));
+    return React__default.createElement(List, null, items.map(renderItem));
 };
 export { DescriptionList };