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

package/dist/DataListTags-C5inHFOR.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var InlineLabel = require('./InlineLabel-BPjH1ASc.js');
-var Text = require('./Text-D9gsHxbp.js');
-
-var css_248z = "._8MYxAQYdZzM- {\n  position: relative;\n}\n\n.WRV-UmQmPzo- {\n  --inline-label-height: calc(\n    var(--typography--fontSize-small) * 1.5 + calc(var(--space-smaller) * 1.25) *\n      2\n  );\n\n  display: -ms-flexbox;\n\n  display: flex;\n  z-index: var(--elevation-default);\n  max-height: calc((\n    var(--typography--fontSize-small) * 1.5 + (var(--space-smaller) * 1.25) *\n      2\n  ) * 2);\n  max-height: calc(calc(\n    var(--typography--fontSize-small) * 1.5 + calc(var(--space-smaller) * 1.25) *\n      2\n  ) * 2);\n  max-height: calc(var(--inline-label-height) * 2);\n  overflow: hidden;\n  white-space: nowrap;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  gap: var(--space-smaller);\n}\n\n.ND-cN-mX5-c- {\n  -webkit-mask-image: linear-gradient(\n    to left,\n    transparent,\n    transparent var(--space-large),\n    rgba(0, 0, 0, 1) var(--space-largest),\n    rgba(0, 0, 0, 1)\n  );\n          mask-image: linear-gradient(\n    to left,\n    transparent,\n    transparent var(--space-large),\n    rgba(0, 0, 0, 1) var(--space-largest),\n    rgba(0, 0, 0, 1)\n  );\n}\n\n.liQeWCMenD0- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  -ms-flex-align: center;\n      align-items: center;\n}\n";
-var styles = {"tagWrapper":"_8MYxAQYdZzM-","tags":"WRV-UmQmPzo-","tagsMask":"ND-cN-mX5-c-","tagCount":"liQeWCMenD0-"};
-styleInject_es.styleInject(css_248z);
-
-function DataListTags({ items }) {
-    const ref = React.useRef(null);
-    const [visibleIndex, setVisibleIndex] = React.useState([]);
-    const visibleItems = visibleIndex.filter(Boolean).length;
-    const shouldShowTagCount = Boolean(visibleItems);
-    React.useEffect(() => {
-        var _a;
-        if (!window.IntersectionObserver)
-            return;
-        setVisibleIndex([]);
-        const observer = new IntersectionObserver(handleIntersection, {
-            root: ref.current,
-            threshold: buildIntersectionThreshold(items),
-        });
-        const elements = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-tag-element]");
-        elements === null || elements === void 0 ? void 0 : elements.forEach(element => observer.observe(element));
-        return () => {
-            elements === null || elements === void 0 ? void 0 : elements.forEach(element => observer.unobserve(element));
-        };
-    }, [items]);
-    return (React.createElement("div", { className: styles.tagWrapper, ref: ref },
-        React.createElement("div", { className: classnames(styles.tags, {
-                [styles.tagsMask]: shouldShowTagCount,
-            }) }, items.filter(Boolean).map((tag, index) => (React.createElement("div", { key: tag, "data-tag-element": index },
-            React.createElement(InlineLabel.InlineLabel, null, tag))))),
-        shouldShowTagCount && (React.createElement("div", { className: styles.tagCount },
-            React.createElement(Text.Text, null,
-                "+",
-                visibleItems)))));
-    function handleIntersection(...[entries]) {
-        entries.forEach(entry => {
-            const index = entry.target.getAttribute("data-tag-element");
-            const indexNumber = Number(index);
-            if (!index || isNaN(indexNumber))
-                return;
-            setVisibleIndex(prevState => {
-                const newState = [...prevState];
-                newState[indexNumber] = entry.intersectionRatio !== 1;
-                return newState;
-            });
-        });
-    }
-}
-function buildIntersectionThreshold(items) {
-    const thresholds = [];
-    const totalItems = items.length;
-    for (let i = 1.0; i <= totalItems; i++) {
-        const ratio = i / totalItems;
-        thresholds.push(ratio);
-    }
-    thresholds.push(0);
-    return thresholds;
-}
-
-exports.DataListTags = DataListTags;

package/dist/DataListTags-CHZr9DW3.js

@@ -1,65 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { I as InlineLabel } from './InlineLabel-x3msDD5R.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-
-var css_248z = "._8MYxAQYdZzM- {\n  position: relative;\n}\n\n.WRV-UmQmPzo- {\n  --inline-label-height: calc(\n    var(--typography--fontSize-small) * 1.5 + calc(var(--space-smaller) * 1.25) *\n      2\n  );\n\n  display: -ms-flexbox;\n\n  display: flex;\n  z-index: var(--elevation-default);\n  max-height: calc((\n    var(--typography--fontSize-small) * 1.5 + (var(--space-smaller) * 1.25) *\n      2\n  ) * 2);\n  max-height: calc(calc(\n    var(--typography--fontSize-small) * 1.5 + calc(var(--space-smaller) * 1.25) *\n      2\n  ) * 2);\n  max-height: calc(var(--inline-label-height) * 2);\n  overflow: hidden;\n  white-space: nowrap;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  gap: var(--space-smaller);\n}\n\n.ND-cN-mX5-c- {\n  -webkit-mask-image: linear-gradient(\n    to left,\n    transparent,\n    transparent var(--space-large),\n    rgba(0, 0, 0, 1) var(--space-largest),\n    rgba(0, 0, 0, 1)\n  );\n          mask-image: linear-gradient(\n    to left,\n    transparent,\n    transparent var(--space-large),\n    rgba(0, 0, 0, 1) var(--space-largest),\n    rgba(0, 0, 0, 1)\n  );\n}\n\n.liQeWCMenD0- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  -ms-flex-align: center;\n      align-items: center;\n}\n";
-var styles = {"tagWrapper":"_8MYxAQYdZzM-","tags":"WRV-UmQmPzo-","tagsMask":"ND-cN-mX5-c-","tagCount":"liQeWCMenD0-"};
-styleInject(css_248z);
-
-function DataListTags({ items }) {
-    const ref = useRef(null);
-    const [visibleIndex, setVisibleIndex] = useState([]);
-    const visibleItems = visibleIndex.filter(Boolean).length;
-    const shouldShowTagCount = Boolean(visibleItems);
-    useEffect(() => {
-        var _a;
-        if (!window.IntersectionObserver)
-            return;
-        setVisibleIndex([]);
-        const observer = new IntersectionObserver(handleIntersection, {
-            root: ref.current,
-            threshold: buildIntersectionThreshold(items),
-        });
-        const elements = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-tag-element]");
-        elements === null || elements === void 0 ? void 0 : elements.forEach(element => observer.observe(element));
-        return () => {
-            elements === null || elements === void 0 ? void 0 : elements.forEach(element => observer.unobserve(element));
-        };
-    }, [items]);
-    return (React.createElement("div", { className: styles.tagWrapper, ref: ref },
-        React.createElement("div", { className: classnames(styles.tags, {
-                [styles.tagsMask]: shouldShowTagCount,
-            }) }, items.filter(Boolean).map((tag, index) => (React.createElement("div", { key: tag, "data-tag-element": index },
-            React.createElement(InlineLabel, null, tag))))),
-        shouldShowTagCount && (React.createElement("div", { className: styles.tagCount },
-            React.createElement(Text, null,
-                "+",
-                visibleItems)))));
-    function handleIntersection(...[entries]) {
-        entries.forEach(entry => {
-            const index = entry.target.getAttribute("data-tag-element");
-            const indexNumber = Number(index);
-            if (!index || isNaN(indexNumber))
-                return;
-            setVisibleIndex(prevState => {
-                const newState = [...prevState];
-                newState[indexNumber] = entry.intersectionRatio !== 1;
-                return newState;
-            });
-        });
-    }
-}
-function buildIntersectionThreshold(items) {
-    const thresholds = [];
-    const totalItems = items.length;
-    for (let i = 1.0; i <= totalItems; i++) {
-        const ratio = i / totalItems;
-        thresholds.push(ratio);
-    }
-    thresholds.push(0);
-    return thresholds;
-}
-
-export { DataListTags as D };

package/dist/DataListTotalCount-B9K3hGqp.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Text = require('./Text-D9gsHxbp.js');
-var Glimmer = require('./Glimmer-Cgcy2Ruw.js');
-
-var css_248z = ".F56prQsXm3A- {\n  min-width: 80px;\n  margin-left: var(--space-small);\n}\n";
-var styles = {"results":"F56prQsXm3A-"};
-styleInject_es.styleInject(css_248z);
-
-const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
-function DataListTotalCount({ totalCount, loading, }) {
-    if (totalCount === undefined)
-        return null;
-    let output = null;
-    if (totalCount === null && loading) {
-        output = React.createElement(Glimmer.Glimmer, { size: "auto", shape: "rectangle" });
-    }
-    if (typeof totalCount === "number") {
-        output = (React.createElement(Text.Text, { variation: "subdued" },
-            "(",
-            totalCount.toLocaleString(),
-            " results)"));
-    }
-    return (React.createElement("div", { className: styles.results, "data-testid": DATALIST_TOTALCOUNT_TEST_ID }, output));
-}
-
-exports.DATALIST_TOTALCOUNT_TEST_ID = DATALIST_TOTALCOUNT_TEST_ID;
-exports.DataListTotalCount = DataListTotalCount;

package/dist/DataListTotalCount-Dzzm_buN.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-import { G as Glimmer } from './Glimmer-Dz1E9Bo5.js';
-
-var css_248z = ".F56prQsXm3A- {\n  min-width: 80px;\n  margin-left: var(--space-small);\n}\n";
-var styles = {"results":"F56prQsXm3A-"};
-styleInject(css_248z);
-
-const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
-function DataListTotalCount({ totalCount, loading, }) {
-    if (totalCount === undefined)
-        return null;
-    let output = null;
-    if (totalCount === null && loading) {
-        output = React.createElement(Glimmer, { size: "auto", shape: "rectangle" });
-    }
-    if (typeof totalCount === "number") {
-        output = (React.createElement(Text, { variation: "subdued" },
-            "(",
-            totalCount.toLocaleString(),
-            " results)"));
-    }
-    return (React.createElement("div", { className: styles.results, "data-testid": DATALIST_TOTALCOUNT_TEST_ID }, output));
-}
-
-export { DATALIST_TOTALCOUNT_TEST_ID as D, DataListTotalCount as a };

package/dist/DataTable/index.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-var DataTable = require('../DataTable-CMTFBvO6.js');
-var helpers = require('../helpers-y1-dsK59.js');
-var reactTable = require('@tanstack/react-table');
-require('classnames');
-require('react');
-require('../useResizeObserver-BwGseyVc.js');
-require('../_commonjsHelpers-B83fTs8d.js');
-require('../debounce-CJA36ltI.js');
-require('../isObjectLike-BUFV4ggG.js');
-require('../isSymbol-DS9vlqp3.js');
-require('../style-inject.es-XZHJH68X.js');
-require('../Glimmer-Cgcy2Ruw.js');
-require('../tslib.es6-ld72nsZq.js');
-require('../Content-B8Od1cqS.js');
-require('../Option-CbvjqSHC.js');
-require('../FormField-hCrwUWca.js');
-require('react-hook-form');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../Typography-Dx8KtnBw.js');
-require('../Text-D9gsHxbp.js');
-require('../InputValidation-DIwnbDDv.js');
-require('framer-motion');
-require('../Spinner-DT15aa_r.js');
-
-
-
-exports.DataTable = DataTable.DataTable;
-exports.mockContainerWidth = helpers.mockContainerWidth;
-Object.defineProperty(exports, "createColumnHelper", {
-	enumerable: true,
-	get: function () { return reactTable.createColumnHelper; }
-});

package/dist/DataTable/index.mjs

@@ -1,26 +0,0 @@
-export { D as DataTable } from '../DataTable-D0MIpeXc.js';
-export { m as mockContainerWidth } from '../helpers-B7JgOXZj.js';
-export { createColumnHelper } from '@tanstack/react-table';
-import 'classnames';
-import 'react';
-import '../useResizeObserver-ZgXMUTij.js';
-import '../_commonjsHelpers-E-ZsRS8r.js';
-import '../debounce-D3te8_TG.js';
-import '../isObjectLike-CkQBn_-v.js';
-import '../isSymbol-BB8mecpv.js';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Glimmer-Dz1E9Bo5.js';
-import '../tslib.es6-Df1SgIEn.js';
-import '../Content-BknIp35w.js';
-import '../Option-CK6AzE_2.js';
-import '../FormField-D2Dlrypi.js';
-import 'react-hook-form';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../Typography-G8pA_xwj.js';
-import '../Text-DEviM1Tv.js';
-import '../InputValidation-BmgvSw0e.js';
-import 'framer-motion';
-import '../Spinner-BOhyUAA_.js';

package/dist/DataTable/test-utilities/index.cjs

@@ -1,246 +0,0 @@
-'use strict';
-
-var helpers = require('../../helpers-y1-dsK59.js');
-require('../../useResizeObserver-BwGseyVc.js');
-require('../../_commonjsHelpers-B83fTs8d.js');
-require('react');
-require('../../debounce-CJA36ltI.js');
-require('../../isObjectLike-BUFV4ggG.js');
-require('../../isSymbol-DS9vlqp3.js');
-
-const data = [
-    {
-        name: "Eddard",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "No",
-    },
-    {
-        name: "Catelyn",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "No",
-    },
-    {
-        name: "Jon Snow",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "Yes",
-    },
-    {
-        name: "Robert",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "No",
-    },
-    {
-        name: "Rickon",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "No",
-    },
-    {
-        name: "Robert",
-        house: "Baratheon",
-        region: "Stormlands",
-        sigil: "Black Stag",
-        isAlive: "No",
-    },
-    {
-        name: "Cercei",
-        house: "Lannister",
-        region: "Westerlands",
-        sigil: "Golden Lion",
-        isAlive: "Yes",
-    },
-    {
-        name: "Sansa",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "Yes",
-    },
-    {
-        name: "Arya",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "Yes",
-    },
-    {
-        name: "Bran",
-        house: "Stark",
-        region: "North",
-        sigil: "Direwolf",
-        isAlive: "Yes",
-    },
-    {
-        name: "Joffrey",
-        house: "Baratheon",
-        region: "Stormlands",
-        sigil: "Black Stag",
-        isAlive: "No",
-    },
-    {
-        name: "Myrcella",
-        house: "Baratheon",
-        region: "Stormlands",
-        sigil: "Black Stag",
-        isAlive: "Yes",
-    },
-    {
-        name: "Tommen",
-        house: "Baratheon",
-        region: "Stormlands",
-        sigil: "Black Stag",
-        isAlive: "Yes",
-    },
-];
-const columns = [
-    {
-        accessorKey: "name",
-        cell: info => info.getValue(),
-        header: "Name",
-    },
-    {
-        accessorKey: "house",
-        cell: info => info.getValue(),
-        header: "House",
-    },
-    {
-        accessorKey: "region",
-        cell: info => info.getValue(),
-        header: "Region",
-    },
-    {
-        accessorKey: "sigil",
-        cell: info => info.getValue(),
-        header: "Sigil",
-    },
-    {
-        accessorKey: "isAlive",
-        accessorFn: row => (row.name === "Jon Snow" ? "Resurrected" : row.isAlive),
-        cell: info => info.getValue(),
-        header: "Alive",
-    },
-];
-const royaltyReportColumns = [
-    {
-        id: "franchiseName",
-        accessorKey: "franchiseName",
-        header: "Franchise Name",
-        footer: "Report Totals ($)",
-    },
-    {
-        id: "payment",
-        accessorKey: "payment",
-        header: "Payment ($)",
-        footer: "10,050,400",
-    },
-    {
-        id: "royaltyRate",
-        accessorKey: "royaltyRate",
-        header: "Royalty Rate (%)",
-    },
-    {
-        id: "royaltyAmount",
-        accessorKey: "royaltyAmount",
-        header: "Royalty Amount ($)",
-        footer: "300,000",
-    },
-];
-const royaltyReportData = [
-    {
-        franchiseName: "The Patch Boys of Macon and Warner Robins",
-        payment: "1,000,000",
-        royaltyRate: 5,
-        royaltyAmount: "50,000",
-    },
-    {
-        franchiseName: "The Patch Boys of San Antonio",
-        payment: "2,000,000",
-        royaltyRate: 5,
-        royaltyAmount: "40,000",
-    },
-    {
-        franchiseName: "The Patch Boys of Phoenix",
-        payment: "1,250,000",
-        royaltyRate: 8,
-        royaltyAmount: "20,000",
-    },
-];
-const columnSizeData = [
-    {
-        name: "Daenerys Stormborn of House Targaryen, the First of Her Name, Queen of the Andals and the First Men, Protector of the Seven Kingdoms, the Mother of Dragons, the Khaleesi of the Great Grass Sea, the Unburnt, the Breaker of Chains.",
-        points: "1,000,000",
-        chance: 5,
-        power: "50,000",
-    },
-    {
-        name: "Aegon “The Conqueror” Targaryen and Rhaenys Targaryen",
-        points: "2,000,000",
-        chance: 5,
-        power: "40,000",
-    },
-    {
-        name: "Jaehaerys “The Old King” Targaryen and Alysanne Targaryen",
-        points: "1,250,000",
-        chance: 8,
-        power: "20,000",
-    },
-];
-const columSizeColumns = [
-    {
-        id: "name",
-        accessorKey: "name",
-        header: "Name",
-        footer: "Totals",
-        enableResizing: false,
-        cell: (info) => info.getValue(),
-        size: 538,
-        minSize: 438,
-        maxSize: 538,
-    },
-    {
-        id: "points",
-        accessorKey: "points",
-        header: "Points",
-        footer: "10,050,400",
-        cell: (info) => info.getValue(),
-        size: 268,
-        minSize: 168,
-        maxSize: 268,
-    },
-    {
-        id: "chance",
-        accessorKey: "chance",
-        header: "Chance (%)",
-        cell: (info) => info.getValue(),
-        size: 268,
-        minSize: 168,
-        maxSize: 268,
-    },
-    {
-        id: "power",
-        accessorKey: "power",
-        header: "Power",
-        footer: "300,000",
-        cell: (info) => info.getValue(),
-        size: 268,
-        minSize: 168,
-        maxSize: 268,
-    },
-];
-
-exports.mockContainerWidth = helpers.mockContainerWidth;
-exports.columSizeColumns = columSizeColumns;
-exports.columnSizeData = columnSizeData;
-exports.columns = columns;
-exports.data = data;
-exports.royaltyReportColumns = royaltyReportColumns;
-exports.royaltyReportData = royaltyReportData;