@jobber/components 4.91.2-retheme-fe.2 → 4.91.2-retheme-fe.3

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

@@ -0,0 +1,13 @@
+export { D as DATALIST_LOADINGSTATE_ROW_TEST_ID, a as DataListLoadingState, L as LOADING_STATE_LIMIT_ITEMS } from '../../../DataListLoadingState-Da7RpOd1.js';
+import 'react';
+import '../../../Glimmer-C-o8hGKO.js';
+import '../../../tslib.es6-sBHgrKO6.js';
+import 'classnames';
+import '../../../Content-DbO2GY5M.js';
+import '../../../DataListContext-B9QPGTE9.js';
+import '../../../noop-C9vKAtvJ.js';
+import '../../../_commonjsHelpers-jBnpF2iq.js';
+import '../../../useActiveLayout-VN6ZOkxZ.js';
+import '../../../useResponsiveSizing-Dh343Vot.js';
+import '../../../DataList.const-B-WAZqZm.js';
+import '@jobber/design';

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var DataListOverflowFade = require('../../../DataListOverflowFade-B2Iz6CsX.js');
+require('react');
+require('../../../useInView-fsT3lwCU.js');
+require('classnames');
+
+
+
+exports.CONTAINER_TEST_ID = DataListOverflowFade.CONTAINER_TEST_ID;
+exports.DataListOverflowFade = DataListOverflowFade.DataListOverflowFade;

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

@@ -0,0 +1,4 @@
+export { C as CONTAINER_TEST_ID, D as DataListOverflowFade } from '../../../DataListOverflowFade-CzFRYirg.js';
+import 'react';
+import '../../../useInView-Bj_Jl5Bw.js';
+import 'classnames';

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

@@ -0,0 +1,33 @@
+'use strict';
+
+var DataListSearch = require('../../../DataListSearch-Dh9PxyQp.js');
+require('react');
+require('../../../debounce-BIIhPHgB.js');
+require('../../../_commonjsHelpers-DAuvc7SO.js');
+require('../../../isObjectLike-BlLIuFVH.js');
+require('../../../isSymbol-BxsxMlnF.js');
+require('classnames');
+require('@jobber/design');
+require('../../../InputText-DJvMLtTA.js');
+require('../../../useSafeLayoutEffect-DOMGt2wv.js');
+require('../../../FormField-Dc7XoE3A.js');
+require('../../../tslib.es6-6dmIhJTi.js');
+require('react-hook-form');
+require('../../../Button-CrxxoYQF.js');
+require('react-router-dom');
+require('../../../Icon-5T1h0cSC.js');
+require('../../../Typography-BCKgZ_gv.js');
+require('../../../Text-C0pm--c0.js');
+require('../../../InputValidation-BxaW-DOL.js');
+require('framer-motion');
+require('../../../Spinner-DBuwcAqL.js');
+require('../../../DataListContext-CtxUHHfs.js');
+require('../../../noop-D4cCHWII.js');
+require('../../../DataList.const-DZ5upBs4.js');
+require('../../../AnimatedSwitcher-DkWeBaXx.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,25 @@
+export { D as DATA_LIST_SEARCH_TEST_ID, a as DataListSearch, I as InternalDataListSearch } from '../../../DataListSearch-DVyuwX2c.js';
+import 'react';
+import '../../../debounce-D4EqvIGN.js';
+import '../../../_commonjsHelpers-jBnpF2iq.js';
+import '../../../isObjectLike-CAV2cIfa.js';
+import '../../../isSymbol-C2J0yjld.js';
+import 'classnames';
+import '@jobber/design';
+import '../../../InputText-DAp8GDBJ.js';
+import '../../../useSafeLayoutEffect-BQD8SqX2.js';
+import '../../../FormField-CDoeGp9o.js';
+import '../../../tslib.es6-sBHgrKO6.js';
+import 'react-hook-form';
+import '../../../Button-DzwBVzGv.js';
+import 'react-router-dom';
+import '../../../Icon-zn-zanGs.js';
+import '../../../Typography-C0YR4XBl.js';
+import '../../../Text-CyaxiLeN.js';
+import '../../../InputValidation-B0ocr1XO.js';
+import 'framer-motion';
+import '../../../Spinner-CRjrJ0LO.js';
+import '../../../DataListContext-B9QPGTE9.js';
+import '../../../noop-C9vKAtvJ.js';
+import '../../../DataList.const-B-WAZqZm.js';
+import '../../../AnimatedSwitcher-B5GlT1r8.js';

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

@@ -0,0 +1,30 @@
+'use strict';
+
+var DataListStatusBar = require('../../../DataListStatusBar-CoHWwL7-.js');
+require('react');
+require('../../../DataList.utils-DKYlINpl.js');
+require('../../../_commonjsHelpers-DAuvc7SO.js');
+require('../../../_getTag-BBZ5PchE.js');
+require('../../../isObjectLike-BlLIuFVH.js');
+require('../../../DataList.const-DZ5upBs4.js');
+require('@jobber/design');
+require('../../../DataListTags-scOaXzcs.js');
+require('classnames');
+require('../../../InlineLabel-BSjKYUfv.js');
+require('../../../Typography-BCKgZ_gv.js');
+require('../../../Text-C0pm--c0.js');
+require('../../../DataListHeaderTile-BYDWDG_0.js');
+require('../../../useFocusTrap-BBkfWfEx.js');
+require('../../../useRefocusOnActivator-y6qNNjZw.js');
+require('../../../DataListSortingOptions-DW9pkdUG.js');
+require('../../../useOnKeyDown-DN2YGzzl.js');
+require('../../../Icon-5T1h0cSC.js');
+require('../../../DataListContext-CtxUHHfs.js');
+require('../../../noop-D4cCHWII.js');
+require('../../../FormatDate-BSQ5SYSD.js');
+require('../../../Heading-D39OfHbk.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-B_NhZoAv.js';
+import 'react';
+import '../../../DataList.utils-DmychB4b.js';
+import '../../../_commonjsHelpers-jBnpF2iq.js';
+import '../../../_getTag-5wQIlCbe.js';
+import '../../../isObjectLike-CAV2cIfa.js';
+import '../../../DataList.const-B-WAZqZm.js';
+import '@jobber/design';
+import '../../../DataListTags-DH4nIE2K.js';
+import 'classnames';
+import '../../../InlineLabel-Bw_i26zR.js';
+import '../../../Typography-C0YR4XBl.js';
+import '../../../Text-CyaxiLeN.js';
+import '../../../DataListHeaderTile-I90vRaws.js';
+import '../../../useFocusTrap-B8ok2cIh.js';
+import '../../../useRefocusOnActivator-DA8gO9ka.js';
+import '../../../DataListSortingOptions-Eoovb0ni.js';
+import '../../../useOnKeyDown-DrmWnz2G.js';
+import '../../../Icon-zn-zanGs.js';
+import '../../../DataListContext-B9QPGTE9.js';
+import '../../../noop-C9vKAtvJ.js';
+import '../../../FormatDate-B-4ItFF2.js';
+import '../../../Heading-CLboCN8l.js';

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var DataListStickyHeader = require('../../../DataListStickyHeader-Ba82f3Im.js');
+require('classnames');
+require('react');
+require('../../../DataList.const-DZ5upBs4.js');
+require('@jobber/design');
+
+
+
+exports.DataListStickyHeader = DataListStickyHeader.DataListStickyHeader;

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

@@ -0,0 +1,5 @@
+export { D as DataListStickyHeader } from '../../../DataListStickyHeader-DBCXs6Rc.js';
+import 'classnames';
+import 'react';
+import '../../../DataList.const-B-WAZqZm.js';
+import '@jobber/design';

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var DataListTags = require('../../../DataListTags-scOaXzcs.js');
+require('react');
+require('classnames');
+require('../../../InlineLabel-BSjKYUfv.js');
+require('../../../Typography-BCKgZ_gv.js');
+require('../../../Text-C0pm--c0.js');
+
+
+
+exports.DataListTags = DataListTags.DataListTags;

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

@@ -0,0 +1,6 @@
+export { D as DataListTags } from '../../../DataListTags-DH4nIE2K.js';
+import 'react';
+import 'classnames';
+import '../../../InlineLabel-Bw_i26zR.js';
+import '../../../Typography-C0YR4XBl.js';
+import '../../../Text-CyaxiLeN.js';

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var DataListTotalCount = require('../../../DataListTotalCount-DjKf6gMo.js');
+require('react');
+require('../../../Text-C0pm--c0.js');
+require('../../../Typography-BCKgZ_gv.js');
+require('classnames');
+require('../../../Glimmer-BG7eX9ml.js');
+require('../../../tslib.es6-6dmIhJTi.js');
+require('../../../Content-DzVNJZsM.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,8 @@
+export { D as DATALIST_TOTALCOUNT_TEST_ID, a as DataListTotalCount } from '../../../DataListTotalCount-m2VGpCak.js';
+import 'react';
+import '../../../Text-CyaxiLeN.js';
+import '../../../Typography-C0YR4XBl.js';
+import 'classnames';
+import '../../../Glimmer-C-o8hGKO.js';
+import '../../../tslib.es6-sBHgrKO6.js';
+import '../../../Content-DbO2GY5M.js';

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var DataListContext = require('../../../DataListContext-CtxUHHfs.js');
+require('react');
+require('../../../noop-D4cCHWII.js');
+require('../../../_commonjsHelpers-DAuvc7SO.js');
+
+
+
+exports.DataListContext = DataListContext.DataListContext;
+exports.defaultValues = DataListContext.defaultValues;
+exports.useDataListContext = DataListContext.useDataListContext;

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

@@ -0,0 +1,4 @@
+export { D as DataListContext, d as defaultValues, u as useDataListContext } from '../../../DataListContext-B9QPGTE9.js';
+import 'react';
+import '../../../noop-C9vKAtvJ.js';
+import '../../../_commonjsHelpers-jBnpF2iq.js';

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var DataListLayoutContext = require('../../../DataListLayoutContext-cLuet6uT.js');
+require('../../../noop-D4cCHWII.js');
+require('../../../_commonjsHelpers-DAuvc7SO.js');
+require('react');
+
+
+
+exports.DataListLayoutContext = DataListLayoutContext.DataListLayoutContext;
+exports.defaultValues = DataListLayoutContext.defaultValues;
+exports.useDataListLayoutContext = DataListLayoutContext.useDataListLayoutContext;

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

@@ -0,0 +1,4 @@
+export { D as DataListLayoutContext, d as defaultValues, u as useDataListLayoutContext } from '../../../DataListLayoutContext-CmT-yv31.js';
+import '../../../noop-C9vKAtvJ.js';
+import '../../../_commonjsHelpers-jBnpF2iq.js';
+import 'react';

package/dist/DataList/index.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+var DataList = require('../DataList-B0YrIckS.js');
+require('../tslib.es6-6dmIhJTi.js');
+require('react');
+require('../DataList-Dcbo0O6p.js');
+require('../DataListTotalCount-DjKf6gMo.js');
+require('../Text-C0pm--c0.js');
+require('../Typography-BCKgZ_gv.js');
+require('classnames');
+require('../Glimmer-BG7eX9ml.js');
+require('../Content-DzVNJZsM.js');
+require('../DataListLoadingState-7erg1duA.js');
+require('../DataListContext-CtxUHHfs.js');
+require('../noop-D4cCHWII.js');
+require('../_commonjsHelpers-DAuvc7SO.js');
+require('../useActiveLayout-EZ1eunvS.js');
+require('../useResponsiveSizing--fEPoUpK.js');
+require('../DataList.const-DZ5upBs4.js');
+require('@jobber/design');
+require('../DataListLayout-kbVmXDsv.js');
+require('../DataListItems-CN_kub24.js');
+require('../DataListLayoutContext-cLuet6uT.js');
+require('../DataListItem-EDyh_yml.js');
+require('framer-motion');
+require('../DataListItemActions-E6TYqr0T.js');
+require('../DataListActions-D94XxpZM.js');
+require('../Tooltip-DwJncSM8.js');
+require('react-dom');
+require('../useSafeLayoutEffect-DOMGt2wv.js');
+require('../useIsMounted-Dcw7g7-d.js');
+require('react-popper');
+require('../Button-CrxxoYQF.js');
+require('react-router-dom');
+require('../Icon-5T1h0cSC.js');
+require('../DataListOverflowFade-B2Iz6CsX.js');
+require('../useInView-fsT3lwCU.js');
+require('../DataList.utils-DKYlINpl.js');
+require('../_getTag-BBZ5PchE.js');
+require('../isObjectLike-BlLIuFVH.js');
+require('../DataListTags-scOaXzcs.js');
+require('../InlineLabel-BSjKYUfv.js');
+require('../DataListHeaderTile-BYDWDG_0.js');
+require('../useFocusTrap-BBkfWfEx.js');
+require('../useRefocusOnActivator-y6qNNjZw.js');
+require('../DataListSortingOptions-DW9pkdUG.js');
+require('../useOnKeyDown-DN2YGzzl.js');
+require('../FormatDate-BSQ5SYSD.js');
+require('../Heading-D39OfHbk.js');
+require('../DataListLayoutContext-Dsm5THEw.js');
+require('../DataListItemActionsOverflow-BFOFHLmm.js');
+require('../DataListActionsMenu-BDlbxRpS.js');
+require('../Checkbox-CgTUkcUJ.js');
+require('react-hook-form');
+require('../useBatchSelect-C9775spd.js');
+require('../DataListItemClickable-RGUCPgM5.js');
+require('../DataListHeader-CKNSWwQo.js');
+require('../AnimatedSwitcher-DkWeBaXx.js');
+require('../DataListBulkActions-CqyhvwO3.js');
+require('../DataListFilters-LGIT4RTw.js');
+require('../DataListSort-CgGWlSZ0.js');
+require('../Combobox-ChHMTRwV.js');
+require('../ComboboxContent-oQDp-dEd.js');
+require('../ComboboxContentSearch-BgkQYIHq.js');
+require('../ComboboxContentList-DdhL57Bj.js');
+require('../Spinner-DBuwcAqL.js');
+require('../AnimatedPresence-kepj98O9.js');
+require('../ComboboxOption-CJpTBVXu.js');
+require('../Flex-DqHnYqYa.js');
+require('../ComboboxProvider-fgameO9B.js');
+require('../ComboboxLoadMore-9FgWV4Uv.js');
+require('../ComboboxContentHeader-BpyDfau9.js');
+require('../ComboboxAction-CMtTeU6U.js');
+require('../ComboboxTrigger-0H4T-Fa6.js');
+require('../Chip-rCOZOjwt.js');
+require('../Avatar-BcTE1VAK.js');
+require('color');
+require('../useChildComponent-BLLL1r7O.js');
+require('../debounce-BIIhPHgB.js');
+require('../isSymbol-BxsxMlnF.js');
+require('../ComboboxActivator-DR2zBEhW.js');
+require('../useAssert-knwpkZW0.js');
+require('../_polyfill-node.process-DT4I8V6P.js');
+require('../DataListStickyHeader-Ba82f3Im.js');
+require('../DataListSearch-Dh9PxyQp.js');
+require('../InputText-DJvMLtTA.js');
+require('../FormField-Dc7XoE3A.js');
+require('../InputValidation-BxaW-DOL.js');
+require('../DataListEmptyState-B-6AynZz.js');
+require('../DataListLoadMore-BXjOjGwa.js');
+require('../DataListAction-HGpY_hOu.js');
+require('../DataListLayoutActions-D7dfXhpA.js');
+require('../DataListStatusBar-CoHWwL7-.js');
+
+
+
+exports.DataList = DataList.DataList;

package/dist/DataList/index.mjs

@@ -0,0 +1,91 @@
+export { D as DataList } from '../DataList-I9cVfKBx.js';
+import '../tslib.es6-sBHgrKO6.js';
+import 'react';
+import '../DataList-DfyJDhUn.js';
+import '../DataListTotalCount-m2VGpCak.js';
+import '../Text-CyaxiLeN.js';
+import '../Typography-C0YR4XBl.js';
+import 'classnames';
+import '../Glimmer-C-o8hGKO.js';
+import '../Content-DbO2GY5M.js';
+import '../DataListLoadingState-Da7RpOd1.js';
+import '../DataListContext-B9QPGTE9.js';
+import '../noop-C9vKAtvJ.js';
+import '../_commonjsHelpers-jBnpF2iq.js';
+import '../useActiveLayout-VN6ZOkxZ.js';
+import '../useResponsiveSizing-Dh343Vot.js';
+import '../DataList.const-B-WAZqZm.js';
+import '@jobber/design';
+import '../DataListLayout-BmLJ-mi_.js';
+import '../DataListItems-BjQ_XDeZ.js';
+import '../DataListLayoutContext-CmT-yv31.js';
+import '../DataListItem-BuwfdyIq.js';
+import 'framer-motion';
+import '../DataListItemActions-BcrNy34u.js';
+import '../DataListActions-CmIwf73f.js';
+import '../Tooltip-Cz3YrniM.js';
+import 'react-dom';
+import '../useSafeLayoutEffect-BQD8SqX2.js';
+import '../useIsMounted-CYEXH1zH.js';
+import 'react-popper';
+import '../Button-DzwBVzGv.js';
+import 'react-router-dom';
+import '../Icon-zn-zanGs.js';
+import '../DataListOverflowFade-CzFRYirg.js';
+import '../useInView-Bj_Jl5Bw.js';
+import '../DataList.utils-DmychB4b.js';
+import '../_getTag-5wQIlCbe.js';
+import '../isObjectLike-CAV2cIfa.js';
+import '../DataListTags-DH4nIE2K.js';
+import '../InlineLabel-Bw_i26zR.js';
+import '../DataListHeaderTile-I90vRaws.js';
+import '../useFocusTrap-B8ok2cIh.js';
+import '../useRefocusOnActivator-DA8gO9ka.js';
+import '../DataListSortingOptions-Eoovb0ni.js';
+import '../useOnKeyDown-DrmWnz2G.js';
+import '../FormatDate-B-4ItFF2.js';
+import '../Heading-CLboCN8l.js';
+import '../DataListLayoutContext-DbIuv3_7.js';
+import '../DataListItemActionsOverflow-OJZ4_d_f.js';
+import '../DataListActionsMenu-DJ0jKNQ9.js';
+import '../Checkbox-BeOyeqVV.js';
+import 'react-hook-form';
+import '../useBatchSelect-BTQ9PbXi.js';
+import '../DataListItemClickable-DLS2uEpq.js';
+import '../DataListHeader-CfZmYQG2.js';
+import '../AnimatedSwitcher-B5GlT1r8.js';
+import '../DataListBulkActions-DMU9T6TS.js';
+import '../DataListFilters-CVRcWy-9.js';
+import '../DataListSort-Dql37zcM.js';
+import '../Combobox-CPFiAWN6.js';
+import '../ComboboxContent-hlcIQRLz.js';
+import '../ComboboxContentSearch-CG16cjfz.js';
+import '../ComboboxContentList-B46nuf36.js';
+import '../Spinner-CRjrJ0LO.js';
+import '../AnimatedPresence-Dg0rSWmK.js';
+import '../ComboboxOption-BPLxC2h4.js';
+import '../Flex-DnI4PG_x.js';
+import '../ComboboxProvider-BzFHJNMs.js';
+import '../ComboboxLoadMore-lwIHDJ3e.js';
+import '../ComboboxContentHeader-CJHYc30F.js';
+import '../ComboboxAction-C8vgEtWx.js';
+import '../ComboboxTrigger-Bro30eER.js';
+import '../Chip-BO6LPeGJ.js';
+import '../Avatar-D99qNu2q.js';
+import 'color';
+import '../useChildComponent-D9yXvtJR.js';
+import '../debounce-D4EqvIGN.js';
+import '../isSymbol-C2J0yjld.js';
+import '../ComboboxActivator-D9nXKLfL.js';
+import '../useAssert-BHj1OQqJ.js';
+import '../_polyfill-node.process-SftmnXC5.js';
+import '../DataListStickyHeader-DBCXs6Rc.js';
+import '../DataListSearch-DVyuwX2c.js';
+import '../InputText-DAp8GDBJ.js';
+import '../FormField-CDoeGp9o.js';
+import '../InputValidation-B0ocr1XO.js';
+import '../DataListEmptyState-DSrTemd1.js';
+import '../DataListLoadMore-C6Of-7M0.js';
+import '../DataListAction-BTge_0LD.js';
+import '../DataListLayoutActions-DsqeiOLl.js';
+import '../DataListStatusBar-B_NhZoAv.js';

package/dist/DataList-B0YrIckS.js

@@ -0,0 +1,141 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-6dmIhJTi.js');
+var React = require('react');
+var DataList$1 = require('./DataList-Dcbo0O6p.js');
+var DataListTotalCount = require('./DataListTotalCount-DjKf6gMo.js');
+var DataListLoadingState = require('./DataListLoadingState-7erg1duA.js');
+var DataListLayout = require('./DataListLayout-kbVmXDsv.js');
+var DataListHeader = require('./DataListHeader-CKNSWwQo.js');
+var DataListFilters = require('./DataListFilters-LGIT4RTw.js');
+var DataListStickyHeader = require('./DataListStickyHeader-Ba82f3Im.js');
+var DataListSearch = require('./DataListSearch-Dh9PxyQp.js');
+var DataListEmptyState = require('./DataListEmptyState-B-6AynZz.js');
+var DataListLoadMore = require('./DataListLoadMore-BXjOjGwa.js');
+var DataListItemActions = require('./DataListItemActions-E6TYqr0T.js');
+var DataListAction = require('./DataListAction-HGpY_hOu.js');
+var DataListLayoutActions = require('./DataListLayoutActions-D7dfXhpA.js');
+var DataListContext = require('./DataListContext-CtxUHHfs.js');
+var DataList_utils = require('./DataList.utils-DKYlINpl.js');
+var DataList_const = require('./DataList.const-DZ5upBs4.js');
+var DataListBulkActions = require('./DataListBulkActions-CqyhvwO3.js');
+var DataListStatusBar = require('./DataListStatusBar-CoHWwL7-.js');
+var Heading = require('./Heading-D39OfHbk.js');
+var Spinner = require('./Spinner-DBuwcAqL.js');
+
+function DataList(_a) {
+    var { selected = [], sorting } = _a, props = tslib_es6.__rest(_a, ["selected", "sorting"]);
+    const [layouts, setLayouts] = React.useState({});
+    const layoutBreakpoints = React.useMemo(() => DataList_utils.sortBreakpoints(Object.keys(layouts)), [layouts]);
+    const searchComponent = DataList_utils.getCompoundComponent(props.children, DataListSearch.DataListSearch);
+    const filterComponent = DataList_utils.getCompoundComponent(props.children, DataListFilters.DataListFilters);
+    const layoutComponents = DataList_utils.getCompoundComponents(props.children, DataListLayout.DataListLayout);
+    const emptyStateComponents = DataList_utils.getCompoundComponents(props.children, DataListEmptyState.DataListEmptyState);
+    const itemActionComponent = DataList_utils.getCompoundComponent(props.children, DataListItemActions.DataListItemActions);
+    const bulkActionsComponent = DataList_utils.getCompoundComponent(props.children, DataListBulkActions.DataListBulkActions);
+    const headerCount = Object.keys(props.headers).length;
+    const shouldRenderStickyHeader = !!filterComponent || !!searchComponent || headerCount > 0;
+    return (React.createElement(DataListContext.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, } = DataListContext.useDataListContext();
+    const backToTopRef = React.useRef(null);
+    const initialLoading = loadingState === "initial";
+    const showEmptyState = !initialLoading && data.length === 0;
+    const shouldRenderLoadMoreTrigger = !initialLoading && !showEmptyState;
+    return (React.createElement("div", { className: DataList$1.styles.wrapper },
+        React.createElement("div", { className: DataList$1.styles.titleContainer },
+            title && React.createElement(Heading.Heading, { level: 3 }, title),
+            React.createElement(DataListTotalCount.DataListTotalCount, { totalCount: totalCount, loading: initialLoading })),
+        React.createElement("div", { ref: backToTopRef }),
+        shouldRenderStickyHeader && (React.createElement(DataListStickyHeader.DataListStickyHeader, null,
+            React.createElement("div", { className: DataList$1.styles.headerFilters },
+                React.createElement(DataListFilters.InternalDataListFilters, null),
+                React.createElement(DataListSearch.InternalDataListSearch, null)),
+            React.createElement(DataListStatusBar.InternalDataListStatusBar, null),
+            React.createElement(DataListHeader.DataListHeader, null))),
+        initialLoading && React.createElement(DataListLoadingState.DataListLoadingState, null),
+        showEmptyState && React.createElement(DataListEmptyState.InternalDataListEmptyState, null),
+        layoutComponents,
+        loadingState === "filtering" && (React.createElement("div", { "data-testid": DataList_const.DATA_LIST_FILTERING_SPINNER_TEST_ID, className: DataList$1.styles.filtering },
+            React.createElement("div", { className: DataList$1.styles.filteringSpinner },
+                React.createElement(Spinner.Spinner, { size: "small" })))),
+        shouldRenderLoadMoreTrigger && (React.createElement(DataListLoadMore.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.DataListLayout;
+/**
+ * By using this component, we can render the actions anywhere in the layout
+ * instead of being added automatically on hover.
+ */
+DataList.LayoutActions = DataListLayoutActions.DataListLayoutActions;
+/**
+ * When the DataList is either empty and/or filtered, this component will be
+ * rendered.
+ */
+DataList.EmptyState = DataListEmptyState.DataListEmptyState;
+/**
+ * Adds the filter components of your choosing to the DataList.
+ */
+DataList.Filters = DataListFilters.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.DataListSearch;
+/**
+ * Defines the group actions you could do on a single DataList item.
+ */
+DataList.ItemActions = DataListItemActions.DataListItemActions;
+/**
+ * Defines the action in a DataList. This should be used inside the
+ * DataListItemActions component.
+ */
+DataList.ItemAction = DataListAction.DataListAction;
+/**
+ * Defines the group actions you could do on multiple DataList items.
+ */
+DataList.BatchActions = DataListBulkActions.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.DataListAction, Object.assign({}, props));
+};
+/**
+ * Defines a status bar that is rendered between the filters and the header.
+ */
+DataList.StatusBar = DataListStatusBar.DataListStatusBar;
+
+exports.DataList = DataList;

package/dist/DataList-Dcbo0O6p.js

@@ -0,0 +1,5 @@
+'use strict';
+
+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-"};
+
+exports.styles = styles;

package/dist/DataList-DfyJDhUn.js

@@ -0,0 +1,3 @@
+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-"};
+
+export { styles as s };