@jobber/components 4.66.0 → 4.66.1-fix-hide-h.6

package/dist/DataList/index.mjs

@@ -0,0 +1,92 @@
+export { D as DataList } from '../DataList-DrSj_Q6F.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import 'react';
+import '../DataList-B_CFPI7W.js';
+import '../DataListTotalCount-Di2u6JlN.js';
+import '../Text-C3-8gHkD.js';
+import '../Typography-BD0mo9T9.js';
+import 'classnames';
+import '../Glimmer-DJ9psf2S.js';
+import '../Content-D7e26CKa.js';
+import '../DataListLoadingState-BO2264WP.js';
+import '../DataListContext-DsvXZGoh.js';
+import '../noop-DY7XyR6k.js';
+import '../_commonjsHelpers-Dy2IPW0w.js';
+import '../useActiveLayout-CO8yTWnU.js';
+import '../useResponsiveSizing-BJq005Pj.js';
+import '../DataList.const-D3AaNa_6.js';
+import '@jobber/design';
+import '../DataListLayout-PmWmC1Vz.js';
+import '../DataListItems-BzilnPgA.js';
+import '../DataListLayoutContext-CctAAX2e.js';
+import '../DataListItem-DPqtjw1g.js';
+import 'framer-motion';
+import '../DataListItemActions-F75_5lGw.js';
+import '../DataListActions-Cy41bUa4.js';
+import '../Tooltip-C-wkLpWe.js';
+import 'react-dom';
+import '../useSafeLayoutEffect-tr9DHxlf.js';
+import '../useIsMounted-JfVXqbjM.js';
+import 'react-popper';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '../DataListOverflowFade-Cf2yTaQ4.js';
+import '../useInView-BgkV4xmN.js';
+import '../DataList.utils-Dkk8ncia.js';
+import '../_getTag-3syWrFS1.js';
+import '../isObjectLike-CcKIYba1.js';
+import '../DataListTags-DnosXU08.js';
+import '../InlineLabel-DDEhuVBL.js';
+import '../DataListHeaderTile-C_GsKT2v.js';
+import '../useFocusTrap-F2c5ctH_.js';
+import '../useRefocusOnActivator-vy4E8omX.js';
+import '../DataListSortingOptions-InrbBAUA.js';
+import '../useOnKeyDown-BJB7_guO.js';
+import '../FormatDate-BblXtoxM.js';
+import '../Heading-qH5QZFoM.js';
+import '../DataListLayoutContext-BFN7k9jI.js';
+import '../DataListItemActionsOverflow-Da7o16gd.js';
+import '../DataListActionsMenu-CMmtpZ0d.js';
+import '../Checkbox-8SxykkvR.js';
+import 'react-hook-form';
+import '../useBatchSelect-C0tQF0oJ.js';
+import '../DataListItemClickable-Bt8nyAgS.js';
+import '../DataListHeader-DsZuhZ-t.js';
+import '../AnimatedSwitcher-Det5s2ek.js';
+import '../DataListBulkActions-COo1TOhP.js';
+import '../DataListFilters--7__TwY4.js';
+import '../DataListSort-CF4fD8hk.js';
+import '../Combobox-CWHx4-n_.js';
+import '../ComboboxContent-CKlthhjK.js';
+import '../ComboboxContentSearch-Bhmt-tVj.js';
+import '../ComboboxContentList-aU8fbxsp.js';
+import '../Spinner-Bg1QOlTK.js';
+import '../AnimatedPresence-DsD8wMiB.js';
+import '../ComboboxOption-CX-Z2eLn.js';
+import '../Flex-DteCYe_w.js';
+import '../ComboboxProvider-BKMfpEBY.js';
+import '../ComboboxLoadMore-BRTLjXUS.js';
+import '../ComboboxContentHeader-BAj0VyGa.js';
+import '../ComboboxAction-CRlYsxnV.js';
+import '../ComboboxTrigger-EPtw6WW1.js';
+import '../Chip-sEzGnAdo.js';
+import '../Avatar-kAXMTS3o.js';
+import 'color';
+import '../useChildComponent-CuuLz2Q6.js';
+import '../debounce-BBtff9-S.js';
+import '../isSymbol-BmwHOL7f.js';
+import '../ComboboxActivator-DP-DDMTP.js';
+import '../useAssert-DPy4bthp.js';
+import '../_polyfill-node.process-DcZ1HNOw.js';
+import '../DataListStickyHeader-BrQ4-8FE.js';
+import '../DataListSearch-BvWPsgzT.js';
+import '../InputText-CGTG1LNb.js';
+import '../FormField-BTV2b0gy.js';
+import '../useFormFieldFocus-CjqwY0nh.js';
+import '../InputValidation-CM_L0IJg.js';
+import '../DataListEmptyState-BGTwctrE.js';
+import '../DataListLoadMore-DglPb8jK.js';
+import '../DataListAction-DZEnIqmD.js';
+import '../DataListLayoutActions-CeOxgo55.js';
+import '../DataListStatusBar-BYqG5qw-.js';

package/dist/DataList-B4eUVLVj.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-B_CFPI7W.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 };

package/dist/DataList-CoYJ655V.js

@@ -0,0 +1,141 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-6AwvlbWV.js');
+var React = require('react');
+var DataList$1 = require('./DataList-B4eUVLVj.js');
+var DataListTotalCount = require('./DataListTotalCount-BMMWDIFi.js');
+var DataListLoadingState = require('./DataListLoadingState-fJ-2BOx8.js');
+var DataListLayout = require('./DataListLayout-DGpj7yY9.js');
+var DataListHeader = require('./DataListHeader-CNXnKa6N.js');
+var DataListFilters = require('./DataListFilters-C5-qLfhk.js');
+var DataListStickyHeader = require('./DataListStickyHeader-CNZXGrOC.js');
+var DataListSearch = require('./DataListSearch-Vi1gLKKw.js');
+var DataListEmptyState = require('./DataListEmptyState-CSZSkI2p.js');
+var DataListLoadMore = require('./DataListLoadMore-B5bM5H2b.js');
+var DataListItemActions = require('./DataListItemActions-DxF3oZGR.js');
+var DataListAction = require('./DataListAction-Cg4hmt8O.js');
+var DataListLayoutActions = require('./DataListLayoutActions-CFeecMvE.js');
+var DataListContext = require('./DataListContext-BPxjwsVG.js');
+var DataList_utils = require('./DataList.utils-DIB9q2H6.js');
+var DataList_const = require('./DataList.const-DQS-UFM6.js');
+var DataListBulkActions = require('./DataListBulkActions-BZwgJPjq.js');
+var DataListStatusBar = require('./DataListStatusBar-BzLJgojM.js');
+var Heading = require('./Heading-BhyZ43jQ.js');
+var Spinner = require('./Spinner-b5Q8KXRQ.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-DrSj_Q6F.js

@@ -0,0 +1,139 @@
+import { _ as __rest } from './tslib.es6-Bu_PBg9i.js';
+import React, { useState, useMemo, useRef } from 'react';
+import { s as styles } from './DataList-B_CFPI7W.js';
+import { a as DataListTotalCount } from './DataListTotalCount-Di2u6JlN.js';
+import { a as DataListLoadingState } from './DataListLoadingState-BO2264WP.js';
+import { D as DataListLayout } from './DataListLayout-PmWmC1Vz.js';
+import { D as DataListHeader } from './DataListHeader-DsZuhZ-t.js';
+import { I as InternalDataListFilters, D as DataListFilters } from './DataListFilters--7__TwY4.js';
+import { D as DataListStickyHeader } from './DataListStickyHeader-BrQ4-8FE.js';
+import { I as InternalDataListSearch, a as DataListSearch } from './DataListSearch-BvWPsgzT.js';
+import { I as InternalDataListEmptyState, D as DataListEmptyState } from './DataListEmptyState-BGTwctrE.js';
+import { D as DataListLoadMore } from './DataListLoadMore-DglPb8jK.js';
+import { D as DataListItemActions } from './DataListItemActions-F75_5lGw.js';
+import { D as DataListAction } from './DataListAction-DZEnIqmD.js';
+import { D as DataListLayoutActions } from './DataListLayoutActions-CeOxgo55.js';
+import { D as DataListContext, u as useDataListContext } from './DataListContext-DsvXZGoh.js';
+import { s as sortBreakpoints, g as getCompoundComponent, a as getCompoundComponents } from './DataList.utils-Dkk8ncia.js';
+import { D as DATA_LIST_FILTERING_SPINNER_TEST_ID } from './DataList.const-D3AaNa_6.js';
+import { D as DataListBulkActions } from './DataListBulkActions-COo1TOhP.js';
+import { I as InternalDataListStatusBar, D as DataListStatusBar } from './DataListStatusBar-BYqG5qw-.js';
+import { H as Heading } from './Heading-qH5QZFoM.js';
+import { S as Spinner } from './Spinner-Bg1QOlTK.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 };

package/dist/DataList.const-D3AaNa_6.js

@@ -0,0 +1,25 @@
+import { tokens } from '@jobber/design';
+
+const EMPTY_RESULTS_MESSAGE = "List is looking empty";
+const EMPTY_FILTER_RESULTS_MESSAGE = "No results for selected filters";
+const EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = "DataListEmptyState action prop must be a Button component";
+/**
+ * Breakpoints that we support
+ */
+const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
+const BREAKPOINT_SIZES = {
+    xs: 0,
+    sm: 490,
+    md: 768,
+    lg: 1080,
+    xl: 1440,
+};
+const SEARCH_DEBOUNCE_DELAY = tokens["timing-slowest"];
+const DATA_LIST_FILTERING_SPINNER_TEST_ID = "ATL-DataList-filteringSpinner";
+const DATA_LIST_LOADING_MORE_SPINNER_TEST_ID = "ATL-DataList-loadingMoreSpinner";
+const DATA_LOAD_MORE_TEST_ID = "ATL-DataList-LoadMore-trigger";
+const DATA_LIST_STICKY_HEADER_TEST_ID = "ATL-DataList-stickyHeader";
+const TRANSITION_DURATION_IN_SECONDS = tokens["timing-base"] / 1000;
+const TRANSITION_DELAY_IN_SECONDS = tokens["timing-quick"] / 1000;
+
+export { BREAKPOINTS as B, DATA_LIST_FILTERING_SPINNER_TEST_ID as D, EMPTY_FILTER_RESULTS_MESSAGE as E, SEARCH_DEBOUNCE_DELAY as S, TRANSITION_DURATION_IN_SECONDS as T, DATA_LIST_STICKY_HEADER_TEST_ID as a, EMPTY_RESULTS_MESSAGE as b, EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR as c, TRANSITION_DELAY_IN_SECONDS as d, BREAKPOINT_SIZES as e, DATA_LOAD_MORE_TEST_ID as f, DATA_LIST_LOADING_MORE_SPINNER_TEST_ID as g };

package/dist/DataList.const-DQS-UFM6.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var design = require('@jobber/design');
+
+const EMPTY_RESULTS_MESSAGE = "List is looking empty";
+const EMPTY_FILTER_RESULTS_MESSAGE = "No results for selected filters";
+const EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = "DataListEmptyState action prop must be a Button component";
+/**
+ * Breakpoints that we support
+ */
+const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
+const BREAKPOINT_SIZES = {
+    xs: 0,
+    sm: 490,
+    md: 768,
+    lg: 1080,
+    xl: 1440,
+};
+const SEARCH_DEBOUNCE_DELAY = design.tokens["timing-slowest"];
+const DATA_LIST_FILTERING_SPINNER_TEST_ID = "ATL-DataList-filteringSpinner";
+const DATA_LIST_LOADING_MORE_SPINNER_TEST_ID = "ATL-DataList-loadingMoreSpinner";
+const DATA_LOAD_MORE_TEST_ID = "ATL-DataList-LoadMore-trigger";
+const DATA_LIST_STICKY_HEADER_TEST_ID = "ATL-DataList-stickyHeader";
+const TRANSITION_DURATION_IN_SECONDS = design.tokens["timing-base"] / 1000;
+const TRANSITION_DELAY_IN_SECONDS = design.tokens["timing-quick"] / 1000;
+
+exports.BREAKPOINTS = BREAKPOINTS;
+exports.BREAKPOINT_SIZES = BREAKPOINT_SIZES;
+exports.DATA_LIST_FILTERING_SPINNER_TEST_ID = DATA_LIST_FILTERING_SPINNER_TEST_ID;
+exports.DATA_LIST_LOADING_MORE_SPINNER_TEST_ID = DATA_LIST_LOADING_MORE_SPINNER_TEST_ID;
+exports.DATA_LIST_STICKY_HEADER_TEST_ID = DATA_LIST_STICKY_HEADER_TEST_ID;
+exports.DATA_LOAD_MORE_TEST_ID = DATA_LOAD_MORE_TEST_ID;
+exports.EMPTY_FILTER_RESULTS_MESSAGE = EMPTY_FILTER_RESULTS_MESSAGE;
+exports.EMPTY_RESULTS_MESSAGE = EMPTY_RESULTS_MESSAGE;
+exports.EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR;
+exports.SEARCH_DEBOUNCE_DELAY = SEARCH_DEBOUNCE_DELAY;
+exports.TRANSITION_DELAY_IN_SECONDS = TRANSITION_DELAY_IN_SECONDS;
+exports.TRANSITION_DURATION_IN_SECONDS = TRANSITION_DURATION_IN_SECONDS;

package/dist/DataList.utils-DIB9q2H6.js

@@ -0,0 +1,168 @@
+'use strict';
+
+var React = require('react');
+var _commonjsHelpers = require('./_commonjsHelpers-BZy5LDD5.js');
+var _getTag = require('./_getTag-DnTPemdC.js');
+var DataList_const = require('./DataList.const-DQS-UFM6.js');
+var DataListTags = require('./DataListTags-CJSrIuC1.js');
+var DataListHeaderTile = require('./DataListHeaderTile-BF8LFQJ9.js');
+var FormatDate = require('./FormatDate-CMk1Vkpz.js');
+var Text = require('./Text-CuGgzpie.js');
+var Heading = require('./Heading-BhyZ43jQ.js');
+
+var baseKeys = _getTag._baseKeys,
+    getTag = _getTag._getTag,
+    isArguments = _getTag.isArguments_1,
+    isArray = _getTag.isArray_1,
+    isArrayLike = _getTag.isArrayLike_1,
+    isBuffer = _getTag.isBufferExports,
+    isPrototype = _getTag._isPrototype,
+    isTypedArray = _getTag.isTypedArray_1;
+
+/** `Object#toString` result references. */
+var mapTag = '[object Map]',
+    setTag = '[object Set]';
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Checks if `value` is an empty object, collection, map, or set.
+ *
+ * Objects are considered empty if they have no own enumerable string keyed
+ * properties.
+ *
+ * Array-like values such as `arguments` objects, arrays, buffers, strings, or
+ * jQuery-like collections are considered empty if they have a `length` of `0`.
+ * Similarly, maps and sets are considered empty if they have a `size` of `0`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is empty, else `false`.
+ * @example
+ *
+ * _.isEmpty(null);
+ * // => true
+ *
+ * _.isEmpty(true);
+ * // => true
+ *
+ * _.isEmpty(1);
+ * // => true
+ *
+ * _.isEmpty([1, 2, 3]);
+ * // => false
+ *
+ * _.isEmpty({ 'a': 1 });
+ * // => false
+ */
+function isEmpty(value) {
+  if (value == null) {
+    return true;
+  }
+  if (isArrayLike(value) &&
+      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||
+        isBuffer(value) || isTypedArray(value) || isArguments(value))) {
+    return !value.length;
+  }
+  var tag = getTag(value);
+  if (tag == mapTag || tag == setTag) {
+    return !value.size;
+  }
+  if (isPrototype(value)) {
+    return !baseKeys(value).length;
+  }
+  for (var key in value) {
+    if (hasOwnProperty.call(value, key)) {
+      return false;
+    }
+  }
+  return true;
+}
+
+var isEmpty_1 = isEmpty;
+
+var isEmpty$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(isEmpty_1);
+
+/**
+ * Return the child component that matches the `type` provided
+ */
+function getCompoundComponent(children, type) {
+    const childrenArray = React.Children.toArray(children);
+    const element = childrenArray.find(child => React.isValidElement(child) && child.type === type);
+    // Comply with the return type without casting it
+    return React.isValidElement(element) ? element : undefined;
+}
+/**
+ * Return all instances child component that matches the `type` provided
+ */
+function getCompoundComponents(children, type) {
+    const childrenArray = React.Children.toArray(children);
+    const elements = childrenArray.filter((child) => React.isValidElement(child) && child.type === type);
+    return elements;
+}
+/**
+ * Generate the default element the DataList would use on the data provided.
+ */
+function generateListItemElement(item) {
+    return Object.keys(item).reduce((acc, key) => {
+        const currentItem = item[key];
+        if (!currentItem) {
+            return acc;
+        }
+        if (key === "tags" && Array.isArray(currentItem)) {
+            acc[key] = React.createElement(DataListTags.DataListTags, { items: currentItem });
+        }
+        else if (key === "label" && typeof currentItem === "string") {
+            acc[key] = React.createElement(Heading.Heading, { level: 5 }, currentItem);
+        }
+        else if (React.isValidElement(currentItem)) {
+            acc[key] = currentItem;
+        }
+        else if (currentItem instanceof Date) {
+            acc[key] = (React.createElement(Text.Text, null,
+                React.createElement(FormatDate.FormatDate, { date: currentItem })));
+        }
+        else {
+            acc[key] = React.createElement(Text.Text, null, currentItem);
+        }
+        return acc;
+    }, {});
+}
+/**
+ * Generate the header elements with the default styling
+ */
+function generateHeaderElements(headers) {
+    const headerElements = Object.keys(headers).reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: React.createElement(DataListHeaderTile.DataListHeaderTile, { headers: headers, headerKey: key, visible: true }) })), {});
+    return isEmpty$1(headerElements) ? undefined : headerElements;
+}
+function sortBreakpoints(sizeProp) {
+    return sizeProp.sort((a, b) => DataList_const.BREAKPOINTS.indexOf(a) - DataList_const.BREAKPOINTS.indexOf(b));
+}
+function getExposedActions(childrenArray, childCount = 2) {
+    const firstNChildren = childrenArray.slice(0, childCount);
+    return firstNChildren.reduce((result, child, i) => {
+        const hasIcon = Boolean(child.props.icon);
+        if (!hasIcon)
+            return result; // If the child does not have an icon, continue.
+        const isLastChildAdded = result.length === i;
+        // If it's the first child or if the previous child was added, then add this child.
+        if (i === 0 || (i < childCount && isLastChildAdded)) {
+            return [...result, child];
+        }
+        return result;
+    }, []);
+}
+
+exports.generateHeaderElements = generateHeaderElements;
+exports.generateListItemElement = generateListItemElement;
+exports.getCompoundComponent = getCompoundComponent;
+exports.getCompoundComponents = getCompoundComponents;
+exports.getExposedActions = getExposedActions;
+exports.sortBreakpoints = sortBreakpoints;