@jobber/components 4.90.5 → 4.90.6

package/dist/DataListActions-DV-03b5h.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Tooltip = require('./Tooltip-PbQMMMXT.js');
-var Button = require('./Button-BPYGeGx2.js');
-var DataListOverflowFade = require('./DataListOverflowFade-BGAt4dqm.js');
-var DataList_utils = require('./DataList.utils-BjG-otvz.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CjAT05BI.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-D83sgU_z.js');
-
-function DataListActions({ children, itemsToExpose = 2, }) {
-    const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();
-    const childrenArray = React.Children.toArray(children).filter(React.isValidElement);
-    const exposedActions = DataList_utils.getExposedActions(childrenArray, itemsToExpose);
-    childrenArray.splice(0, exposedActions.length);
-    return (React.createElement(DataListOverflowFade.DataListOverflowFade, null,
-        exposedActions.map(({ props }) => {
-            if (props.visible && !props.visible(activeItem))
-                return null;
-            if (!props.icon)
-                return null;
-            function getActionLabel() {
-                if (typeof props.label === "string") {
-                    return props.label;
-                }
-                if (activeItem) {
-                    return props.label(activeItem);
-                }
-            }
-            const actionLabel = getActionLabel();
-            return (React.createElement(Tooltip.Tooltip, { key: actionLabel, message: actionLabel },
-                React.createElement(Button.Button, { icon: props.icon, ariaLabel: actionLabel, onClick: () => {
-                        var _a, _b;
-                        if (activeItem) {
-                            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, activeItem);
-                        }
-                        else {
-                            (_b = props.onClick) === null || _b === void 0 ? void 0 : _b.call(props);
-                        }
-                    }, type: "secondary", variation: "subtle" })));
-        }),
-        React.createElement(DataListItemActionsOverflow.DataListItemActionsOverflow, { actions: childrenArray })));
-}
-
-exports.DataListActions = DataListActions;

package/dist/DataListActionsMenu-Cg-ZZ0LI.js

@@ -1,55 +0,0 @@
-import React, { useState } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { u as useFocusTrap_2 } from './useFocusTrap-D0gOZaSx.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BAub7L-i.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-07RktdgP.js';
-import { createPortal } from 'react-dom';
-import { tokens } from '@jobber/design';
-import { u as useIsMounted_2 } from './useIsMounted-BxDu0lnY.js';
-import { d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-z084v3KH.js';
-
-var styles = {"menu":"aokwZU8jbWU-","overlay":"XtVRP97TVSE-"};
-
-const variants = {
-    hidden: { opacity: 0, y: -10 },
-    visible: { opacity: 1, y: 0 },
-};
-function DataListActionsMenu({ visible = false, position, onRequestClose, children, }) {
-    const [ref, setRef] = useState();
-    const mounted = useIsMounted_2();
-    useRefocusOnActivator_2(visible);
-    const focusTrapRef = useFocusTrap_2(visible);
-    useOnKeyDown_2(onRequestClose, "Escape");
-    const actionsMenu = (React.createElement(AnimatePresence, null, visible && (React.createElement("div", { ref: focusTrapRef, onClick: handleClick },
-        React.createElement(motion.div, { role: "menu", ref: setRef, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: TRANSITION_DELAY_IN_SECONDS }, className: styles.menu, style: getPositionCssVars(), onClick: onRequestClose }, children),
-        React.createElement("button", { type: "button", className: styles.overlay, onClick: onRequestClose, "aria-label": "Close menu" })))));
-    return mounted.current
-        ? createPortal(actionsMenu, document.body)
-        : actionsMenu;
-    function handleClick(event) {
-        // Prevent menu from firing the parent's onClick event when it is nested
-        // within a clickable list item
-        event.stopPropagation();
-    }
-    function getPositionCssVars() {
-        const { posX, posY } = getPosition();
-        return {
-            "--actions-menu-x": `${posX}px`,
-            "--actions-menu-y": `${posY}px`,
-        };
-    }
-    function getPosition() {
-        const rect = ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect();
-        const { width = 0, height = 0 } = rect || {};
-        const { x, y } = position;
-        const xIsOffScreen = x + width > window.innerWidth;
-        const yIsOffScreen = y + height > window.innerHeight;
-        const xOffSet = x + width - window.innerWidth + tokens["space-base"];
-        const yOffSet = y + height - window.innerHeight;
-        const newPosX = Math.floor(xIsOffScreen ? x - xOffSet : x);
-        const newPosY = Math.floor(yIsOffScreen ? y - yOffSet : y);
-        return { posX: newPosX, posY: newPosY };
-    }
-}
-
-export { DataListActionsMenu as D };

package/dist/DataListActionsMenu-D9iOGk3i.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var useFocusTrap = require('./useFocusTrap-B-xOQ79p.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-BnM3unqN.js');
-var useOnKeyDown = require('./useOnKeyDown-W2x-4HSi.js');
-var ReactDOM = require('react-dom');
-var design = require('@jobber/design');
-var useIsMounted = require('./useIsMounted-DfJrPzyU.js');
-var DataList_const = require('./DataList.const-Bqcfo3vs.js');
-
-var styles = {"menu":"aokwZU8jbWU-","overlay":"XtVRP97TVSE-"};
-
-const variants = {
-    hidden: { opacity: 0, y: -10 },
-    visible: { opacity: 1, y: 0 },
-};
-function DataListActionsMenu({ visible = false, position, onRequestClose, children, }) {
-    const [ref, setRef] = React.useState();
-    const mounted = useIsMounted.useIsMounted_2();
-    useRefocusOnActivator.useRefocusOnActivator_2(visible);
-    const focusTrapRef = useFocusTrap.useFocusTrap_2(visible);
-    useOnKeyDown.useOnKeyDown_2(onRequestClose, "Escape");
-    const actionsMenu = (React.createElement(framerMotion.AnimatePresence, null, visible && (React.createElement("div", { ref: focusTrapRef, onClick: handleClick },
-        React.createElement(framerMotion.motion.div, { role: "menu", ref: setRef, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: DataList_const.TRANSITION_DELAY_IN_SECONDS }, className: styles.menu, style: getPositionCssVars(), onClick: onRequestClose }, children),
-        React.createElement("button", { type: "button", className: styles.overlay, onClick: onRequestClose, "aria-label": "Close menu" })))));
-    return mounted.current
-        ? ReactDOM.createPortal(actionsMenu, document.body)
-        : actionsMenu;
-    function handleClick(event) {
-        // Prevent menu from firing the parent's onClick event when it is nested
-        // within a clickable list item
-        event.stopPropagation();
-    }
-    function getPositionCssVars() {
-        const { posX, posY } = getPosition();
-        return {
-            "--actions-menu-x": `${posX}px`,
-            "--actions-menu-y": `${posY}px`,
-        };
-    }
-    function getPosition() {
-        const rect = ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect();
-        const { width = 0, height = 0 } = rect || {};
-        const { x, y } = position;
-        const xIsOffScreen = x + width > window.innerWidth;
-        const yIsOffScreen = y + height > window.innerHeight;
-        const xOffSet = x + width - window.innerWidth + design.tokens["space-base"];
-        const yOffSet = y + height - window.innerHeight;
-        const newPosX = Math.floor(xIsOffScreen ? x - xOffSet : x);
-        const newPosY = Math.floor(yIsOffScreen ? y - yOffSet : y);
-        return { posX: newPosX, posY: newPosY };
-    }
-}
-
-exports.DataListActionsMenu = DataListActionsMenu;

package/dist/DataListBulkActions-BEFyOkWd.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListContext = require('./DataListContext-qFN5DiHI.js');
-var DataListActions = require('./DataListActions-DV-03b5h.js');
-var useResponsiveSizing = require('./useResponsiveSizing-DB6K2Viw.js');
-
-var styles = {"bulkActions":"v-GrdlFpBLk-"};
-
-// This component is meant to capture the props of the DataList.BulkActions
-function DataListBulkActions(
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_) {
-    return null;
-}
-function InternalDataListBulkActions() {
-    const { bulkActionsComponent } = DataListContext.useDataListContext();
-    if (!bulkActionsComponent)
-        return null;
-    const { children } = bulkActionsComponent.props;
-    const { sm } = useResponsiveSizing.useResponsiveSizing();
-    // Collapse all actions under "More actions" when breakpoint is smaller than sm
-    const itemsToExpose = sm ? 3 : 0;
-    return (React.createElement("div", { className: styles.bulkActions },
-        React.createElement(DataListActions.DataListActions, { itemsToExpose: itemsToExpose }, children)));
-}
-
-exports.DataListBulkActions = DataListBulkActions;
-exports.InternalDataListBulkActions = InternalDataListBulkActions;

package/dist/DataListBulkActions-C2E5e2oE.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { u as useDataListContext } from './DataListContext-DTtBXteA.js';
-import { D as DataListActions } from './DataListActions-D1r_3WQD.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-DVb-nBuX.js';
-
-var styles = {"bulkActions":"v-GrdlFpBLk-"};
-
-// This component is meant to capture the props of the DataList.BulkActions
-function DataListBulkActions(
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_) {
-    return null;
-}
-function InternalDataListBulkActions() {
-    const { bulkActionsComponent } = useDataListContext();
-    if (!bulkActionsComponent)
-        return null;
-    const { children } = bulkActionsComponent.props;
-    const { sm } = useResponsiveSizing();
-    // Collapse all actions under "More actions" when breakpoint is smaller than sm
-    const itemsToExpose = sm ? 3 : 0;
-    return (React.createElement("div", { className: styles.bulkActions },
-        React.createElement(DataListActions, { itemsToExpose: itemsToExpose }, children)));
-}
-
-export { DataListBulkActions as D, InternalDataListBulkActions as I };

package/dist/DataListContext-DTtBXteA.js

@@ -1,25 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import { n as noop } from './noop-B8ZS2J9q.js';
-
-const defaultValues = {
-    title: "",
-    data: [],
-    headers: {},
-    children: [],
-    selected: [],
-    layoutBreakpoints: [],
-    layouts: {
-        xs: children => React.createElement(React.Fragment, null, children),
-        sm: children => React.createElement(React.Fragment, null, children),
-        md: children => React.createElement(React.Fragment, null, children),
-        lg: children => React.createElement(React.Fragment, null, children),
-        xl: children => React.createElement(React.Fragment, null, children),
-    },
-    registerLayout: noop,
-};
-const DataListContext = createContext(defaultValues);
-function useDataListContext() {
-    return useContext(DataListContext);
-}
-
-export { DataListContext as D, defaultValues as d, useDataListContext as u };

package/dist/DataListContext-qFN5DiHI.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var noop = require('./noop-mF8IIYWw.js');
-
-const defaultValues = {
-    title: "",
-    data: [],
-    headers: {},
-    children: [],
-    selected: [],
-    layoutBreakpoints: [],
-    layouts: {
-        xs: children => React.createElement(React.Fragment, null, children),
-        sm: children => React.createElement(React.Fragment, null, children),
-        md: children => React.createElement(React.Fragment, null, children),
-        lg: children => React.createElement(React.Fragment, null, children),
-        xl: children => React.createElement(React.Fragment, null, children),
-    },
-    registerLayout: noop.noop,
-};
-const DataListContext = React.createContext(defaultValues);
-function useDataListContext() {
-    return React.useContext(DataListContext);
-}
-
-exports.DataListContext = DataListContext;
-exports.defaultValues = defaultValues;
-exports.useDataListContext = useDataListContext;

package/dist/DataListEmptyState-DTsqkHng.js

@@ -1,50 +0,0 @@
-import React, { useContext, cloneElement } from 'react';
-import { D as DataListContext } from './DataListContext-DTtBXteA.js';
-import { T as Text } from './Text-CfxmOdM-.js';
-import { B as Button } from './Button-BH4Hhr2S.js';
-import { E as EMPTY_FILTER_RESULTS_MESSAGE, b as EMPTY_RESULTS_MESSAGE, c as EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR } from './DataList.const-z084v3KH.js';
-
-var styles = {"emptyStateWrapper":"zg3w9nQga-M-"};
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function DataListEmptyState(_) {
-    return null;
-}
-function InternalDataListEmptyState() {
-    const { emptyStateComponents: components, filtered } = useContext(DataListContext);
-    const { message, action } = getMessages();
-    return (React.createElement("div", { className: styles.emptyStateWrapper },
-        React.createElement(Text, { align: "center" }, message),
-        renderButton(action)));
-    function getMessages() {
-        const { defaultEmptyState, filteredEmptyState } = getEmptyStates(components);
-        if (filtered) {
-            return {
-                message: (filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.message) || EMPTY_FILTER_RESULTS_MESSAGE,
-                action: filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.action,
-            };
-        }
-        return {
-            message: (defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.message) || EMPTY_RESULTS_MESSAGE,
-            action: defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.action,
-        };
-    }
-}
-function renderButton(action) {
-    if (action) {
-        if (action.type === Button) {
-            return cloneElement(action, {
-                variation: action.props.variation || "subtle",
-            });
-        }
-        throw new Error(EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR);
-    }
-    return;
-}
-function getEmptyStates(components) {
-    const defaultEmptyState = components === null || components === void 0 ? void 0 : components.find(es => es.props.type === "empty" || es.props.type === undefined);
-    const filteredEmptyState = components === null || components === void 0 ? void 0 : components.find(es => es.props.type === "filtered");
-    return { defaultEmptyState, filteredEmptyState };
-}
-
-export { DataListEmptyState as D, InternalDataListEmptyState as I };

package/dist/DataListEmptyState-DfaWzs71.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListContext = require('./DataListContext-qFN5DiHI.js');
-var Text = require('./Text-BKFV1Z0j.js');
-var Button = require('./Button-BPYGeGx2.js');
-var DataList_const = require('./DataList.const-Bqcfo3vs.js');
-
-var styles = {"emptyStateWrapper":"zg3w9nQga-M-"};
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function DataListEmptyState(_) {
-    return null;
-}
-function InternalDataListEmptyState() {
-    const { emptyStateComponents: components, filtered } = React.useContext(DataListContext.DataListContext);
-    const { message, action } = getMessages();
-    return (React.createElement("div", { className: styles.emptyStateWrapper },
-        React.createElement(Text.Text, { align: "center" }, message),
-        renderButton(action)));
-    function getMessages() {
-        const { defaultEmptyState, filteredEmptyState } = getEmptyStates(components);
-        if (filtered) {
-            return {
-                message: (filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.message) || DataList_const.EMPTY_FILTER_RESULTS_MESSAGE,
-                action: filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.action,
-            };
-        }
-        return {
-            message: (defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.message) || DataList_const.EMPTY_RESULTS_MESSAGE,
-            action: defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.action,
-        };
-    }
-}
-function renderButton(action) {
-    if (action) {
-        if (action.type === Button.Button) {
-            return React.cloneElement(action, {
-                variation: action.props.variation || "subtle",
-            });
-        }
-        throw new Error(DataList_const.EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR);
-    }
-    return;
-}
-function getEmptyStates(components) {
-    const defaultEmptyState = components === null || components === void 0 ? void 0 : components.find(es => es.props.type === "empty" || es.props.type === undefined);
-    const filteredEmptyState = components === null || components === void 0 ? void 0 : components.find(es => es.props.type === "filtered");
-    return { defaultEmptyState, filteredEmptyState };
-}
-
-exports.DataListEmptyState = DataListEmptyState;
-exports.InternalDataListEmptyState = InternalDataListEmptyState;

package/dist/DataListFilters-35MxtHUo.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { D as DataListSort } from './DataListSort-BrRFvXG5.js';
-import { D as DataListOverflowFade } from './DataListOverflowFade-DU0y9j-T.js';
-import { u as useDataListContext } from './DataListContext-DTtBXteA.js';
-import { g as getCompoundComponent } from './DataList.utils-RcG6TvB4.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-DVb-nBuX.js';
-
-function useShowHeader() {
-    const { headerVisibility } = useDataListContext();
-    if (headerVisibility === undefined)
-        return true;
-    const sizes = useResponsiveSizing();
-    const sizeKeys = Object.keys(sizes);
-    const showHeader = sizeKeys.reduce((previous, breakpoint) => {
-        const isHeaderVisible = headerVisibility[breakpoint] || false;
-        const isBreakpointTriggered = sizes[breakpoint];
-        return previous || (isBreakpointTriggered && isHeaderVisible);
-    }, false);
-    return showHeader;
-}
-
-// This component is meant to capture the props of the DataList.Filters
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function DataListFilters(_) {
-    return null;
-}
-/**
- * Renders the DataList.Filters component
- */
-function InternalDataListFilters() {
-    const { children: parentChildren } = useDataListContext();
-    const showHeader = useShowHeader();
-    const showSortButton = !showHeader;
-    const component = getCompoundComponent(parentChildren, DataListFilters);
-    if (!showSortButton && !component)
-        return null;
-    const children = component === null || component === void 0 ? void 0 : component.props.children;
-    return (React.createElement(DataListOverflowFade, null,
-        children && children,
-        showSortButton && React.createElement(DataListSort, null)));
-}
-
-export { DataListFilters as D, InternalDataListFilters as I };

package/dist/DataListFilters-BjC9kPSD.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListSort = require('./DataListSort-Dx6POURf.js');
-var DataListOverflowFade = require('./DataListOverflowFade-BGAt4dqm.js');
-var DataListContext = require('./DataListContext-qFN5DiHI.js');
-var DataList_utils = require('./DataList.utils-BjG-otvz.js');
-var useResponsiveSizing = require('./useResponsiveSizing-DB6K2Viw.js');
-
-function useShowHeader() {
-    const { headerVisibility } = DataListContext.useDataListContext();
-    if (headerVisibility === undefined)
-        return true;
-    const sizes = useResponsiveSizing.useResponsiveSizing();
-    const sizeKeys = Object.keys(sizes);
-    const showHeader = sizeKeys.reduce((previous, breakpoint) => {
-        const isHeaderVisible = headerVisibility[breakpoint] || false;
-        const isBreakpointTriggered = sizes[breakpoint];
-        return previous || (isBreakpointTriggered && isHeaderVisible);
-    }, false);
-    return showHeader;
-}
-
-// This component is meant to capture the props of the DataList.Filters
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function DataListFilters(_) {
-    return null;
-}
-/**
- * Renders the DataList.Filters component
- */
-function InternalDataListFilters() {
-    const { children: parentChildren } = DataListContext.useDataListContext();
-    const showHeader = useShowHeader();
-    const showSortButton = !showHeader;
-    const component = DataList_utils.getCompoundComponent(parentChildren, DataListFilters);
-    if (!showSortButton && !component)
-        return null;
-    const children = component === null || component === void 0 ? void 0 : component.props.children;
-    return (React.createElement(DataListOverflowFade.DataListOverflowFade, null,
-        children && children,
-        showSortButton && React.createElement(DataListSort.DataListSort, null)));
-}
-
-exports.DataListFilters = DataListFilters;
-exports.InternalDataListFilters = InternalDataListFilters;

package/dist/DataListHeader-CI-p6m7K.js

@@ -1,93 +0,0 @@
-import React from 'react';
-import { u as useDataListContext } from './DataListContext-DTtBXteA.js';
-import { c as generateHeaderElements, s as sortBreakpoints } from './DataList.utils-RcG6TvB4.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-DVb-nBuX.js';
-import classnames from 'classnames';
-import { A as AnimatedSwitcher } from './AnimatedSwitcher--j45gdP1.js';
-import { T as Text } from './Text-CfxmOdM-.js';
-import { B as Button } from './Button-BH4Hhr2S.js';
-import { C as Checkbox } from './Checkbox-BDVwj5E8.js';
-import { s as styles } from './DataList-BRPBlIVp.js';
-import { I as InternalDataListBulkActions } from './DataListBulkActions-C2E5e2oE.js';
-import { u as useBatchSelect } from './useBatchSelect-KPnTra4u.js';
-import { u as useActiveLayout } from './useActiveLayout-BqE7ZQY7.js';
-
-function DataListHeaderCheckbox({ children }) {
-    const { sm } = useResponsiveSizing();
-    const { data, totalCount } = useDataListContext();
-    const { canSelectAll, hasAtLeastOneSelected, isSelectAll, selectedCount, selectedIDs, selected, onSelectAll, onSelect, } = useBatchSelect();
-    // If there's no onSelectAll or onSelect, we don't need to render the checkbox.
-    if (!canSelectAll)
-        return children;
-    const deselectText = sm ? "Deselect All" : "Deselect";
-    const selectedLabel = selectedCount ? `${selectedCount} selected` : "";
-    return (React.createElement("div", { className: styles.selectable },
-        React.createElement("div", { className: classnames(styles.selectAllCheckbox, {
-                [styles.visible]: canSelectAll,
-            }) },
-            React.createElement(Checkbox, { checked: isAllSelected(), indeterminate: isIndeterminate(), onChange: handleSelectAll },
-                React.createElement("div", { className: styles.srOnly }, selectedLabel))),
-        React.createElement(AnimatedSwitcher, { switched: hasAtLeastOneSelected, initialChild: children, switchTo: React.createElement("div", { className: styles.batchSelectContainer },
-                React.createElement("div", { className: styles.headerBatchSelect },
-                    Boolean(selectedCount) && React.createElement(Text, null,
-                        selectedCount,
-                        " selected"),
-                    React.createElement(Button, { label: deselectText, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect([]), type: "tertiary" })),
-                React.createElement(InternalDataListBulkActions, null)) })));
-    function isIndeterminate() {
-        if (isSelectAll)
-            return selectedIDs.length > 0;
-        return selectedCount > 0 && !isAllSelected();
-    }
-    function isAllSelected() {
-        if (isSelectAll)
-            return true;
-        // If there's a totalCount, we can use that to accurately determine if the
-        // user have "selected all".
-        if (totalCount) {
-            return totalCount === selectedCount;
-        }
-        // Otherwise, we'll use the total count of data. This is not as reliable, as
-        // it's possible that the would select all loaded data while we're
-        // loading more. It's still hard to get to that state as the load more
-        // triggers before you see the last item.
-        return data.length > 0 && selectedCount >= data.length;
-    }
-    function handleSelectAll() {
-        if (isAllSelected()) {
-            return onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll([]);
-        }
-        onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll({ totalCount: getTotalCount(), unselected: [] });
-    }
-    function getTotalCount() {
-        if (selected && "totalCount" in selected)
-            return selected.totalCount;
-        if (totalCount)
-            return totalCount;
-        return 0;
-    }
-}
-
-function DataListHeader() {
-    const breakpoints = useResponsiveSizing();
-    const { headerVisibility = { xs: true, sm: true, md: true, lg: true, xl: true }, headers, layoutBreakpoints, } = useDataListContext();
-    const { hasAtLeastOneSelected } = useBatchSelect();
-    const size = getVisibleSize();
-    const { layout } = useActiveLayout();
-    const visible = headerVisibility[size];
-    if ((!visible && !hasAtLeastOneSelected) || !layout)
-        return null;
-    const headerData = generateHeaderElements(headers);
-    if (!headerData)
-        return null;
-    return (React.createElement("div", { className: styles.headerTitles },
-        React.createElement(DataListHeaderCheckbox, null, layout(headerData))));
-    function getVisibleSize() {
-        const visibilityKeys = Object.keys(headerVisibility);
-        const headerBreakpoints = sortBreakpoints(visibilityKeys).reverse();
-        const visibleHeaderSize = headerBreakpoints.find(key => breakpoints[key]);
-        return visibleHeaderSize || layoutBreakpoints[0];
-    }
-}
-
-export { DataListHeader as D };

package/dist/DataListHeader-D5iNjhk1.js

@@ -1,95 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataListContext = require('./DataListContext-qFN5DiHI.js');
-var DataList_utils = require('./DataList.utils-BjG-otvz.js');
-var useResponsiveSizing = require('./useResponsiveSizing-DB6K2Viw.js');
-var classnames = require('classnames');
-var AnimatedSwitcher = require('./AnimatedSwitcher-D_Qj_hx5.js');
-var Text = require('./Text-BKFV1Z0j.js');
-var Button = require('./Button-BPYGeGx2.js');
-var Checkbox = require('./Checkbox-DDDvFfUJ.js');
-var DataList = require('./DataList-C_diEjjb.js');
-var DataListBulkActions = require('./DataListBulkActions-BEFyOkWd.js');
-var useBatchSelect = require('./useBatchSelect-rQ55uZ7U.js');
-var useActiveLayout = require('./useActiveLayout-BSipZn9t.js');
-
-function DataListHeaderCheckbox({ children }) {
-    const { sm } = useResponsiveSizing.useResponsiveSizing();
-    const { data, totalCount } = DataListContext.useDataListContext();
-    const { canSelectAll, hasAtLeastOneSelected, isSelectAll, selectedCount, selectedIDs, selected, onSelectAll, onSelect, } = useBatchSelect.useBatchSelect();
-    // If there's no onSelectAll or onSelect, we don't need to render the checkbox.
-    if (!canSelectAll)
-        return children;
-    const deselectText = sm ? "Deselect All" : "Deselect";
-    const selectedLabel = selectedCount ? `${selectedCount} selected` : "";
-    return (React.createElement("div", { className: DataList.styles.selectable },
-        React.createElement("div", { className: classnames(DataList.styles.selectAllCheckbox, {
-                [DataList.styles.visible]: canSelectAll,
-            }) },
-            React.createElement(Checkbox.Checkbox, { checked: isAllSelected(), indeterminate: isIndeterminate(), onChange: handleSelectAll },
-                React.createElement("div", { className: DataList.styles.srOnly }, selectedLabel))),
-        React.createElement(AnimatedSwitcher.AnimatedSwitcher, { switched: hasAtLeastOneSelected, initialChild: children, switchTo: React.createElement("div", { className: DataList.styles.batchSelectContainer },
-                React.createElement("div", { className: DataList.styles.headerBatchSelect },
-                    Boolean(selectedCount) && React.createElement(Text.Text, null,
-                        selectedCount,
-                        " selected"),
-                    React.createElement(Button.Button, { label: deselectText, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect([]), type: "tertiary" })),
-                React.createElement(DataListBulkActions.InternalDataListBulkActions, null)) })));
-    function isIndeterminate() {
-        if (isSelectAll)
-            return selectedIDs.length > 0;
-        return selectedCount > 0 && !isAllSelected();
-    }
-    function isAllSelected() {
-        if (isSelectAll)
-            return true;
-        // If there's a totalCount, we can use that to accurately determine if the
-        // user have "selected all".
-        if (totalCount) {
-            return totalCount === selectedCount;
-        }
-        // Otherwise, we'll use the total count of data. This is not as reliable, as
-        // it's possible that the would select all loaded data while we're
-        // loading more. It's still hard to get to that state as the load more
-        // triggers before you see the last item.
-        return data.length > 0 && selectedCount >= data.length;
-    }
-    function handleSelectAll() {
-        if (isAllSelected()) {
-            return onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll([]);
-        }
-        onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll({ totalCount: getTotalCount(), unselected: [] });
-    }
-    function getTotalCount() {
-        if (selected && "totalCount" in selected)
-            return selected.totalCount;
-        if (totalCount)
-            return totalCount;
-        return 0;
-    }
-}
-
-function DataListHeader() {
-    const breakpoints = useResponsiveSizing.useResponsiveSizing();
-    const { headerVisibility = { xs: true, sm: true, md: true, lg: true, xl: true }, headers, layoutBreakpoints, } = DataListContext.useDataListContext();
-    const { hasAtLeastOneSelected } = useBatchSelect.useBatchSelect();
-    const size = getVisibleSize();
-    const { layout } = useActiveLayout.useActiveLayout();
-    const visible = headerVisibility[size];
-    if ((!visible && !hasAtLeastOneSelected) || !layout)
-        return null;
-    const headerData = DataList_utils.generateHeaderElements(headers);
-    if (!headerData)
-        return null;
-    return (React.createElement("div", { className: DataList.styles.headerTitles },
-        React.createElement(DataListHeaderCheckbox, null, layout(headerData))));
-    function getVisibleSize() {
-        const visibilityKeys = Object.keys(headerVisibility);
-        const headerBreakpoints = DataList_utils.sortBreakpoints(visibilityKeys).reverse();
-        const visibleHeaderSize = headerBreakpoints.find(key => breakpoints[key]);
-        return visibleHeaderSize || layoutBreakpoints[0];
-    }
-}
-
-exports.DataListHeader = DataListHeader;