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

package/dist/DataListItemActions-BDMYnI5D.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var DataList_const = require('./DataList.const-YbvF2-QB.js');
-var DataListActions = require('./DataListActions-CeuvLm4e.js');
-
-var css_248z = ".jHcHGQ-HDbk- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: calc(var(--space-small) * -1);\n  right: 0;\n  z-index: var(--elevation-menu);\n  box-shadow: var(--shadow-base);\n  padding: var(--space-smaller);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-larger);\n  background-color: var(--color-surface);\n  gap: var(--space-smaller);\n}\n\n.jobber-retheme .jHcHGQ-HDbk- {\n  border-radius: var(--radius-base);\n}\n";
-var styles = {"menu":"jHcHGQ-HDbk-"};
-styleInject_es.styleInject(css_248z);
-
-// This component is meant to capture the props of the DataList.ItemActions
-function DataListItemActions(
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_) {
-    return null;
-}
-const variants = {
-    hidden: { opacity: 0, y: 10 },
-    visible: { opacity: 1, y: 0 },
-};
-function InternalDataListItemActions({ actions, }) {
-    return (React.createElement(framerMotion.motion.div, { variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: {
-            duration: DataList_const.TRANSITION_DURATION_IN_SECONDS,
-            delay: DataList_const.TRANSITION_DELAY_IN_SECONDS,
-        }, className: styles.menu, onContextMenu: handleContextMenu },
-        React.createElement(DataListActions.DataListActions, null, actions)));
-}
-function handleContextMenu(event) {
-    event.stopPropagation();
-}
-
-exports.DataListItemActions = DataListItemActions;
-exports.InternalDataListItemActions = InternalDataListItemActions;

package/dist/DataListItemActionsOverflow-Cv89cyOn.js

@@ -1,33 +0,0 @@
-import React, { useState } from 'react';
-import { B as Button } from './Button-CWVwgwhn.js';
-import { T as Tooltip } from './Tooltip-mn2jRxXD.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-BtZsN7F7.js';
-
-function DataListItemActionsOverflow({ actions, }) {
-    const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });
-    const [showMenu, setShowMenu] = useState(false);
-    if (actions.length === 0)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { message: "More actions" },
-            React.createElement(Button, { icon: "more", ariaLabel: "More actions", type: "secondary", variation: "subtle", onClick: handleMoreClick })),
-        React.createElement(DataListActionsMenu, { visible: showMenu, position: menuPosition, onRequestClose: handleClose }, actions)));
-    function handleMoreClick(event) {
-        // Prevent firing the parent's onClick event when it is nested
-        // within a clickable list item
-        event.stopPropagation();
-        // Prevent navigating to the parent's href event when it is nested within a
-        // linked list item
-        event.preventDefault();
-        setShowMenu(true);
-        const rect = event.currentTarget.getBoundingClientRect();
-        const posX = rect.x;
-        const posY = rect.y + rect.height;
-        setMenuPosition({ x: posX, y: posY });
-    }
-    function handleClose() {
-        setShowMenu(false);
-    }
-}
-
-export { DataListItemActionsOverflow as D };

package/dist/DataListItemActionsOverflow-jnHamzf7.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Button = require('./Button-D3mW3Hcg.js');
-var Tooltip = require('./Tooltip-BEW-a9OW.js');
-var DataListActionsMenu = require('./DataListActionsMenu-BOJ6GBFf.js');
-
-function DataListItemActionsOverflow({ actions, }) {
-    const [menuPosition, setMenuPosition] = React.useState({ x: 0, y: 0 });
-    const [showMenu, setShowMenu] = React.useState(false);
-    if (actions.length === 0)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip.Tooltip, { message: "More actions" },
-            React.createElement(Button.Button, { icon: "more", ariaLabel: "More actions", type: "secondary", variation: "subtle", onClick: handleMoreClick })),
-        React.createElement(DataListActionsMenu.DataListActionsMenu, { visible: showMenu, position: menuPosition, onRequestClose: handleClose }, actions)));
-    function handleMoreClick(event) {
-        // Prevent firing the parent's onClick event when it is nested
-        // within a clickable list item
-        event.stopPropagation();
-        // Prevent navigating to the parent's href event when it is nested within a
-        // linked list item
-        event.preventDefault();
-        setShowMenu(true);
-        const rect = event.currentTarget.getBoundingClientRect();
-        const posX = rect.x;
-        const posY = rect.y + rect.height;
-        setMenuPosition({ x: posX, y: posY });
-    }
-    function handleClose() {
-        setShowMenu(false);
-    }
-}
-
-exports.DataListItemActionsOverflow = DataListItemActionsOverflow;

package/dist/DataListItemClickable-8iEm6BU0.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { Link } from 'react-router-dom';
-import { s as styles } from './DataList-D8rsiB6p.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-D3REliDa.js';
-
-function DataListItemClickableInternal({ onClick, url, to, children, }) {
-    const { activeItem } = useDataListLayoutActionsContext();
-    if (!activeItem)
-        return React.createElement(React.Fragment, null, children);
-    if (to) {
-        const computedTo = typeof to === "string" ? to : to(activeItem);
-        return (React.createElement(Link, { className: styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
-    }
-    if (url) {
-        const href = typeof url === "string" ? url : url(activeItem);
-        return (React.createElement("a", { className: styles.listItemClickable, href: href, onClick: handleClick }, children));
-    }
-    if (onClick) {
-        return (
-        // A button can be nested within the list item. To prevent a button inside
-        // button error, we need to manually declare a div to be a button
-        React.createElement("div", { role: "button", tabIndex: 0, className: styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    handleClick();
-                }
-            } }, children));
-    }
-    return React.createElement(React.Fragment, null, children);
-    function handleClick() {
-        activeItem && (onClick === null || onClick === void 0 ? void 0 : onClick(activeItem));
-    }
-}
-
-function DataListItemClickable({ children }) {
-    const { itemActionComponent } = useDataListContext();
-    if (itemActionComponent) {
-        const props = itemActionComponent.props;
-        return (React.createElement(DataListItemClickableInternal, Object.assign({}, props), children));
-    }
-    return React.createElement(React.Fragment, null, children);
-}
-
-export { DataListItemClickable as D };

package/dist/DataListItemClickable-BZ7u37GY.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var reactRouterDom = require('react-router-dom');
-var DataList = require('./DataList-BL3zeA83.js');
-var DataListLayoutContext = require('./DataListLayoutContext-DT0mtKzt.js');
-
-function DataListItemClickableInternal({ onClick, url, to, children, }) {
-    const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();
-    if (!activeItem)
-        return React.createElement(React.Fragment, null, children);
-    if (to) {
-        const computedTo = typeof to === "string" ? to : to(activeItem);
-        return (React.createElement(reactRouterDom.Link, { className: DataList.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
-    }
-    if (url) {
-        const href = typeof url === "string" ? url : url(activeItem);
-        return (React.createElement("a", { className: DataList.styles.listItemClickable, href: href, onClick: handleClick }, children));
-    }
-    if (onClick) {
-        return (
-        // A button can be nested within the list item. To prevent a button inside
-        // button error, we need to manually declare a div to be a button
-        React.createElement("div", { role: "button", tabIndex: 0, className: DataList.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    handleClick();
-                }
-            } }, children));
-    }
-    return React.createElement(React.Fragment, null, children);
-    function handleClick() {
-        activeItem && (onClick === null || onClick === void 0 ? void 0 : onClick(activeItem));
-    }
-}
-
-function DataListItemClickable({ children }) {
-    const { itemActionComponent } = DataListContext.useDataListContext();
-    if (itemActionComponent) {
-        const props = itemActionComponent.props;
-        return (React.createElement(DataListItemClickableInternal, Object.assign({}, props), children));
-    }
-    return React.createElement(React.Fragment, null, children);
-}
-
-exports.DataListItemClickable = DataListItemClickable;

package/dist/DataListItems-C2afygvC.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var DataListLayoutContext = require('./DataListLayoutContext-DvTtBMxW.js');
-var DataListItem = require('./DataListItem-CVmLNaR9.js');
-
-function DataListItems({ size = "xs", }) {
-    const { data, layouts } = DataListContext.useDataListContext();
-    const [hasInLayoutActions, setHasInLayoutActions] = React.useState(false);
-    const layout = layouts[size];
-    if (!layout)
-        return null;
-    return (React.createElement(DataListLayoutContext.DataListLayoutContext.Provider, { value: {
-            isInLayoutProvider: true,
-            hasInLayoutActions,
-            setHasInLayoutActions,
-        } }, data.map((child, i) => (React.createElement(DataListItem.DataListItem, { key: data[i].id, index: i, item: child, layout: layout })))));
-}
-
-exports.DataListItems = DataListItems;

package/dist/DataListItems-CSygcFMR.js

@@ -1,19 +0,0 @@
-import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-CavOWAD3.js';
-import { D as DataListItem } from './DataListItem-6Ir3bY1S.js';
-
-function DataListItems({ size = "xs", }) {
-    const { data, layouts } = useDataListContext();
-    const [hasInLayoutActions, setHasInLayoutActions] = useState(false);
-    const layout = layouts[size];
-    if (!layout)
-        return null;
-    return (React.createElement(DataListLayoutContext.Provider, { value: {
-            isInLayoutProvider: true,
-            hasInLayoutActions,
-            setHasInLayoutActions,
-        } }, data.map((child, i) => (React.createElement(DataListItem, { key: data[i].id, index: i, item: child, layout: layout })))));
-}
-
-export { DataListItems as D };

package/dist/DataListLayout-DVVdPvCC.js

@@ -1,19 +0,0 @@
-import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-CSygcFMR.js';
-import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { u as useActiveLayout } from './useActiveLayout-Bvo5EJVa.js';
-
-function DataListLayout({ children, size = "xs", }) {
-    const { registerLayout, loadingState } = useDataListContext();
-    const { activeBreakpoint } = useActiveLayout();
-    useEffect(() => {
-        registerLayout(size, children);
-    }, [size, children]);
-    const shouldRenderList = size === activeBreakpoint;
-    if (loadingState !== "initial" && shouldRenderList) {
-        return React.createElement(DataListItems, { size: size });
-    }
-    return null;
-}
-
-export { DataListLayout as D };

package/dist/DataListLayout-KiPC1zwI.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListItems = require('./DataListItems-C2afygvC.js');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var useActiveLayout = require('./useActiveLayout-BjGE_HD9.js');
-
-function DataListLayout({ children, size = "xs", }) {
-    const { registerLayout, loadingState } = DataListContext.useDataListContext();
-    const { activeBreakpoint } = useActiveLayout.useActiveLayout();
-    React.useEffect(() => {
-        registerLayout(size, children);
-    }, [size, children]);
-    const shouldRenderList = size === activeBreakpoint;
-    if (loadingState !== "initial" && shouldRenderList) {
-        return React.createElement(DataListItems.DataListItems, { size: size });
-    }
-    return null;
-}
-
-exports.DataListLayout = DataListLayout;

package/dist/DataListLayoutActions-AijXG655.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var DataListLayoutContext = require('./DataListLayoutContext-DvTtBMxW.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-jnHamzf7.js');
-var Glimmer = require('./Glimmer-Cgcy2Ruw.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = "._0m75bgCVBhk- {\n  visibility: hidden;\n}\n";
-var styles = {"hidden":"_0m75bgCVBhk-"};
-styleInject_es.styleInject(css_248z);
-
-function DataListLayoutActions() {
-    const { itemActionComponent, loadingState } = DataListContext.useDataListContext();
-    const { setHasInLayoutActions } = DataListLayoutContext.useDataListLayoutContext();
-    const { children: actionsChildren } = (itemActionComponent === null || itemActionComponent === void 0 ? void 0 : itemActionComponent.props) || {};
-    const actions = React.Children.toArray(actionsChildren);
-    const hasActions = actions.length > 0;
-    React.useEffect(() => {
-        setHasInLayoutActions(hasActions);
-        return () => {
-            setHasInLayoutActions(false);
-        };
-    }, []);
-    if (loadingState === "initial") {
-        return React.createElement(Glimmer.Glimmer, { shape: "square", size: "large" });
-    }
-    if (!hasActions)
-        return null;
-    return (React.createElement(DataListLayoutActionsWrapper, null,
-        React.createElement(DataListItemActionsOverflow.DataListItemActionsOverflow, { actions: actions })));
-}
-function DataListLayoutActionsWrapper({ children }) {
-    const { isInLayoutProvider } = DataListLayoutContext.useDataListLayoutContext();
-    if (isInLayoutProvider)
-        return React.createElement(React.Fragment, null, children);
-    return React.createElement("div", { className: styles.hidden }, children);
-}
-
-exports.DataListLayoutActions = DataListLayoutActions;

package/dist/DataListLayoutActions-DrTY5Ejw.js

@@ -1,39 +0,0 @@
-import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-CavOWAD3.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-Cv89cyOn.js';
-import { G as Glimmer } from './Glimmer-Dz1E9Bo5.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = "._0m75bgCVBhk- {\n  visibility: hidden;\n}\n";
-var styles = {"hidden":"_0m75bgCVBhk-"};
-styleInject(css_248z);
-
-function DataListLayoutActions() {
-    const { itemActionComponent, loadingState } = useDataListContext();
-    const { setHasInLayoutActions } = useDataListLayoutContext();
-    const { children: actionsChildren } = (itemActionComponent === null || itemActionComponent === void 0 ? void 0 : itemActionComponent.props) || {};
-    const actions = Children.toArray(actionsChildren);
-    const hasActions = actions.length > 0;
-    useEffect(() => {
-        setHasInLayoutActions(hasActions);
-        return () => {
-            setHasInLayoutActions(false);
-        };
-    }, []);
-    if (loadingState === "initial") {
-        return React.createElement(Glimmer, { shape: "square", size: "large" });
-    }
-    if (!hasActions)
-        return null;
-    return (React.createElement(DataListLayoutActionsWrapper, null,
-        React.createElement(DataListItemActionsOverflow, { actions: actions })));
-}
-function DataListLayoutActionsWrapper({ children }) {
-    const { isInLayoutProvider } = useDataListLayoutContext();
-    if (isInLayoutProvider)
-        return React.createElement(React.Fragment, null, children);
-    return React.createElement("div", { className: styles.hidden }, children);
-}
-
-export { DataListLayoutActions as D };

package/dist/DataListLayoutContext-CavOWAD3.js

@@ -1,14 +0,0 @@
-import { n as noop } from './noop-CJPLieIK.js';
-import { createContext, useContext } from 'react';
-
-const defaultValues = {
-    isInLayoutProvider: false,
-    hasInLayoutActions: false,
-    setHasInLayoutActions: noop,
-};
-const DataListLayoutContext = createContext(defaultValues);
-function useDataListLayoutContext() {
-    return useContext(DataListLayoutContext);
-}
-
-export { DataListLayoutContext as D, defaultValues as d, useDataListLayoutContext as u };

package/dist/DataListLayoutContext-D3REliDa.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from 'react';
-
-const DataListLayoutActionsContext = createContext({ activeItem: undefined });
-function useDataListLayoutActionsContext() {
-    return useContext(DataListLayoutActionsContext);
-}
-
-export { DataListLayoutActionsContext as D, useDataListLayoutActionsContext as u };

package/dist/DataListLayoutContext-DT0mtKzt.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const DataListLayoutActionsContext = React.createContext({ activeItem: undefined });
-function useDataListLayoutActionsContext() {
-    return React.useContext(DataListLayoutActionsContext);
-}
-
-exports.DataListLayoutActionsContext = DataListLayoutActionsContext;
-exports.useDataListLayoutActionsContext = useDataListLayoutActionsContext;

package/dist/DataListLayoutContext-DvTtBMxW.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var noop = require('./noop-BHeBk22E.js');
-var React = require('react');
-
-const defaultValues = {
-    isInLayoutProvider: false,
-    hasInLayoutActions: false,
-    setHasInLayoutActions: noop.noop,
-};
-const DataListLayoutContext = React.createContext(defaultValues);
-function useDataListLayoutContext() {
-    return React.useContext(DataListLayoutContext);
-}
-
-exports.DataListLayoutContext = DataListLayoutContext;
-exports.defaultValues = defaultValues;
-exports.useDataListLayoutContext = useDataListLayoutContext;

package/dist/DataListLoadMore-BgEh97cj.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var useInView = require('./useInView-Ct13SCWB.js');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var DataList_const = require('./DataList.const-YbvF2-QB.js');
-var Spinner = require('./Spinner-DT15aa_r.js');
-var Button = require('./Button-D3mW3Hcg.js');
-
-var css_248z = ".IC-Y9bTIVFo- {\n  position: relative;\n  -webkit-transform: translateY(calc(var(--space-largest) * -1));\n          transform: translateY(calc(var(--space-largest) * -1));\n}\n\n.PbZLGpbI6ZM-,\n._6zA6B-jmz6o- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  padding: var(--space-small);\n}\n\n._6zA6B-jmz6o- {\n  opacity: 0;\n  -webkit-animation: gZ4DUv82g5I- var(--timing-base) ease var(--timing-base) forwards;\n          animation: gZ4DUv82g5I- var(--timing-base) ease var(--timing-base) forwards;\n}\n\n@-webkit-keyframes gZ4DUv82g5I- {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes gZ4DUv82g5I- {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n";
-var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-"};
-styleInject_es.styleInject(css_248z);
-
-function DataListLoadMoreTrigger() {
-    const { onLoadMore } = DataListContext.useDataListContext();
-    const [inViewRef, isInView] = useInView.useInView.useInView();
-    React.useEffect(() => {
-        isInView && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
-    }, [isInView]);
-    return (React.createElement("div", { ref: inViewRef, className: styles.trigger, "data-testid": DataList_const.DATA_LOAD_MORE_TEST_ID }));
-}
-
-const MAX_DATA_COUNT = 50;
-function DataListLoadMore({ onBackToTop }) {
-    const { loadingState, data } = DataListContext.useDataListContext();
-    const showBackToTop = data.length > MAX_DATA_COUNT && loadingState !== "loadingMore";
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DataListLoadMoreTrigger, { key: data.length }),
-        loadingState === "loadingMore" && (React.createElement("div", { "data-testid": DataList_const.DATA_LIST_LOADING_MORE_SPINNER_TEST_ID, className: styles.loadingMore },
-            React.createElement(Spinner.Spinner, { size: "small" }))),
-        showBackToTop && (React.createElement("div", { className: styles.backToTop },
-            React.createElement(Button.Button, { label: "Back to top", onClick: onBackToTop, size: "small", variation: "subtle" })))));
-}
-
-exports.DataListLoadMore = DataListLoadMore;
-exports.MAX_DATA_COUNT = MAX_DATA_COUNT;

package/dist/DataListLoadMore-RU8ynOhk.js

@@ -1,34 +0,0 @@
-import React, { useEffect } from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { u as useInView } from './useInView-Yth15M0p.js';
-import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-Wz370ukq.js';
-import { S as Spinner } from './Spinner-BOhyUAA_.js';
-import { B as Button } from './Button-CWVwgwhn.js';
-
-var css_248z = ".IC-Y9bTIVFo- {\n  position: relative;\n  -webkit-transform: translateY(calc(var(--space-largest) * -1));\n          transform: translateY(calc(var(--space-largest) * -1));\n}\n\n.PbZLGpbI6ZM-,\n._6zA6B-jmz6o- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  padding: var(--space-small);\n}\n\n._6zA6B-jmz6o- {\n  opacity: 0;\n  -webkit-animation: gZ4DUv82g5I- var(--timing-base) ease var(--timing-base) forwards;\n          animation: gZ4DUv82g5I- var(--timing-base) ease var(--timing-base) forwards;\n}\n\n@-webkit-keyframes gZ4DUv82g5I- {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes gZ4DUv82g5I- {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n";
-var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-"};
-styleInject(css_248z);
-
-function DataListLoadMoreTrigger() {
-    const { onLoadMore } = useDataListContext();
-    const [inViewRef, isInView] = useInView.useInView();
-    useEffect(() => {
-        isInView && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
-    }, [isInView]);
-    return (React.createElement("div", { ref: inViewRef, className: styles.trigger, "data-testid": DATA_LOAD_MORE_TEST_ID }));
-}
-
-const MAX_DATA_COUNT = 50;
-function DataListLoadMore({ onBackToTop }) {
-    const { loadingState, data } = useDataListContext();
-    const showBackToTop = data.length > MAX_DATA_COUNT && loadingState !== "loadingMore";
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DataListLoadMoreTrigger, { key: data.length }),
-        loadingState === "loadingMore" && (React.createElement("div", { "data-testid": DATA_LIST_LOADING_MORE_SPINNER_TEST_ID, className: styles.loadingMore },
-            React.createElement(Spinner, { size: "small" }))),
-        showBackToTop && (React.createElement("div", { className: styles.backToTop },
-            React.createElement(Button, { label: "Back to top", onClick: onBackToTop, size: "small", variation: "subtle" })))));
-}
-
-export { DataListLoadMore as D, MAX_DATA_COUNT as M };

package/dist/DataListLoadingState-Bvrt8fF7.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { G as Glimmer } from './Glimmer-Dz1E9Bo5.js';
-import { u as useDataListContext } from './DataListContext-9uw8XwzP.js';
-import { u as useActiveLayout } from './useActiveLayout-Bvo5EJVa.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = "._8cMzUF8XEwY- {\n  position: relative;\n}\n\n._8cMzUF8XEwY-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100px;\n  background-image: linear-gradient(\n    to top,\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n}\n\n.Rh--6fVpkm4- {\n  padding: var(--space-base) var(--space-small);\n}\n\n.NFaWWvmxtkw- {\n  width: 100%;\n  min-width: var(--space-largest);\n}\n";
-var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-"};
-styleInject(css_248z);
-
-const LOADING_STATE_LIMIT_ITEMS = 10;
-const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";
-function DataListLoadingState() {
-    const { headers } = useDataListContext();
-    const { layout, activeBreakpoint } = useActiveLayout();
-    if (!layout)
-        return null;
-    const glimmerSize = activeBreakpoint === "xs" ? "small" : "large";
-    const glimmersFromHeader = Object.keys(headers).reduce((data, key) => (Object.assign(Object.assign({}, data), { [key]: (React.createElement("div", { className: styles.glimmer },
-            React.createElement(Glimmer, { size: glimmerSize }))) })), {});
-    const loadingData = new Array(LOADING_STATE_LIMIT_ITEMS).fill(glimmersFromHeader);
-    return (React.createElement("div", { className: styles.wrapper }, loadingData.map((child, i) => (React.createElement("div", { key: i, className: styles.loadingItem, "data-testid": DATALIST_LOADINGSTATE_ROW_TEST_ID }, layout(child))))));
-}
-
-export { DATALIST_LOADINGSTATE_ROW_TEST_ID as D, LOADING_STATE_LIMIT_ITEMS as L, DataListLoadingState as a };

package/dist/DataListLoadingState-Cm3mAc4V.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Glimmer = require('./Glimmer-Cgcy2Ruw.js');
-var DataListContext = require('./DataListContext-B4eBw_aH.js');
-var useActiveLayout = require('./useActiveLayout-BjGE_HD9.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = "._8cMzUF8XEwY- {\n  position: relative;\n}\n\n._8cMzUF8XEwY-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100px;\n  background-image: linear-gradient(\n    to top,\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n}\n\n.Rh--6fVpkm4- {\n  padding: var(--space-base) var(--space-small);\n}\n\n.NFaWWvmxtkw- {\n  width: 100%;\n  min-width: var(--space-largest);\n}\n";
-var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-"};
-styleInject_es.styleInject(css_248z);
-
-const LOADING_STATE_LIMIT_ITEMS = 10;
-const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";
-function DataListLoadingState() {
-    const { headers } = DataListContext.useDataListContext();
-    const { layout, activeBreakpoint } = useActiveLayout.useActiveLayout();
-    if (!layout)
-        return null;
-    const glimmerSize = activeBreakpoint === "xs" ? "small" : "large";
-    const glimmersFromHeader = Object.keys(headers).reduce((data, key) => (Object.assign(Object.assign({}, data), { [key]: (React.createElement("div", { className: styles.glimmer },
-            React.createElement(Glimmer.Glimmer, { size: glimmerSize }))) })), {});
-    const loadingData = new Array(LOADING_STATE_LIMIT_ITEMS).fill(glimmersFromHeader);
-    return (React.createElement("div", { className: styles.wrapper }, loadingData.map((child, i) => (React.createElement("div", { key: i, className: styles.loadingItem, "data-testid": DATALIST_LOADINGSTATE_ROW_TEST_ID }, layout(child))))));
-}
-
-exports.DATALIST_LOADINGSTATE_ROW_TEST_ID = DATALIST_LOADINGSTATE_ROW_TEST_ID;
-exports.DataListLoadingState = DataListLoadingState;
-exports.LOADING_STATE_LIMIT_ITEMS = LOADING_STATE_LIMIT_ITEMS;

package/dist/DataListOverflowFade-BZk4jUAc.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useInView = require('./useInView-Ct13SCWB.js');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
-
-var css_248z = ".jbBRoxlZlNI- {\n  --overflow-fade--offset: var(--space-smaller);\n  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);\n\n  -ms-flex-item-align: center;\n\n      align-self: center;\n  position: relative;\n  min-width: 0;\n}\n\n.P6uJ-vHfKrM-,\n.MnN8qbS4hw4- {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: -webkit-max-content;\n  grid-auto-columns: max-content;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.P6uJ-vHfKrM- {\n  gap: var(--space-small);\n}\n\n.MnN8qbS4hw4- {\n  margin: var(--overflow-fade--negative-offset);\n  padding: var(--overflow-fade--offset);\n  overflow-x: auto;\n  overflow-y: visible;\n}\n\n.b-5P7Z8eGO8- {\n  visibility: hidden;\n}\n\n.xzaCS4slLpI-::before,\n.Jf227kC8Nu0-::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  width: var(--space-large);\n  height: 100%;\n  background-image: linear-gradient(\n    to right,\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n  background-image: linear-gradient(\n    var(--data-list-overflow-shadow-angle, to right),\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n  pointer-events: none;\n}\n\n.xzaCS4slLpI-::before {\n  left: var(--overflow-fade--negative-offset);\n}\n\n.Jf227kC8Nu0-::after {\n  --data-list-overflow-shadow-angle: to left;\n  right: var(--overflow-fade--negative-offset);\n}\n";
-var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","overflowGrid":"MnN8qbS4hw4-","overflowTrigger":"b-5P7Z8eGO8-","overflowLeft":"xzaCS4slLpI-","overflowRight":"Jf227kC8Nu0-"};
-styleInject_es.styleInject(css_248z);
-
-function DataListOverflowFade({ children }) {
-    const [leftRef, isLeftVisible] = useInView.useInView.useInView();
-    const [rightRef, isRightVisible] = useInView.useInView.useInView();
-    return (React.createElement("div", { "data-testid": CONTAINER_TEST_ID, className: classnames(styles.fadeContainer, {
-            [styles.overflowLeft]: !isLeftVisible,
-            [styles.overflowRight]: !isRightVisible,
-        }) },
-        React.createElement("div", { className: styles.overflowGrid },
-            React.createElement("span", { ref: leftRef, className: styles.overflowTrigger }),
-            React.createElement("div", { className: styles.overflowItems }, children),
-            React.createElement("span", { ref: rightRef, className: styles.overflowTrigger }))));
-}
-
-exports.CONTAINER_TEST_ID = CONTAINER_TEST_ID;
-exports.DataListOverflowFade = DataListOverflowFade;

package/dist/DataListOverflowFade-DqAHrxFC.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { u as useInView } from './useInView-Yth15M0p.js';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
-
-var css_248z = ".jbBRoxlZlNI- {\n  --overflow-fade--offset: var(--space-smaller);\n  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);\n\n  -ms-flex-item-align: center;\n\n      align-self: center;\n  position: relative;\n  min-width: 0;\n}\n\n.P6uJ-vHfKrM-,\n.MnN8qbS4hw4- {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: -webkit-max-content;\n  grid-auto-columns: max-content;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.P6uJ-vHfKrM- {\n  gap: var(--space-small);\n}\n\n.MnN8qbS4hw4- {\n  margin: var(--overflow-fade--negative-offset);\n  padding: var(--overflow-fade--offset);\n  overflow-x: auto;\n  overflow-y: visible;\n}\n\n.b-5P7Z8eGO8- {\n  visibility: hidden;\n}\n\n.xzaCS4slLpI-::before,\n.Jf227kC8Nu0-::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  width: var(--space-large);\n  height: 100%;\n  background-image: linear-gradient(\n    to right,\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n  background-image: linear-gradient(\n    var(--data-list-overflow-shadow-angle, to right),\n    var(--color-surface) 0%,\n    rgba(var(--color-white--rgb), 0) 100%\n  );\n  pointer-events: none;\n}\n\n.xzaCS4slLpI-::before {\n  left: var(--overflow-fade--negative-offset);\n}\n\n.Jf227kC8Nu0-::after {\n  --data-list-overflow-shadow-angle: to left;\n  right: var(--overflow-fade--negative-offset);\n}\n";
-var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","overflowGrid":"MnN8qbS4hw4-","overflowTrigger":"b-5P7Z8eGO8-","overflowLeft":"xzaCS4slLpI-","overflowRight":"Jf227kC8Nu0-"};
-styleInject(css_248z);
-
-function DataListOverflowFade({ children }) {
-    const [leftRef, isLeftVisible] = useInView.useInView();
-    const [rightRef, isRightVisible] = useInView.useInView();
-    return (React.createElement("div", { "data-testid": CONTAINER_TEST_ID, className: classnames(styles.fadeContainer, {
-            [styles.overflowLeft]: !isLeftVisible,
-            [styles.overflowRight]: !isRightVisible,
-        }) },
-        React.createElement("div", { className: styles.overflowGrid },
-            React.createElement("span", { ref: leftRef, className: styles.overflowTrigger }),
-            React.createElement("div", { className: styles.overflowItems }, children),
-            React.createElement("span", { ref: rightRef, className: styles.overflowTrigger }))));
-}
-
-export { CONTAINER_TEST_ID as C, DataListOverflowFade as D };