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

package/dist/DataListTotalCount-BMMWDIFi.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var Text = require('./Text-CuGgzpie.js');
+var Glimmer = require('./Glimmer-ZDIXl8XO.js');
+
+var styles = {"results":"F56prQsXm3A-"};
+
+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-Di2u6JlN.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { T as Text } from './Text-C3-8gHkD.js';
+import { G as Glimmer } from './Glimmer-DJ9psf2S.js';
+
+var styles = {"results":"F56prQsXm3A-"};
+
+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/Body.d.ts

@@ -1,10 +1,10 @@
 import { Row, Table } from "@tanstack/react-table";
 import { ReactNode } from "react";
 interface BodyProps<T> {
-    table: Table<T>;
-    onRowClick?: (row: Row<T>) => void;
-    emptyState?: ReactNode | ReactNode[];
-    loading: boolean;
+    readonly table: Table<T>;
+    readonly onRowClick?: (row: Row<T>) => void;
+    readonly emptyState?: ReactNode | ReactNode[];
+    readonly loading: boolean;
 }
 export declare function Body<T extends object>({ table, onRowClick, emptyState, loading, }: BodyProps<T>): JSX.Element;
 export {};

package/dist/DataTable/BodyLoading.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Table } from "@tanstack/react-table";
 interface BodyLoadingProps<T> {
-    table: Table<T>;
+    readonly table: Table<T>;
 }
 export declare function BodyLoading<T extends object>({ table }: BodyLoadingProps<T>): JSX.Element;
 export {};

package/dist/DataTable/Footer.d.ts

@@ -1,7 +1,7 @@
 import { Table } from "@tanstack/react-table";
 export type ViewType = "desktop" | "handheld";
 export interface FooterProps<T> {
-    table: Table<T>;
-    viewType?: ViewType;
+    readonly table: Table<T>;
+    readonly viewType?: ViewType;
 }
 export declare const Footer: <T extends object>({ table, viewType, }: FooterProps<T>) => JSX.Element | null;

package/dist/DataTable/Header.d.ts

@@ -2,10 +2,10 @@
 import { Row, Table } from "@tanstack/react-table";
 import { SortingType } from "./types";
 interface HeaderProps<T> {
-    table: Table<T>;
-    stickyHeader?: boolean;
-    sorting?: SortingType;
-    onRowClick?: (row: Row<T>) => void;
+    readonly table: Table<T>;
+    readonly stickyHeader?: boolean;
+    readonly sorting?: SortingType;
+    readonly onRowClick?: (row: Row<T>) => void;
 }
 export declare function Header<T extends object>({ table, stickyHeader, sorting, onRowClick, }: HeaderProps<T>): JSX.Element;
 export {};

package/dist/DataTable/SortIcon.d.ts

@@ -5,7 +5,7 @@ export declare enum SortDirection {
     equilibrium = 2
 }
 interface SortIconProps {
-    direction: SortDirection;
+    readonly direction: SortDirection;
 }
 export declare function SortIcon({ direction }: SortIconProps): JSX.Element;
 export {};

package/dist/DataTable/index.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var DataTable = require('../DataTable-BncdMtw_.js');
+var helpers = require('../helpers-vudHs7FO.js');
+var reactTable = require('@tanstack/react-table');
+require('classnames');
+require('react');
+require('../useResizeObserver-B4v7ebGO.js');
+require('../_commonjsHelpers-BZy5LDD5.js');
+require('../debounce-pg3VOrFc.js');
+require('../isObjectLike-D1IeOnmx.js');
+require('../isSymbol-Bbb_qQGw.js');
+require('../Glimmer-ZDIXl8XO.js');
+require('../tslib.es6-6AwvlbWV.js');
+require('../Content-DQHuNmbK.js');
+require('../Option-CR1rmEH-.js');
+require('../FormField-CEojfV6Q.js');
+require('react-hook-form');
+require('framer-motion');
+require('@jobber/design');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Icon-fa-Ii8qc.js');
+require('../Typography-Dcec2MjG.js');
+require('../Text-CuGgzpie.js');
+require('../useFormFieldFocus-vUhlDUFH.js');
+require('../InputValidation-BjitowrV.js');
+require('../Spinner-b5Q8KXRQ.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

@@ -0,0 +1,26 @@
+export { D as DataTable } from '../DataTable-oaYgIuQ5.js';
+export { m as mockContainerWidth } from '../helpers-CCrssqPg.js';
+export { createColumnHelper } from '@tanstack/react-table';
+import 'classnames';
+import 'react';
+import '../useResizeObserver-CvdP2RtU.js';
+import '../_commonjsHelpers-Dy2IPW0w.js';
+import '../debounce-BBtff9-S.js';
+import '../isObjectLike-CcKIYba1.js';
+import '../isSymbol-BmwHOL7f.js';
+import '../Glimmer-DJ9psf2S.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import '../Content-D7e26CKa.js';
+import '../Option-6fbSqhDe.js';
+import '../FormField-BTV2b0gy.js';
+import 'react-hook-form';
+import 'framer-motion';
+import '@jobber/design';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '../Typography-BD0mo9T9.js';
+import '../Text-C3-8gHkD.js';
+import '../useFormFieldFocus-CjqwY0nh.js';
+import '../InputValidation-CM_L0IJg.js';
+import '../Spinner-Bg1QOlTK.js';

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

@@ -0,0 +1,246 @@
+'use strict';
+
+var helpers = require('../../helpers-vudHs7FO.js');
+require('../../useResizeObserver-B4v7ebGO.js');
+require('../../_commonjsHelpers-BZy5LDD5.js');
+require('react');
+require('../../debounce-pg3VOrFc.js');
+require('../../isObjectLike-D1IeOnmx.js');
+require('../../isSymbol-Bbb_qQGw.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;

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

@@ -0,0 +1,238 @@
+export { m as mockContainerWidth } from '../../helpers-CCrssqPg.js';
+import '../../useResizeObserver-CvdP2RtU.js';
+import '../../_commonjsHelpers-Dy2IPW0w.js';
+import 'react';
+import '../../debounce-BBtff9-S.js';
+import '../../isObjectLike-CcKIYba1.js';
+import '../../isSymbol-BmwHOL7f.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,
+    },
+];
+
+export { columSizeColumns, columnSizeData, columns, data, royaltyReportColumns, royaltyReportData };