@jobber/components 4.85.4-CJS-to-ESM.2 → 4.85.4-CJS-to-ESM.4

package/dist/DataList/components/DataListLoadingState/index.mjs

@@ -0,0 +1,13 @@
+export { a as DATALIST_LOADINGSTATE_ROW_TEST_ID, D as DataListLoadingState, L as LOADING_STATE_LIMIT_ITEMS } from '../../../DataListLoadingState-c175094e.js';
+import 'react';
+import '../../../Glimmer-aea7f8ae.js';
+import '../../../tslib.es6-c563c1dd.js';
+import 'classnames';
+import '../../../style-inject.es-a0e1a0ba.js';
+import '../../../Content-c4ea919f.js';
+import '../../../DataListContext-736a42a2.js';
+import 'lodash/noop';
+import '../../../useActiveLayout-101129a8.js';
+import '../../../useResponsiveSizing-c1e28e54.js';
+import '../../../DataList.const-3ae7ceef.js';
+import '@jobber/design';

package/dist/DataList/components/DataListOverflowFade/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListOverflowFade = require('../../../DataListOverflowFade-85c826e0.js');
+require('react');
+require('@jobber/hooks/useInView');
+require('classnames');
+require('../../../style-inject.es-9d2f5f4e.js');
+
+
+
+exports.CONTAINER_TEST_ID = DataListOverflowFade.CONTAINER_TEST_ID;
+exports.DataListOverflowFade = DataListOverflowFade.DataListOverflowFade;

package/dist/DataList/components/DataListOverflowFade/index.mjs

@@ -0,0 +1,5 @@
+export { C as CONTAINER_TEST_ID, D as DataListOverflowFade } from '../../../DataListOverflowFade-a640f51f.js';
+import 'react';
+import '@jobber/hooks/useInView';
+import 'classnames';
+import '../../../style-inject.es-a0e1a0ba.js';

package/dist/DataList/components/DataListSearch/index.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListSearch = require('../../../DataListSearch-584f4f05.js');
+require('react');
+require('lodash/debounce');
+require('classnames');
+require('@jobber/design');
+require('../../../style-inject.es-9d2f5f4e.js');
+require('../../../InputText-55b6cb65.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../../../FormField-6ff183f8.js');
+require('../../../tslib.es6-754e2961.js');
+require('react-hook-form');
+require('@jobber/hooks/useShowClear');
+require('../../../Button-b73a5e01.js');
+require('react-router-dom');
+require('../../../Icon-405a216c.js');
+require('../../../Typography-c45bf216.js');
+require('../../../Text-259af966.js');
+require('../../../InputValidation-05e839fa.js');
+require('framer-motion');
+require('../../../Spinner-9d8fc7ff.js');
+require('../../../DataListContext-f40570a7.js');
+require('lodash/noop');
+require('../../../DataList.const-c05b47de.js');
+require('../../../AnimatedSwitcher-3d45ec5d.js');
+
+
+
+exports.DATA_LIST_SEARCH_TEST_ID = DataListSearch.DATA_LIST_SEARCH_TEST_ID;
+exports.DataListSearch = DataListSearch.DataListSearch;
+exports.InternalDataListSearch = DataListSearch.InternalDataListSearch;

package/dist/DataList/components/DataListSearch/index.mjs

@@ -0,0 +1,24 @@
+export { a as DATA_LIST_SEARCH_TEST_ID, D as DataListSearch, I as InternalDataListSearch } from '../../../DataListSearch-614b959b.js';
+import 'react';
+import 'lodash/debounce';
+import 'classnames';
+import '@jobber/design';
+import '../../../style-inject.es-a0e1a0ba.js';
+import '../../../InputText-8dbcfe70.js';
+import '@jobber/hooks/useSafeLayoutEffect';
+import '../../../FormField-8118cfc8.js';
+import '../../../tslib.es6-c563c1dd.js';
+import 'react-hook-form';
+import '@jobber/hooks/useShowClear';
+import '../../../Button-9ae092b3.js';
+import 'react-router-dom';
+import '../../../Icon-22723fe6.js';
+import '../../../Typography-7cc5daf5.js';
+import '../../../Text-c9162504.js';
+import '../../../InputValidation-d68fb034.js';
+import 'framer-motion';
+import '../../../Spinner-5d8359b8.js';
+import '../../../DataListContext-736a42a2.js';
+import 'lodash/noop';
+import '../../../DataList.const-3ae7ceef.js';
+import '../../../AnimatedSwitcher-3aff3d12.js';

package/dist/DataList/components/DataListStatusBar/index.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListStatusBar = require('../../../DataListStatusBar-e17eff45.js');
+require('react');
+require('../../../DataList.utils-b72b8d0d.js');
+require('lodash/isEmpty');
+require('../../../DataList.const-c05b47de.js');
+require('@jobber/design');
+require('../../../DataListTags-f4038ea1.js');
+require('classnames');
+require('../../../style-inject.es-9d2f5f4e.js');
+require('../../../InlineLabel-a6557829.js');
+require('../../../Typography-c45bf216.js');
+require('../../../Text-259af966.js');
+require('../../../DataListHeaderTile-4b93f949.js');
+require('@jobber/hooks/useFocusTrap');
+require('@jobber/hooks/useRefocusOnActivator');
+require('../../../DataListSortingOptions-4694941c.js');
+require('@jobber/hooks/useOnKeyDown');
+require('../../../Icon-405a216c.js');
+require('../../../DataListContext-f40570a7.js');
+require('lodash/noop');
+require('../../../FormatDate-70ea5b43.js');
+require('../../../Heading-1e8e4bd3.js');
+require('../../../getAtlantisConfig-0f3e8af2.js');
+
+
+
+exports.DataListStatusBar = DataListStatusBar.DataListStatusBar;
+exports.InternalDataListStatusBar = DataListStatusBar.InternalDataListStatusBar;

package/dist/DataList/components/DataListStatusBar/index.mjs

@@ -0,0 +1,23 @@
+export { D as DataListStatusBar, I as InternalDataListStatusBar } from '../../../DataListStatusBar-4f692790.js';
+import 'react';
+import '../../../DataList.utils-d51eb44e.js';
+import 'lodash/isEmpty';
+import '../../../DataList.const-3ae7ceef.js';
+import '@jobber/design';
+import '../../../DataListTags-68b3a874.js';
+import 'classnames';
+import '../../../style-inject.es-a0e1a0ba.js';
+import '../../../InlineLabel-b7d9e402.js';
+import '../../../Typography-7cc5daf5.js';
+import '../../../Text-c9162504.js';
+import '../../../DataListHeaderTile-8854e4d8.js';
+import '@jobber/hooks/useFocusTrap';
+import '@jobber/hooks/useRefocusOnActivator';
+import '../../../DataListSortingOptions-8a64205a.js';
+import '@jobber/hooks/useOnKeyDown';
+import '../../../Icon-22723fe6.js';
+import '../../../DataListContext-736a42a2.js';
+import 'lodash/noop';
+import '../../../FormatDate-720b39cf.js';
+import '../../../Heading-93e755cb.js';
+import '../../../getAtlantisConfig-5b50057c.js';

package/dist/DataList/components/DataListStickyHeader/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListStickyHeader = require('../../../DataListStickyHeader-0728e21b.js');
+require('classnames');
+require('react');
+require('../../../style-inject.es-9d2f5f4e.js');
+require('../../../DataList.const-c05b47de.js');
+require('@jobber/design');
+
+
+
+exports.DataListStickyHeader = DataListStickyHeader.DataListStickyHeader;

package/dist/DataList/components/DataListStickyHeader/index.mjs

@@ -0,0 +1,6 @@
+export { D as DataListStickyHeader } from '../../../DataListStickyHeader-ce11cbd9.js';
+import 'classnames';
+import 'react';
+import '../../../style-inject.es-a0e1a0ba.js';
+import '../../../DataList.const-3ae7ceef.js';
+import '@jobber/design';

package/dist/DataList/components/DataListTags/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListTags = require('../../../DataListTags-f4038ea1.js');
+require('react');
+require('classnames');
+require('../../../style-inject.es-9d2f5f4e.js');
+require('../../../InlineLabel-a6557829.js');
+require('../../../Typography-c45bf216.js');
+require('../../../Text-259af966.js');
+
+
+
+exports.DataListTags = DataListTags.DataListTags;

package/dist/DataList/components/DataListTags/index.mjs

@@ -0,0 +1,7 @@
+export { D as DataListTags } from '../../../DataListTags-68b3a874.js';
+import 'react';
+import 'classnames';
+import '../../../style-inject.es-a0e1a0ba.js';
+import '../../../InlineLabel-b7d9e402.js';
+import '../../../Typography-7cc5daf5.js';
+import '../../../Text-c9162504.js';

package/dist/DataList/components/DataListTotalCount/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListTotalCount = require('../../../DataListTotalCount-8373c2df.js');
+require('react');
+require('../../../style-inject.es-9d2f5f4e.js');
+require('../../../Text-259af966.js');
+require('../../../Typography-c45bf216.js');
+require('classnames');
+require('../../../Glimmer-84dee1ed.js');
+require('../../../tslib.es6-754e2961.js');
+require('../../../Content-e3f7b6fc.js');
+
+
+
+exports.DATALIST_TOTALCOUNT_TEST_ID = DataListTotalCount.DATALIST_TOTALCOUNT_TEST_ID;
+exports.DataListTotalCount = DataListTotalCount.DataListTotalCount;

package/dist/DataList/components/DataListTotalCount/index.mjs

@@ -0,0 +1,9 @@
+export { a as DATALIST_TOTALCOUNT_TEST_ID, D as DataListTotalCount } from '../../../DataListTotalCount-cce98cf6.js';
+import 'react';
+import '../../../style-inject.es-a0e1a0ba.js';
+import '../../../Text-c9162504.js';
+import '../../../Typography-7cc5daf5.js';
+import 'classnames';
+import '../../../Glimmer-aea7f8ae.js';
+import '../../../tslib.es6-c563c1dd.js';
+import '../../../Content-c4ea919f.js';

package/dist/DataList/context/DataListContext/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListContext = require('../../../DataListContext-f40570a7.js');
+require('react');
+require('lodash/noop');
+
+
+
+exports.DataListContext = DataListContext.DataListContext;
+exports.defaultValues = DataListContext.defaultValues;
+exports.useDataListContext = DataListContext.useDataListContext;

package/dist/DataList/context/DataListContext/index.mjs

@@ -0,0 +1,3 @@
+export { D as DataListContext, d as defaultValues, u as useDataListContext } from '../../../DataListContext-736a42a2.js';
+import 'react';
+import 'lodash/noop';

package/dist/DataList/context/DataListLayoutContext/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataListLayoutContext = require('../../../DataListLayoutContext-83df2a23.js');
+require('lodash/noop');
+require('react');
+
+
+
+exports.DataListLayoutContext = DataListLayoutContext.DataListLayoutContext;
+exports.defaultValues = DataListLayoutContext.defaultValues;
+exports.useDataListLayoutContext = DataListLayoutContext.useDataListLayoutContext;

package/dist/DataList/context/DataListLayoutContext/index.mjs

@@ -0,0 +1,3 @@
+export { D as DataListLayoutContext, d as defaultValues, u as useDataListLayoutContext } from '../../../DataListLayoutContext-7daf863d.js';
+import 'lodash/noop';
+import 'react';

package/dist/DataList/index.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DataList = require('../DataList-fc20945e.js');
+require('../tslib.es6-754e2961.js');
+require('react');
+require('../DataList-b5f0a522.js');
+require('../style-inject.es-9d2f5f4e.js');
+require('../DataListTotalCount-8373c2df.js');
+require('../Text-259af966.js');
+require('../Typography-c45bf216.js');
+require('classnames');
+require('../Glimmer-84dee1ed.js');
+require('../Content-e3f7b6fc.js');
+require('../DataListLoadingState-9de965f6.js');
+require('../DataListContext-f40570a7.js');
+require('lodash/noop');
+require('../useActiveLayout-adbf2bc3.js');
+require('../useResponsiveSizing-10f0860d.js');
+require('../DataList.const-c05b47de.js');
+require('@jobber/design');
+require('../DataListLayout-4cdcaa1f.js');
+require('../DataListItems-09c65d2c.js');
+require('../DataListLayoutContext-83df2a23.js');
+require('../DataListItem-3d39e2eb.js');
+require('framer-motion');
+require('../DataListItemActions-122d8972.js');
+require('../DataListActions-f8367eda.js');
+require('../Tooltip-ef3d6ef4.js');
+require('react-dom');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('react-popper');
+require('../Button-b73a5e01.js');
+require('react-router-dom');
+require('../Icon-405a216c.js');
+require('../DataListOverflowFade-85c826e0.js');
+require('@jobber/hooks/useInView');
+require('../DataList.utils-b72b8d0d.js');
+require('lodash/isEmpty');
+require('../DataListTags-f4038ea1.js');
+require('../InlineLabel-a6557829.js');
+require('../DataListHeaderTile-4b93f949.js');
+require('@jobber/hooks/useFocusTrap');
+require('@jobber/hooks/useRefocusOnActivator');
+require('../DataListSortingOptions-4694941c.js');
+require('@jobber/hooks/useOnKeyDown');
+require('../FormatDate-70ea5b43.js');
+require('../Heading-1e8e4bd3.js');
+require('../getAtlantisConfig-0f3e8af2.js');
+require('../DataListLayoutContext-39a0d016.js');
+require('../DataListItemActionsOverflow-9c491ed9.js');
+require('../DataListActionsMenu-cfcd5d21.js');
+require('../Checkbox-787e2e47.js');
+require('react-hook-form');
+require('../useBatchSelect-ac66c1cb.js');
+require('../DataListItemClickable-abe0242c.js');
+require('../DataListHeader-43a4bb92.js');
+require('../AnimatedSwitcher-3d45ec5d.js');
+require('../DataListBulkActions-af1fe283.js');
+require('../DataListFilters-3e5599c6.js');
+require('../DataListSort-0e8e03c9.js');
+require('../Combobox-bf8c9ce6.js');
+require('../ComboboxContent-1faee40b.js');
+require('../ComboboxContentSearch-889f0525.js');
+require('../ComboboxContentList-b7108426.js');
+require('../Spinner-9d8fc7ff.js');
+require('../AnimatedPresence-20a02aaa.js');
+require('../ComboboxOption-16d1c772.js');
+require('../Flex-d490c4db.js');
+require('../ComboboxProvider-dd21fe88.js');
+require('../ComboboxLoadMore-a642edaa.js');
+require('../ComboboxContentHeader-ce3f10b6.js');
+require('../ComboboxAction-22bd2e79.js');
+require('../ComboboxTrigger-0c05930b.js');
+require('../Chip-36397442.js');
+require('../Avatar-76a799fa.js');
+require('color');
+require('../useChildComponent-d661dbd6.js');
+require('lodash/debounce');
+require('../ComboboxActivator-afc63f51.js');
+require('@jobber/hooks/useAssert');
+require('../DataListStickyHeader-0728e21b.js');
+require('../DataListSearch-584f4f05.js');
+require('../InputText-55b6cb65.js');
+require('../FormField-6ff183f8.js');
+require('@jobber/hooks/useShowClear');
+require('../InputValidation-05e839fa.js');
+require('../DataListEmptyState-25d6c47d.js');
+require('../DataListLoadMore-20d2d817.js');
+require('../DataListAction-9d8a33e0.js');
+require('../DataListLayoutActions-9f8cc2a2.js');
+require('../DataListStatusBar-e17eff45.js');
+
+
+
+exports.DataList = DataList.DataList;

package/dist/DataList/index.mjs

@@ -0,0 +1,89 @@
+export { D as DataList } from '../DataList-ae2efe9b.js';
+import '../tslib.es6-c563c1dd.js';
+import 'react';
+import '../DataList-1e0e9426.js';
+import '../style-inject.es-a0e1a0ba.js';
+import '../DataListTotalCount-cce98cf6.js';
+import '../Text-c9162504.js';
+import '../Typography-7cc5daf5.js';
+import 'classnames';
+import '../Glimmer-aea7f8ae.js';
+import '../Content-c4ea919f.js';
+import '../DataListLoadingState-c175094e.js';
+import '../DataListContext-736a42a2.js';
+import 'lodash/noop';
+import '../useActiveLayout-101129a8.js';
+import '../useResponsiveSizing-c1e28e54.js';
+import '../DataList.const-3ae7ceef.js';
+import '@jobber/design';
+import '../DataListLayout-99863988.js';
+import '../DataListItems-00dd20c1.js';
+import '../DataListLayoutContext-7daf863d.js';
+import '../DataListItem-5cbf5f14.js';
+import 'framer-motion';
+import '../DataListItemActions-c5749fdc.js';
+import '../DataListActions-c5ad9b23.js';
+import '../Tooltip-d1fc7e74.js';
+import 'react-dom';
+import '@jobber/hooks/useSafeLayoutEffect';
+import 'react-popper';
+import '../Button-9ae092b3.js';
+import 'react-router-dom';
+import '../Icon-22723fe6.js';
+import '../DataListOverflowFade-a640f51f.js';
+import '@jobber/hooks/useInView';
+import '../DataList.utils-d51eb44e.js';
+import 'lodash/isEmpty';
+import '../DataListTags-68b3a874.js';
+import '../InlineLabel-b7d9e402.js';
+import '../DataListHeaderTile-8854e4d8.js';
+import '@jobber/hooks/useFocusTrap';
+import '@jobber/hooks/useRefocusOnActivator';
+import '../DataListSortingOptions-8a64205a.js';
+import '@jobber/hooks/useOnKeyDown';
+import '../FormatDate-720b39cf.js';
+import '../Heading-93e755cb.js';
+import '../getAtlantisConfig-5b50057c.js';
+import '../DataListLayoutContext-9237afd1.js';
+import '../DataListItemActionsOverflow-6004ba59.js';
+import '../DataListActionsMenu-cce1bd30.js';
+import '../Checkbox-3ff9f47a.js';
+import 'react-hook-form';
+import '../useBatchSelect-33acc2fc.js';
+import '../DataListItemClickable-127bfc7f.js';
+import '../DataListHeader-bf256a20.js';
+import '../AnimatedSwitcher-3aff3d12.js';
+import '../DataListBulkActions-a750f601.js';
+import '../DataListFilters-aaff643e.js';
+import '../DataListSort-a684067a.js';
+import '../Combobox-f781cae2.js';
+import '../ComboboxContent-0e67a7f3.js';
+import '../ComboboxContentSearch-196e638a.js';
+import '../ComboboxContentList-7f7ef48c.js';
+import '../Spinner-5d8359b8.js';
+import '../AnimatedPresence-bbccdaf7.js';
+import '../ComboboxOption-cf324e9d.js';
+import '../Flex-d565495d.js';
+import '../ComboboxProvider-32666af1.js';
+import '../ComboboxLoadMore-21f09a37.js';
+import '../ComboboxContentHeader-97ea6800.js';
+import '../ComboboxAction-c21dc02b.js';
+import '../ComboboxTrigger-b41954f5.js';
+import '../Chip-0e37aa92.js';
+import '../Avatar-6ffee4bd.js';
+import 'color';
+import '../useChildComponent-13989d0a.js';
+import 'lodash/debounce';
+import '../ComboboxActivator-757941db.js';
+import '@jobber/hooks/useAssert';
+import '../DataListStickyHeader-ce11cbd9.js';
+import '../DataListSearch-614b959b.js';
+import '../InputText-8dbcfe70.js';
+import '../FormField-8118cfc8.js';
+import '@jobber/hooks/useShowClear';
+import '../InputValidation-d68fb034.js';
+import '../DataListEmptyState-fcc112ac.js';
+import '../DataListLoadMore-1b519950.js';
+import '../DataListAction-d570e8bf.js';
+import '../DataListLayoutActions-43cc8589.js';
+import '../DataListStatusBar-4f692790.js';

package/dist/DataList-1e0e9426.js

@@ -0,0 +1,7 @@
+import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
+
+var css_248z = ".TkdrExYnvcY-,\n.TkdrExYnvcY- * {\n  box-sizing: border-box;\n}\n\n.TkdrExYnvcY- {\n  --data-list--minimum-item-height: calc(var(--base-unit) * 3.5);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  position: relative;\n  z-index: 0;\n  z-index: var(--elevation-default);\n  -ms-flex: 1;\n      flex: 1;\n}\n\n/*\n * Header\n */\n\n.IcAlZHoB4LI- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  margin-bottom: calc(16px / 2);\n  margin-bottom: var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.TFO76ysivmg- {\n  display: grid;\n  padding: calc((16px / 2) + (16px / 4)) 0;\n  padding: calc(calc(16px / 2) + calc(16px / 4)) 0;\n  padding: calc(var(--space-small) + var(--space-smaller)) 0;\n  gap: calc(16px / 2);\n  grid-gap: calc(16px / 2);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-template-columns: auto fit-content(calc(16px * 14));\n  grid-template-columns: auto fit-content(calc(var(--base-unit) * 14));\n}\n\n.TFO76ysivmg-:empty {\n  display: none;\n}\n\n.jGHZZYZm1ZY- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-pack: center;\n      justify-content: center;\n  min-height: calc(16px * 3);\n  min-height: var(--space-largest);\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border-bottom: calc(16px / 8) solid rgb(217, 223, 225);\n  border-bottom: var(--border-thick) solid var(--color-border);\n}\n\n.GiD7MjZJbcw- {\n  --data-list--header-actions-gap: var(--space-small);\n  display: -ms-flexbox;\n  display: flex;\n  gap: calc(16px / 2);\n  gap: var(--data-list--header-actions-gap);\n}\n\n@media (max-width: 489px) {\n\n.GiD7MjZJbcw- {\n    -ms-flex-pack: justify;\n        justify-content: space-between;\n    width: 100%;\n}\n  }\n\n@media (--small-screens-and-below) {\n\n.GiD7MjZJbcw- {\n    -ms-flex-pack: justify;\n        justify-content: space-between;\n    width: 100%;\n}\n  }\n\n.jMSVGIAr5tk- > p {\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n.jMSVGIAr5tk- {\n  display: -ms-flexbox;\n  display: flex;\n  margin: calc((16px / 2) * -1) 0;\n  margin: calc(calc(16px / 2) * -1) 0;\n  margin: calc(var(--space-small) * -1) 0;\n  -ms-flex-align: center;\n      align-items: center;\n  gap: var(--data-list--header-actions-gap);\n}\n\n/*\n * List Item\n */\n\n.ise8kHCfhCY- {\n  position: relative;\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);\n  border-bottom: var(--border-base) solid var(--color-border);\n  transition: all 200ms;\n  transition: all var(--timing-base);\n}\n\n.ise8kHCfhCY-,\n.Tq6e0BGwcSM- {\n  display: grid;\n  grid-template-columns: minmax(0px, auto);\n  min-height: var(--data-list--minimum-item-height);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.ise8kHCfhCY-.Pc0JGX6jCD4-,\n.ise8kHCfhCY-:hover,\n.ise8kHCfhCY-:focus-within {\n  --data-list-item-active-color: var(--color-surface--hover);\n  background-color: rgb(244, 246, 250);\n  background-color: var(--data-list-item-active-color);\n}\n\n.Tq6e0BGwcSM- {\n  margin: calc((16px / 2) * -1) 0;\n  margin: calc(calc(16px / 2) * -1) 0;\n  margin: calc(var(--space-small) * -1) 0;\n  padding: calc(16px / 2) 0;\n  padding: var(--space-small) 0;\n  border: none;\n  text-align: left;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n/**\n * Reset CSS properties on focus to ensure we only have the focus state on the\n * parent .listItem\n */\n\n.Tq6e0BGwcSM-:focus {\n  outline: none;\n  background-color: transparent;\n}\n\n/**\n * Enable a better hover and focus experience when :has() is supported.\n * This is a workaround for Firefox where the :has() selector is not supported.\n */\n\n@supports selector(*:has(*)) {\n  .ise8kHCfhCY-:hover,\n  .ise8kHCfhCY-:focus-within {\n    background-color: transparent;\n  }\n\n  .ise8kHCfhCY-:has(.Tq6e0BGwcSM-:hover, .Tq6e0BGwcSM-:focus) {\n    background-color: var(--data-list-item-active-color);\n  }\n}\n\n/*\n * List Item Selection\n */\n\n.d-79rkMqufg- {\n  display: grid;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n@media (min-width: 768px) {\n\n.d-79rkMqufg- {\n    -ms-flex-align: center;\n        align-items: center;\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n.d-79rkMqufg- {\n    -ms-flex-align: center;\n        align-items: center;\n}\n  }\n\n.d-79rkMqufg-,\n.jGHZZYZm1ZY- .d-79rkMqufg- {\n  grid-template-columns: -webkit-max-content minmax(0px, auto);\n  grid-template-columns: max-content minmax(0px, auto);\n  -webkit-column-gap: calc(16px / 2);\n  -webkit-column-gap: var(--space-small);\n     -moz-column-gap: calc(16px / 2);\n     -moz-column-gap: var(--space-small);\n          column-gap: calc(16px / 2);\n          column-gap: var(--space-small);\n}\n\n.jGHZZYZm1ZY- .d-79rkMqufg- {\n  display: grid;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.qm-SSuWTXkI- {\n  display: -ms-flexbox;\n  display: flex;\n  visibility: hidden;\n\n  /* To compensate the Checkbox's label margin that we are using for screen-readers */\n  margin-right: calc((16px * 1) * -1);\n  margin-right: calc(calc(16px * 1) * -1);\n  margin-right: calc(var(--space-base) * -1);\n}\n\n.qm-SSuWTXkI-.VA9RnQp6nbI- {\n  visibility: visible;\n}\n\n.ise8kHCfhCY- .d-79rkMqufg- > :first-child {\n  -ms-flex-order: 2;\n      order: 2;\n}\n\n.ise8kHCfhCY- .d-79rkMqufg- > :last-child {\n  -ms-flex-order: 1;\n      order: 1;\n  padding-top: calc(16px / 4);\n  padding-top: var(--space-smaller);\n  opacity: 1;\n  transition: opacity 100ms ease-in-out;\n  transition: opacity var(--transition-properties);\n  --transition-properties: var(--timing-quick) ease-in-out;\n}\n\n@media (min-width: 768px) {\n\n.ise8kHCfhCY- .d-79rkMqufg- > :last-child {\n    padding-top: 0;\n    opacity: 0;\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n.ise8kHCfhCY- .d-79rkMqufg- > :last-child {\n    padding-top: 0;\n    opacity: 0;\n}\n  }\n\n.ise8kHCfhCY-:hover .d-79rkMqufg- > :last-child,\n.ise8kHCfhCY-:focus-within .d-79rkMqufg- > :last-child,\n.ise8kHCfhCY- .d-79rkMqufg-._4L7iXXzLr5k- > :last-child {\n  opacity: 1;\n}\n\n/*\n * Filters\n */\n\n.Kkp-IYmwq-s- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(255, 255, 255, 0.6);\n  background-color: var(--color-overlay--dimmed);\n  -ms-flex-align: start;\n      align-items: flex-start;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.m-eCShL7TU4- {\n  position: sticky;\n  top: 50vh;\n}\n\n/* This hides the text from the UI but not from the screen readers */\n\n.esUiRgWabYw- {\n  position: absolute;\n  top: auto;\n  left: -10000px;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  text-indent: -10000px;\n}\n";
+var styles = {"wrapper":"TkdrExYnvcY-","titleContainer":"IcAlZHoB4LI-","headerFilters":"TFO76ysivmg-","headerTitles":"jGHZZYZm1ZY-","batchSelectContainer":"GiD7MjZJbcw-","headerBatchSelect":"jMSVGIAr5tk-","listItem":"ise8kHCfhCY-","listItemClickable":"Tq6e0BGwcSM-","active":"Pc0JGX6jCD4-","selectable":"d-79rkMqufg-","selectAllCheckbox":"qm-SSuWTXkI-","visible":"VA9RnQp6nbI-","selected":"_4L7iXXzLr5k-","filtering":"Kkp-IYmwq-s-","filteringSpinner":"m-eCShL7TU4-","srOnly":"esUiRgWabYw-"};
+styleInject(css_248z);
+
+export { styles as s };

package/dist/DataList-ae2efe9b.js

@@ -0,0 +1,139 @@
+import { _ as __rest } from './tslib.es6-c563c1dd.js';
+import React, { useState, useMemo, useRef } from 'react';
+import { s as styles } from './DataList-1e0e9426.js';
+import { D as DataListTotalCount } from './DataListTotalCount-cce98cf6.js';
+import { D as DataListLoadingState } from './DataListLoadingState-c175094e.js';
+import { D as DataListLayout } from './DataListLayout-99863988.js';
+import { D as DataListHeader } from './DataListHeader-bf256a20.js';
+import { I as InternalDataListFilters, D as DataListFilters } from './DataListFilters-aaff643e.js';
+import { D as DataListStickyHeader } from './DataListStickyHeader-ce11cbd9.js';
+import { I as InternalDataListSearch, D as DataListSearch } from './DataListSearch-614b959b.js';
+import { I as InternalDataListEmptyState, D as DataListEmptyState } from './DataListEmptyState-fcc112ac.js';
+import { D as DataListLoadMore } from './DataListLoadMore-1b519950.js';
+import { D as DataListItemActions } from './DataListItemActions-c5749fdc.js';
+import { D as DataListAction } from './DataListAction-d570e8bf.js';
+import { D as DataListLayoutActions } from './DataListLayoutActions-43cc8589.js';
+import { D as DataListContext, u as useDataListContext } from './DataListContext-736a42a2.js';
+import { s as sortBreakpoints, g as getCompoundComponent, a as getCompoundComponents } from './DataList.utils-d51eb44e.js';
+import { D as DATA_LIST_FILTERING_SPINNER_TEST_ID } from './DataList.const-3ae7ceef.js';
+import { D as DataListBulkActions } from './DataListBulkActions-a750f601.js';
+import { I as InternalDataListStatusBar, D as DataListStatusBar } from './DataListStatusBar-4f692790.js';
+import { H as Heading } from './Heading-93e755cb.js';
+import { S as Spinner } from './Spinner-5d8359b8.js';
+
+function DataList(_a) {
+    var { selected = [], sorting } = _a, props = __rest(_a, ["selected", "sorting"]);
+    const [layouts, setLayouts] = useState({});
+    const layoutBreakpoints = useMemo(() => sortBreakpoints(Object.keys(layouts)), [layouts]);
+    const searchComponent = getCompoundComponent(props.children, DataListSearch);
+    const filterComponent = getCompoundComponent(props.children, DataListFilters);
+    const layoutComponents = getCompoundComponents(props.children, DataListLayout);
+    const emptyStateComponents = getCompoundComponents(props.children, DataListEmptyState);
+    const itemActionComponent = getCompoundComponent(props.children, DataListItemActions);
+    const bulkActionsComponent = getCompoundComponent(props.children, DataListBulkActions);
+    const headerCount = Object.keys(props.headers).length;
+    const shouldRenderStickyHeader = !!filterComponent || !!searchComponent || headerCount > 0;
+    return (React.createElement(DataListContext.Provider, { value: Object.assign(Object.assign({ searchComponent,
+            filterComponent,
+            layoutComponents,
+            emptyStateComponents,
+            itemActionComponent,
+            bulkActionsComponent,
+            layoutBreakpoints,
+            layouts,
+            registerLayout }, props), { selected, 
+            // T !== DataListObject
+            sorting: sorting }) },
+        React.createElement(InternalDataList, { shouldRenderStickyHeader: shouldRenderStickyHeader })));
+    function registerLayout(size, children) {
+        setLayouts(prev => (Object.assign(Object.assign({}, prev), { [size]: children })));
+    }
+}
+function InternalDataList({ shouldRenderStickyHeader, }) {
+    const { data, title, totalCount, loadingState = "none", layoutComponents, } = useDataListContext();
+    const backToTopRef = useRef(null);
+    const initialLoading = loadingState === "initial";
+    const showEmptyState = !initialLoading && data.length === 0;
+    const shouldRenderLoadMoreTrigger = !initialLoading && !showEmptyState;
+    return (React.createElement("div", { className: styles.wrapper },
+        React.createElement("div", { className: styles.titleContainer },
+            title && React.createElement(Heading, { level: 3 }, title),
+            React.createElement(DataListTotalCount, { totalCount: totalCount, loading: initialLoading })),
+        React.createElement("div", { ref: backToTopRef }),
+        shouldRenderStickyHeader && (React.createElement(DataListStickyHeader, null,
+            React.createElement("div", { className: styles.headerFilters },
+                React.createElement(InternalDataListFilters, null),
+                React.createElement(InternalDataListSearch, null)),
+            React.createElement(InternalDataListStatusBar, null),
+            React.createElement(DataListHeader, null))),
+        initialLoading && React.createElement(DataListLoadingState, null),
+        showEmptyState && React.createElement(InternalDataListEmptyState, null),
+        layoutComponents,
+        loadingState === "filtering" && (React.createElement("div", { "data-testid": DATA_LIST_FILTERING_SPINNER_TEST_ID, className: styles.filtering },
+            React.createElement("div", { className: styles.filteringSpinner },
+                React.createElement(Spinner, { size: "small" })))),
+        shouldRenderLoadMoreTrigger && (React.createElement(DataListLoadMore, { onBackToTop: handleBackToTop }))));
+    function handleBackToTop() {
+        var _a;
+        // For testing purposes since jest doesn't know scrollIntoView.
+        // This prevents consumer's tests from needing to mock scrollIntoView.
+        if (!window.HTMLElement.prototype.scrollIntoView)
+            return;
+        (_a = backToTopRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "start",
+        });
+    }
+}
+/**
+ * Sets the layout that the DataList item and header will use.
+ */
+DataList.Layout = DataListLayout;
+/**
+ * By using this component, we can render the actions anywhere in the layout
+ * instead of being added automatically on hover.
+ */
+DataList.LayoutActions = DataListLayoutActions;
+/**
+ * When the DataList is either empty and/or filtered, this component will be
+ * rendered.
+ */
+DataList.EmptyState = DataListEmptyState;
+/**
+ * Adds the filter components of your choosing to the DataList.
+ */
+DataList.Filters = DataListFilters;
+/**
+ * Enables the search functionality of the DataList.
+ *
+ * Since the debounce is implemented within the component, it can only be an
+ * uncontrolled component. Thus the lack of a `value` prop.
+ */
+DataList.Search = DataListSearch;
+/**
+ * Defines the group actions you could do on a single DataList item.
+ */
+DataList.ItemActions = DataListItemActions;
+/**
+ * Defines the action in a DataList. This should be used inside the
+ * DataListItemActions component.
+ */
+DataList.ItemAction = DataListAction;
+/**
+ * Defines the group actions you could do on multiple DataList items.
+ */
+DataList.BatchActions = DataListBulkActions;
+/**
+ * Defines the batch action in a DataList. This should be used inside the
+ * DataListBatchActions component.
+ */
+DataList.BatchAction = function DataListBatchAction(props) {
+    return React.createElement(DataListAction, Object.assign({}, props));
+};
+/**
+ * Defines a status bar that is rendered between the filters and the header.
+ */
+DataList.StatusBar = DataListStatusBar;
+
+export { DataList as D };