@jobber/components 4.85.6-CJS-to-ESM.4 → 4.85.6

package/dist/DataList-D67E3-Ka.js

@@ -1,139 +0,0 @@
-import { _ as __rest } from './tslib.es6-Df1SgIEn.js';
-import React, { useState, useMemo, useRef } from 'react';
-import { s as styles } from './DataList-D8rsiB6p.js';
-import { a as DataListTotalCount } from './DataListTotalCount-Dzzm_buN.js';
-import { a as DataListLoadingState } from './DataListLoadingState-Bvrt8fF7.js';
-import { D as DataListLayout } from './DataListLayout-DMY8Io7b.js';
-import { D as DataListHeader } from './DataListHeader-1UOL7n9h.js';
-import { I as InternalDataListFilters, D as DataListFilters } from './DataListFilters-BjCiSdX2.js';
-import { D as DataListStickyHeader } from './DataListStickyHeader-CCG09E7V.js';
-import { I as InternalDataListSearch, a as DataListSearch } from './DataListSearch-2s_UETky.js';
-import { I as InternalDataListEmptyState, D as DataListEmptyState } from './DataListEmptyState-bCN6CJ0x.js';
-import { D as DataListLoadMore } from './DataListLoadMore-RU8ynOhk.js';
-import { D as DataListItemActions } from './DataListItemActions-BNZ702t2.js';
-import { D as DataListAction } from './DataListAction-CMZbwbN5.js';
-import { D as DataListLayoutActions } from './DataListLayoutActions-DrTY5Ejw.js';
-import { D as DataListContext, u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { s as sortBreakpoints, g as getCompoundComponent, a as getCompoundComponents } from './DataList.utils-DoGRceLK.js';
-import { D as DATA_LIST_FILTERING_SPINNER_TEST_ID } from './DataList.const-Wz370ukq.js';
-import { D as DataListBulkActions } from './DataListBulkActions-BBh5Yg_B.js';
-import { I as InternalDataListStatusBar, D as DataListStatusBar } from './DataListStatusBar-wvLYlUTP.js';
-import { H as Heading } from './Heading-CL3UujY7.js';
-import { S as Spinner } from './Spinner-BOhyUAA_.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-D8rsiB6p.js

@@ -1,7 +0,0 @@
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.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: 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: var(--elevation-base);\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(var(--space-small) + var(--space-smaller)) 0;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\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: var(--space-largest);\n  padding: var(--space-small);\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: var(--space-small);\n  gap: var(--data-list--header-actions-gap);\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(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: var(--space-small);\n  border-bottom: var(--border-base) solid var(--color-border);\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: var(--color-surface--hover);\n  background-color: var(--data-list-item-active-color);\n}\n\n.Tq6e0BGwcSM- {\n  margin: calc(var(--space-small) * -1) 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 (--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: var(--space-small);\n     -moz-column-gap: var(--space-small);\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(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: var(--space-smaller);\n  opacity: 1;\n  transition: opacity var(--timing-quick) ease-in-out;\n  transition: opacity var(--transition-properties);\n  --transition-properties: var(--timing-quick) ease-in-out;\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: 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-DqrdT8B4.js

@@ -1,141 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-ld72nsZq.js');
-var React = require('react');
-var DataList$1 = require('./DataList-BL3zeA83.js');
-var DataListTotalCount = require('./DataListTotalCount-B9K3hGqp.js');
-var DataListLoadingState = require('./DataListLoadingState-Cm3mAc4V.js');
-var DataListLayout = require('./DataListLayout-KiPC1zwI.js');
-var DataListHeader = require('./DataListHeader-Baxtt1sP.js');
-var DataListFilters = require('./DataListFilters-C8PRbG6B.js');
-var DataListStickyHeader = require('./DataListStickyHeader-BKN9V51R.js');
-var DataListSearch = require('./DataListSearch-P9-j_TtT.js');
-var DataListEmptyState = require('./DataListEmptyState-B7Yug5IF.js');
-var DataListLoadMore = require('./DataListLoadMore-BgEh97cj.js');
-var DataListItemActions = require('./DataListItemActions-BDMYnI5D.js');
-var DataListAction = require('./DataListAction-CzSLV230.js');
-var DataListLayoutActions = require('./DataListLayoutActions-AijXG655.js');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var DataList_utils = require('./DataList.utils-DTLgRGnD.js');
-var DataList_const = require('./DataList.const-YbvF2-QB.js');
-var DataListBulkActions = require('./DataListBulkActions-DWmugOCQ.js');
-var DataListStatusBar = require('./DataListStatusBar-D-j7Wk18.js');
-var Heading = require('./Heading-suKDLmO4.js');
-var Spinner = require('./Spinner-DT15aa_r.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.const-Wz370ukq.js

@@ -1,25 +0,0 @@
-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-YbvF2-QB.js

@@ -1,38 +0,0 @@
-'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-DTLgRGnD.js

@@ -1,168 +0,0 @@
-'use strict';
-
-var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-B83fTs8d.js');
-var _getTag = require('./_getTag-Bd2IuclU.js');
-var DataList_const = require('./DataList.const-YbvF2-QB.js');
-var DataListTags = require('./DataListTags-C5inHFOR.js');
-var DataListHeaderTile = require('./DataListHeaderTile-Bmb-3jk4.js');
-var FormatDate = require('./FormatDate-BzJETLja.js');
-var Text = require('./Text-D9gsHxbp.js');
-var Heading = require('./Heading-suKDLmO4.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, { variation: "subdued" },
-                React.createElement(FormatDate.FormatDate, { date: currentItem })));
-        }
-        else {
-            acc[key] = React.createElement(Text.Text, { variation: "subdued" }, 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;