@jobber/components 6.85.2 → 6.85.3-CLEANUPre-6d043f4.28

package/dist/DataTable-es.js

@@ -1,7 +1,7 @@
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import classnames from 'classnames';
 import React__default, { useCallback, useMemo } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-es.js';
+import { useResizeObserver, Breakpoints } from '@jobber/hooks';
 import { G as Glimmer } from './Glimmer-es.js';
 import { _ as __rest } from './tslib.es6-es.js';
 import { Select, Option as SelectOption } from './Select/index.mjs';
@@ -175,7 +175,7 @@ function Header({ table, stickyHeader, sorting, onRowClick, }) {
 }
 
 function DataTable({ data, columns, pagination, sorting, height, stickyHeader, pinFirstColumn, onRowClick, emptyState, loading = false, }) {
-    const [ref, { exactWidth }] = useResizeObserver.useResizeObserver();
+    const [ref, { exactWidth }] = useResizeObserver();
     const tableSettings = createTableSettings(data, columns, {
         pagination,
         sorting,
@@ -191,10 +191,10 @@ function DataTable({ data, columns, pagination, sorting, height, stickyHeader, p
                 React__default.createElement(Body, { table: table, onRowClick: onRowClick, emptyState: emptyState, loading: loading }),
                 table.getRowModel().rows.length &&
                     exactWidth &&
-                    exactWidth > useResizeObserver.Breakpoints.small ? (React__default.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
+                    exactWidth > Breakpoints.small ? (React__default.createElement(Footer, { table: table, viewType: "desktop" })) : null)),
         table.getRowModel().rows.length &&
             exactWidth &&
-            exactWidth <= useResizeObserver.Breakpoints.small ? (React__default.createElement(Footer, { table: table })) : null,
+            exactWidth <= Breakpoints.small ? (React__default.createElement(Footer, { table: table })) : null,
         pagination && (React__default.createElement(Pagination, { table: table, itemsPerPage: pagination.itemsPerPage, totalItems: pagination.manualPagination
                 ? pagination.totalItems
                 : table.getCoreRowModel().rows.length, loading: loading, onPageChange: () => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, 0); } }))));

package/dist/DataTableTable-cjs.js

@@ -42,11 +42,11 @@ function SortIcon({ direction }) {
 var styles = {"container":"_1-DPmbxOkZ8-","tableElement":"kJeYcsgg700-","header":"_5d2OcsTVgzU-","headerCell":"LTx0tCU3F2I-","sortableButton":"WTQCrd2d8nw-","focusArea":"RipbH3rRU-E-","row":"sJQbtw-NEHU-","cell":"_1UpLYTK64uY-","footer":"qe-6UrAFLTo-","actions":"_2fZsLSaNPnI-","rowActions":"pElxuwpGmCI-","pagination":"thJ-CSoe0ps-","spinning":"EBpmC7cZzCs-"};
 
 function DataTableActions(props) {
-    return (React.createElement("div", Object.assign({ className: classnames(styles.actions, props.className) }, props), props.children));
+    return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.actions, props.className) }), props.children));
 }
 
 function DataTableBody(props) {
-    return (React.createElement("tbody", Object.assign({ className: classnames(props.className) }, props), props.children));
+    return (React.createElement("tbody", Object.assign({}, props, { className: classnames(props.className) }), props.children));
 }
 
 const DataTableCell = React.forwardRef((props, ref) => {
@@ -55,18 +55,18 @@ const DataTableCell = React.forwardRef((props, ref) => {
 DataTableCell.displayName = "DataTableCell";
 
 function DataTableContainer(props) {
-    return (React.createElement("div", Object.assign({ className: classnames(styles.container, props.className) }, props), props.children));
+    return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.container, props.className) }), props.children));
 }
 
 function DataTableFooter(_a) {
     var { children, className, colSpan } = _a, props = tslib_es6.__rest(_a, ["children", "className", "colSpan"]);
-    return (React.createElement("tfoot", Object.assign({ className: classnames(styles.footer, className) }, props),
+    return (React.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
         React.createElement("tr", null,
             React.createElement("td", { colSpan: colSpan }, children))));
 }
 
 function DataTableHeader(props) {
-    return (React.createElement("thead", Object.assign({ className: classnames(styles.header, props.className) }, props),
+    return (React.createElement("thead", Object.assign({}, props, { className: classnames(styles.header, props.className) }),
         React.createElement("tr", null, props.children)));
 }
 
@@ -77,7 +77,7 @@ DataTableHeaderCell.displayName = "DataTableHeaderCell";
 
 function DataTablePagination(_a) {
     var { children, className } = _a, props = tslib_es6.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ className: classnames(styles.pagination, className) }, props), children));
+    return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.pagination, className) }), children));
 }
 
 function DataTablePaginationButton({ direction, onClick, disabled = false, ariaLabel, }) {
@@ -86,7 +86,7 @@ function DataTablePaginationButton({ direction, onClick, disabled = false, ariaL
 }
 
 const DataTableRow = React.forwardRef((props, ref) => {
-    return (React.createElement("tr", Object.assign({ className: classnames(styles.row, props.className), ref: ref }, props), props.children));
+    return (React.createElement("tr", Object.assign({}, props, { className: classnames(styles.row, props.className), ref: ref }), props.children));
 });
 DataTableRow.displayName = "DataTableRow";
 
@@ -108,7 +108,7 @@ function DataTableSortableHeader(props) {
 }
 
 function DataTableTable(props) {
-    return (React.createElement("table", Object.assign({ className: classnames(styles.tableElement, props.className) }, props), props.children));
+    return (React.createElement("table", Object.assign({}, props, { className: classnames(styles.tableElement, props.className) }), props.children));
 }
 
 exports.DataTableActions = DataTableActions;

package/dist/DataTableTable-es.js

@@ -40,11 +40,11 @@ function SortIcon({ direction }) {
 var styles = {"container":"_1-DPmbxOkZ8-","tableElement":"kJeYcsgg700-","header":"_5d2OcsTVgzU-","headerCell":"LTx0tCU3F2I-","sortableButton":"WTQCrd2d8nw-","focusArea":"RipbH3rRU-E-","row":"sJQbtw-NEHU-","cell":"_1UpLYTK64uY-","footer":"qe-6UrAFLTo-","actions":"_2fZsLSaNPnI-","rowActions":"pElxuwpGmCI-","pagination":"thJ-CSoe0ps-","spinning":"EBpmC7cZzCs-"};
 
 function DataTableActions(props) {
-    return (React__default.createElement("div", Object.assign({ className: classnames(styles.actions, props.className) }, props), props.children));
+    return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.actions, props.className) }), props.children));
 }
 
 function DataTableBody(props) {
-    return (React__default.createElement("tbody", Object.assign({ className: classnames(props.className) }, props), props.children));
+    return (React__default.createElement("tbody", Object.assign({}, props, { className: classnames(props.className) }), props.children));
 }
 
 const DataTableCell = forwardRef((props, ref) => {
@@ -53,18 +53,18 @@ const DataTableCell = forwardRef((props, ref) => {
 DataTableCell.displayName = "DataTableCell";
 
 function DataTableContainer(props) {
-    return (React__default.createElement("div", Object.assign({ className: classnames(styles.container, props.className) }, props), props.children));
+    return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.container, props.className) }), props.children));
 }
 
 function DataTableFooter(_a) {
     var { children, className, colSpan } = _a, props = __rest(_a, ["children", "className", "colSpan"]);
-    return (React__default.createElement("tfoot", Object.assign({ className: classnames(styles.footer, className) }, props),
+    return (React__default.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
         React__default.createElement("tr", null,
             React__default.createElement("td", { colSpan: colSpan }, children))));
 }
 
 function DataTableHeader(props) {
-    return (React__default.createElement("thead", Object.assign({ className: classnames(styles.header, props.className) }, props),
+    return (React__default.createElement("thead", Object.assign({}, props, { className: classnames(styles.header, props.className) }),
         React__default.createElement("tr", null, props.children)));
 }
 
@@ -75,7 +75,7 @@ DataTableHeaderCell.displayName = "DataTableHeaderCell";
 
 function DataTablePagination(_a) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("div", Object.assign({ className: classnames(styles.pagination, className) }, props), children));
+    return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.pagination, className) }), children));
 }
 
 function DataTablePaginationButton({ direction, onClick, disabled = false, ariaLabel, }) {
@@ -84,7 +84,7 @@ function DataTablePaginationButton({ direction, onClick, disabled = false, ariaL
 }
 
 const DataTableRow = forwardRef((props, ref) => {
-    return (React__default.createElement("tr", Object.assign({ className: classnames(styles.row, props.className), ref: ref }, props), props.children));
+    return (React__default.createElement("tr", Object.assign({}, props, { className: classnames(styles.row, props.className), ref: ref }), props.children));
 });
 DataTableRow.displayName = "DataTableRow";
 
@@ -106,7 +106,7 @@ function DataTableSortableHeader(props) {
 }
 
 function DataTableTable(props) {
-    return (React__default.createElement("table", Object.assign({ className: classnames(styles.tableElement, props.className) }, props), props.children));
+    return (React__default.createElement("table", Object.assign({}, props, { className: classnames(styles.tableElement, props.className) }), props.children));
 }
 
 export { DataTableActions as D, SortIcon as S, SortDirection as a, DataTableBody as b, DataTableCell as c, DataTableContainer as d, DataTableFooter as e, DataTableHeader as f, DataTableHeaderCell as g, DataTablePagination as h, DataTablePaginationButton as i, DataTableRow as j, DataTableRowActions as k, DataTableSortableHeader as l, DataTableTable as m };

package/dist/DatePicker/DatePickerActivator.d.ts

@@ -1,7 +1,6 @@
-import type { ChangeEvent, ReactElement, RefObject } from "react";
+import type { ChangeEvent, ReactElement } from "react";
 import React from "react";
-import type { ReactDatePickerProps } from "react-datepicker";
-import type ReactDatePicker from "react-datepicker";
+import type { DatePickerProps as ReactDatePickerProps } from "react-datepicker";
 export interface DatePickerActivatorProps extends Pick<ReactDatePickerProps, "value" | "id" | "ariaDescribedBy" | "ariaInvalid" | "ariaLabelledBy" | "ariaRequired"> {
     readonly activator?: ReactElement | ((props: DatePickerActivatorProps) => ReactElement);
     readonly fullWidth?: boolean;
@@ -10,6 +9,5 @@ export interface DatePickerActivatorProps extends Pick<ReactDatePickerProps, "va
     onClick?(): void;
     onFocus?(): void;
     onKeyDown?(): void;
-    readonly pickerRef: RefObject<ReactDatePicker>;
 }
 export declare const DatePickerActivator: React.ForwardRefExoticComponent<DatePickerActivatorProps & React.RefAttributes<HTMLElement>>;

package/dist/DatePicker/index.cjs

@@ -3,10 +3,11 @@
 var DatePicker = require('../DatePicker-cjs.js');
 require('react');
 require('classnames');
-require('../index-cjs.js');
-require('../_commonjsHelpers-cjs.js');
+require('../clsx-cjs.js');
+require('../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
-require('../useRefocusOnActivator-cjs.js');
+require('@jobber/hooks');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
@@ -14,6 +15,7 @@ require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../omit-cjs.js');
+require('../_commonjsHelpers-cjs.js');
 require('../_baseGet-cjs.js');
 require('../isTypedArray-cjs.js');
 require('../isObjectLike-cjs.js');

package/dist/DatePicker/index.mjs

@@ -1,10 +1,11 @@
 export { D as DatePicker } from '../DatePicker-es.js';
 import 'react';
 import 'classnames';
-import '../index-es.js';
-import '../_commonjsHelpers-es.js';
+import '../clsx-es.js';
+import '../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
-import '../useRefocusOnActivator-es.js';
+import '@jobber/hooks';
 import '../Typography-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
@@ -12,6 +13,7 @@ import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../omit-es.js';
+import '../_commonjsHelpers-es.js';
 import '../_baseGet-es.js';
 import '../isTypedArray-es.js';
 import '../isObjectLike-es.js';