@jobber/components 9.3.0 → 9.5.0

package/dist/ComboboxChipRemove-es.js

@@ -1,15 +1,12 @@
 import * as React from 'react';
-import { z as useControlled, b as useStableCallback, m as useValueAsRef, k as useTransitionStatus, a as useIsoLayoutEffect, J as createGenericEventDetails, G as inputClear, F as inputChange, d as createChangeEventDetails, v as focusOut, Q as outsidePress, g as getTarget, V as itemPress, f as useOpenChangeComplete, O as useValueChanged, C as none, a7 as inputPress, q as contains, D as visuallyHiddenInput, E as visuallyHidden, h as useTimeout, c as useButton, o as ownerDocument, s as stopEvent, r as listNavigation, e as closePress, u as useBaseUiId, a3 as android, _ as escapeKey, a8 as clearPress, t as transitionStatusMapping, A as ios, S as SafeReact, j as error, a9 as chipRemovePress } from './useButton-es.js';
-import { f as formatErrorMessage, b as EMPTY_ARRAY, a as useRefWithInit, E as EMPTY_OBJECT, N as NOOP, m as mergeProps, c as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
-import { a as useFormContext, b as useFieldRootContext, c as useLabelableId, d as useRegisterFieldControl, f as fieldValidityMapping, u as useLabelableContext, F as FieldRootContext, e as DEFAULT_FIELD_ROOT_CONTEXT, g as DEFAULT_FIELD_STATE_ATTRIBUTES } from './useLabelableId-es.js';
-import { u as useFloatingRootContext, a as useListNavigation, b as useTypeahead, g as getPseudoElementBounds, C as CompositeList, d as useAnchorPositioning, c as useAnchoredPopupScrollLock, e as usePositioner, f as getDisabledMountTransitionStyles, h as useCompositeListItem, I as IndexGuessBehavior } from './useCompositeListItem-es.js';
-import { h as hasNullItemLabel, c as compareItemEquality, a as stringifyAsLabel, k as isGroupedItems, s as stringifyAsValue, i as selectedValueIncludes, j as removeItem, f as findItemIndex, d as defaultItemEquality, b as areArraysEqual, r as resolveAriaLabelledBy, l as getDefaultLabelId, e as resolveMultipleLabels, g as resolveSelectedLabel } from './resolveAriaLabelledBy-es.js';
-import { al as getGridNavigatedIndex, e as isIndexOutOfListBounds, t as createSelector, r as useDirection, S as Store, w as useStore, v as useOpenInteractionType, x as useClick, y as useDismiss, F as FOCUSABLE_POPUP_PROPS, z as useOnFirstRender, B as pressableTriggerOpenStateMapping, am as gecko, Q as isInteractiveElement, af as triggerOpenStateMapping, E as FloatingPortal, p as popupStateMapping, I as InternalBackdrop, G as inertValue, H as DROPDOWN_COLLISION_AVOIDANCE, a as FloatingFocusManager } from './useScrollLock-es.js';
+import { bi as getGridNavigatedIndex, ag as isIndexOutOfListBounds, N as createSelector, a4 as useDirection, n as useControlled, V as Store, b as useStableCallback, P as useStore, q as useValueAsRef, m as useTransitionStatus, O as useOpenInteractionType, a as useIsoLayoutEffect, E as createGenericEventDetails, z as inputClear, y as inputChange, d as createChangeEventDetails, W as focusOut, X as outsidePress, g as getTarget, a9 as itemPress, f as useOpenChangeComplete, K as useValueChanged, v as none, Q as useClick, bj as inputPress, R as useDismiss, _ as contains, F as FOCUSABLE_POPUP_PROPS, U as useOnFirstRender, w as visuallyHiddenInput, x as visuallyHidden, Y as pressableTriggerOpenStateMapping, k as useTimeout, c as useButton, o as ownerDocument, L as stopEvent, aj as listNavigation, e as closePress, u as useBaseUiId, bd as android, bk as gecko, aF as escapeKey, aG as isInteractiveElement, bl as clearPress, t as transitionStatusMapping, b8 as triggerOpenStateMapping, r as ios, a0 as FloatingPortal, p as popupStateMapping, a1 as InternalBackdrop, a2 as inertValue, a3 as DROPDOWN_COLLISION_AVOIDANCE, i as FloatingFocusManager, S as SafeReact, l as error, bm as chipRemovePress } from './useScrollLock-es.js';
+import { f as formatErrorMessage, c as EMPTY_ARRAY, a as useRefWithInit, E as EMPTY_OBJECT, N as NOOP, m as mergeProps, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
+import { h as hasNullItemLabel, e as compareItemEquality, m as stringifyAsLabel, a as useFormContext, b as useFieldRootContext, c as useLabelableId, E as isGroupedItems, s as stringifyAsValue, d as useRegisterFieldControl, x as selectedValueIncludes, A as removeItem, g as findItemIndex, i as useFloatingRootContext, j as useListNavigation, l as defaultItemEquality, n as areArraysEqual, f as fieldValidityMapping, u as useLabelableContext, k as useTypeahead, r as resolveAriaLabelledBy, o as getPseudoElementBounds, F as FieldRootContext, G as DEFAULT_FIELD_ROOT_CONTEXT, H as DEFAULT_FIELD_STATE_ATTRIBUTES, C as CompositeList, v as useAnchorPositioning, t as useAnchoredPopupScrollLock, w as usePositioner, y as getDisabledMountTransitionStyles, z as useCompositeListItem, I as IndexGuessBehavior, J as getDefaultLabelId, p as resolveMultipleLabels, q as resolveSelectedLabel } from './useCompositeListItem-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { s as stringifyLocale } from './stringifyLocale-es.js';
 import { u as useLabel } from './useLabel-es.js';
-import { b as isElement } from './floating-ui.utils.dom-es.js';
+import { b as isElement } from './floating-ui.utils-es.js';
 
 /**
  * Positional arguments are deliberate: property names of an options object

package/dist/ConfirmationModal/index.cjs

@@ -21,7 +21,6 @@ require('../ButtonDismiss-cjs.js');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('../floating-ui.react-dom-cjs.js');

package/dist/ConfirmationModal/index.mjs

@@ -19,7 +19,6 @@ import '../ButtonDismiss-es.js';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import '../floating-ui.react-dom-es.js';

package/dist/DataDump/DataDump.d.ts

@@ -17,5 +17,5 @@ interface DataDebuggerProps {
      */
     readonly data: unknown;
 }
-export declare function DataDump({ label, defaultOpen, data, }: DataDebuggerProps): React.JSX.Element;
+export declare function DataDump({ label: labelProp, defaultOpen, data, }: DataDebuggerProps): React.JSX.Element;
 export {};

package/dist/DataDump/DataDump.messages.d.ts

@@ -0,0 +1,6 @@
+export declare const dataDumpMessages: {
+    rawData: {
+        en: string;
+        es: string;
+    };
+};

package/dist/DataDump/index.cjs

@@ -2,6 +2,8 @@
 
 var DataDump = require('../DataDump-cjs.js');
 require('react');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Card-cjs.js');
 require('classnames');
 require('../Heading-cjs.js');
@@ -15,29 +17,27 @@ require('../Menu-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
-require('../useAtlantisI18n-cjs.js');
-require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../buttonRenderAdapter-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
 require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
-require('../useButton-cjs.js');
 require('../scrollEdges-cjs.js');
-require('../clamp-cjs.js');
-require('../OverlaySeparator-cjs.js');
-require('../Separator-cjs.js');
+require('../HelperText-cjs.js');
+require('../Text-cjs.js');
+require('../SelectPrimitive-cjs.js');
+require('../SelectGroupLabel-cjs.js');
+require('../useCompositeListItem-cjs.js');
 require('../DrawerTitle-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
-require('../useCompositeListItem-cjs.js');
-require('../isElementDisabled-cjs.js');
 require('../Content-cjs.js');
 require('../Emphasis-cjs.js');
 

package/dist/DataDump/index.mjs

@@ -1,5 +1,7 @@
 export { D as DataDump } from '../DataDump-es.js';
 import 'react';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Card-es.js';
 import 'classnames';
 import '../Heading-es.js';
@@ -13,28 +15,26 @@ import '../Menu-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
-import '../useAtlantisI18n-es.js';
-import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../buttonRenderAdapter-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
 import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
-import '../useButton-es.js';
 import '../scrollEdges-es.js';
-import '../clamp-es.js';
-import '../OverlaySeparator-es.js';
-import '../Separator-es.js';
+import '../HelperText-es.js';
+import '../Text-es.js';
+import '../SelectPrimitive-es.js';
+import '../SelectGroupLabel-es.js';
+import '../useCompositeListItem-es.js';
 import '../DrawerTitle-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useCompositeListItem-es.js';
-import '../isElementDisabled-es.js';
 import '../Content-es.js';
 import '../Emphasis-es.js';

package/dist/DataDump-cjs.js

@@ -1,11 +1,21 @@
 'use strict';
 
 var React = require('react');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Card = require('./Card-cjs.js');
 var Content = require('./Content-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 
-function DataDump({ label = "Raw Data", defaultOpen = false, data, }) {
+const dataDumpMessages = useAtlantisI18n.defineMessages({
+    rawData: {
+        en: "Raw Data",
+        es: "Datos en bruto",
+    },
+});
+
+function DataDump({ label: labelProp, defaultOpen = false, data, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(dataDumpMessages);
+    const label = labelProp !== null && labelProp !== void 0 ? labelProp : t("rawData");
     return (React.createElement(Card.Card, { accent: "yellow" },
         React.createElement(Content.Content, null,
             React.createElement("details", { open: defaultOpen },

package/dist/DataDump-es.js

@@ -1,9 +1,19 @@
 import React__default from 'react';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { C as Card } from './Card-es.js';
 import { C as Content } from './Content-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 
-function DataDump({ label = "Raw Data", defaultOpen = false, data, }) {
+const dataDumpMessages = defineMessages({
+    rawData: {
+        en: "Raw Data",
+        es: "Datos en bruto",
+    },
+});
+
+function DataDump({ label: labelProp, defaultOpen = false, data, }) {
+    const { t } = useAtlantisI18n(dataDumpMessages);
+    const label = labelProp !== null && labelProp !== void 0 ? labelProp : t("rawData");
     return (React__default.createElement(Card, { accent: "yellow" },
         React__default.createElement(Content, null,
             React__default.createElement("details", { open: defaultOpen },

package/dist/DataList/components/DataListActions/index.cjs

@@ -5,7 +5,6 @@ require('react');
 require('../../../Tooltip-cjs.js');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListActions/index.mjs

@@ -3,7 +3,6 @@ import 'react';
 import '../../../Tooltip-es.js';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListBulkActions/index.cjs

@@ -9,7 +9,6 @@ require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListBulkActions/index.mjs

@@ -7,7 +7,6 @@ import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -9,7 +9,6 @@ require('../../../../../FilterPicker-cjs.js');
 require('../../../../../FilterPickerContent-cjs.js');
 require('classnames');
 require('../../../../../floating-ui.react-cjs.js');
-require('../../../../../floating-ui.utils.dom-cjs.js');
 require('../../../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -7,7 +7,6 @@ import '../../../../../FilterPicker-es.js';
 import '../../../../../FilterPickerContent-es.js';
 import 'classnames';
 import '../../../../../floating-ui.react-es.js';
-import '../../../../../floating-ui.utils.dom-es.js';
 import '../../../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -10,7 +10,6 @@ require('../../../FilterPicker-cjs.js');
 require('../../../FilterPickerContent-cjs.js');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -8,7 +8,6 @@ import '../../../FilterPicker-es.js';
 import '../../../FilterPickerContent-es.js';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListHeader/index.cjs

@@ -33,7 +33,6 @@ require('../../../DataListBulkActions-cjs.js');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListHeader/index.mjs

@@ -31,7 +31,6 @@ import '../../../DataListBulkActions-es.js';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListItem/index.cjs

@@ -13,7 +13,6 @@ require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListItem/index.mjs

@@ -11,7 +11,6 @@ import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListItemActions/index.cjs

@@ -9,7 +9,6 @@ require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListItemActions/index.mjs

@@ -7,7 +7,6 @@ import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListItemActionsOverflow/index.cjs

@@ -11,7 +11,6 @@ require('@jobber/design');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListItemActionsOverflow/index.mjs

@@ -9,7 +9,6 @@ import '@jobber/design';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListItems/index.cjs

@@ -15,7 +15,6 @@ require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListItems/index.mjs

@@ -13,7 +13,6 @@ import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListLayout/index.cjs

@@ -16,7 +16,6 @@ require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListLayout/index.mjs

@@ -14,7 +14,6 @@ import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/components/DataListLayoutActions/index.cjs

@@ -16,7 +16,6 @@ require('@jobber/design');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/components/DataListLayoutActions/index.mjs

@@ -14,7 +14,6 @@ import '@jobber/design';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataList/index.cjs

@@ -27,7 +27,6 @@ require('../DataListItemActions-cjs.js');
 require('../DataListActions-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/DataList/index.mjs

@@ -25,7 +25,6 @@ import '../DataListItemActions-es.js';
 import '../DataListActions-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/DataTable/DataTable.messages.d.ts

@@ -0,0 +1,22 @@
+export declare const dataTableMessages: {
+    noItems: {
+        en: string;
+        es: string;
+    };
+    "Showing {first}-{last} of {total} items": {
+        en: string;
+        es: string;
+    };
+    perPage: {
+        en: string;
+        es: string;
+    };
+    previousPage: {
+        en: string;
+        es: string;
+    };
+    nextPage: {
+        en: string;
+        es: string;
+    };
+};

package/dist/DataTable/index.cjs

@@ -10,6 +10,8 @@ require('@jobber/hooks');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../LegacySelect-cjs.js');
 require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
@@ -20,8 +22,6 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
-require('../useAtlantisI18n-cjs.js');
-require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');

package/dist/DataTable/index.mjs

@@ -8,6 +8,8 @@ import '@jobber/hooks';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../LegacySelect-es.js';
 import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
@@ -18,8 +20,6 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
-import '../useAtlantisI18n-es.js';
-import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';

package/dist/DataTable-cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var Glimmer = require('./Glimmer-cjs.js');
 var tslib_es6 = require('./tslib.es6-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var LegacySelect = require('./LegacySelect-cjs.js');
 var Button = require('./Button-cjs.js');
 var Text = require('./Text-cjs.js');
@@ -99,28 +100,56 @@ function getSortingSettings(sorting) {
 
 var styles$1 = {"pagination":"_5TLZRabskzI-","paginationInfo":"k8VFFgHUPZ4-","paginationNav":"SfaHBP7KC3Y-","paginationSelect":"E4zFf5oEm-Y-","paginationSelectLabel":"N4LhT5occ94-","paginationButtons":"HQPsyRjssL0-","spinning":"YHT2Mg0618I-"};
 
+const dataTableMessages = useAtlantisI18n.defineMessages({
+    noItems: {
+        en: "No items",
+        es: "Sin elementos",
+    },
+    "Showing {first}-{last} of {total} items": {
+        en: "Showing {first}-{last} of {total} items",
+        es: "Mostrando {first}-{last} de {total} elementos",
+    },
+    perPage: {
+        en: "per page",
+        es: "por página",
+    },
+    previousPage: {
+        en: "Previous page",
+        es: "Página anterior",
+    },
+    nextPage: {
+        en: "Next page",
+        es: "Página siguiente",
+    },
+});
+
 const defaultItemsPerPageOptions = ["10", "20", "30", "40", "50"];
 function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(dataTableMessages);
     const { pageIndex, pageSize } = table.getState().pagination;
     const totalRows = totalItems;
     const firstPosition = pageIndex * pageSize + 1;
     const secondPosition = Math.min(totalRows, pageSize * (pageIndex + 1));
     const itemsPerPageOptions = React.useMemo(() => { var _a; return (_a = itemsPerPage === null || itemsPerPage === void 0 ? void 0 : itemsPerPage.map(item => String(item))) !== null && _a !== void 0 ? _a : defaultItemsPerPageOptions; }, [itemsPerPage]);
     return secondPosition <= 0 ? (React.createElement("div", { className: styles$1.pagination },
-        React.createElement("div", { className: styles$1.paginationInfo }, !loading ? React.createElement(Text.Text, null, "No items") : React.createElement(Glimmer.Glimmer, { width: 200 })))) : (React.createElement("div", { className: styles$1.pagination },
-        React.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
+        React.createElement("div", { className: styles$1.paginationInfo }, !loading ? React.createElement(Text.Text, null, t("noItems")) : React.createElement(Glimmer.Glimmer, { width: 200 })))) : (React.createElement("div", { className: styles$1.pagination },
+        React.createElement("div", { className: styles$1.paginationInfo }, t("Showing {first}-{last} of {total} items", {
+            first: firstPosition,
+            last: secondPosition,
+            total: totalRows,
+        })),
         React.createElement("div", { className: styles$1.paginationNav },
             React.createElement("div", { className: styles$1.paginationSelect },
                 React.createElement(LegacySelect.LegacySelect, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
                     }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React.createElement(LegacySelect.SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
-                React.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),
+                React.createElement("span", { className: styles$1.paginationSelectLabel }, t("perPage"))),
             React.createElement("div", { className: styles$1.paginationButtons },
-                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: () => {
+                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: t("previousPage"), onClick: () => {
                         table.previousPage();
                         onPageChange();
                     }, disabled: !table.getCanPreviousPage() }),
-                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: "arrowRight", onClick: () => {
+                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: t("nextPage"), onClick: () => {
                         table.nextPage();
                         onPageChange();
                     }, disabled: !table.getCanNextPage() })))));

package/dist/DataTable-es.js

@@ -4,6 +4,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import { useResizeObserver, Breakpoints } from '@jobber/hooks';
 import { G as Glimmer } from './Glimmer-es.js';
 import { _ as __rest } from './tslib.es6-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { L as LegacySelect, S as SelectOption } from './LegacySelect-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Text } from './Text-es.js';
@@ -97,28 +98,56 @@ function getSortingSettings(sorting) {
 
 var styles$1 = {"pagination":"_5TLZRabskzI-","paginationInfo":"k8VFFgHUPZ4-","paginationNav":"SfaHBP7KC3Y-","paginationSelect":"E4zFf5oEm-Y-","paginationSelectLabel":"N4LhT5occ94-","paginationButtons":"HQPsyRjssL0-","spinning":"YHT2Mg0618I-"};
 
+const dataTableMessages = defineMessages({
+    noItems: {
+        en: "No items",
+        es: "Sin elementos",
+    },
+    "Showing {first}-{last} of {total} items": {
+        en: "Showing {first}-{last} of {total} items",
+        es: "Mostrando {first}-{last} de {total} elementos",
+    },
+    perPage: {
+        en: "per page",
+        es: "por página",
+    },
+    previousPage: {
+        en: "Previous page",
+        es: "Página anterior",
+    },
+    nextPage: {
+        en: "Next page",
+        es: "Página siguiente",
+    },
+});
+
 const defaultItemsPerPageOptions = ["10", "20", "30", "40", "50"];
 function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, }) {
+    const { t } = useAtlantisI18n(dataTableMessages);
     const { pageIndex, pageSize } = table.getState().pagination;
     const totalRows = totalItems;
     const firstPosition = pageIndex * pageSize + 1;
     const secondPosition = Math.min(totalRows, pageSize * (pageIndex + 1));
     const itemsPerPageOptions = useMemo(() => { var _a; return (_a = itemsPerPage === null || itemsPerPage === void 0 ? void 0 : itemsPerPage.map(item => String(item))) !== null && _a !== void 0 ? _a : defaultItemsPerPageOptions; }, [itemsPerPage]);
     return secondPosition <= 0 ? (React__default.createElement("div", { className: styles$1.pagination },
-        React__default.createElement("div", { className: styles$1.paginationInfo }, !loading ? React__default.createElement(Text, null, "No items") : React__default.createElement(Glimmer, { width: 200 })))) : (React__default.createElement("div", { className: styles$1.pagination },
-        React__default.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
+        React__default.createElement("div", { className: styles$1.paginationInfo }, !loading ? React__default.createElement(Text, null, t("noItems")) : React__default.createElement(Glimmer, { width: 200 })))) : (React__default.createElement("div", { className: styles$1.pagination },
+        React__default.createElement("div", { className: styles$1.paginationInfo }, t("Showing {first}-{last} of {total} items", {
+            first: firstPosition,
+            last: secondPosition,
+            total: totalRows,
+        })),
         React__default.createElement("div", { className: styles$1.paginationNav },
             React__default.createElement("div", { className: styles$1.paginationSelect },
                 React__default.createElement(LegacySelect, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
                     }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React__default.createElement(SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
-                React__default.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),
+                React__default.createElement("span", { className: styles$1.paginationSelectLabel }, t("perPage"))),
             React__default.createElement("div", { className: styles$1.paginationButtons },
-                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: () => {
+                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: t("previousPage"), onClick: () => {
                         table.previousPage();
                         onPageChange();
                     }, disabled: !table.getCanPreviousPage() }),
-                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: "arrowRight", onClick: () => {
+                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: t("nextPage"), onClick: () => {
                         table.nextPage();
                         onPageChange();
                     }, disabled: !table.getCanNextPage() })))));