@jobber/components 9.1.0 → 9.3.0

package/dist/ActivityIndicator/ActivityIndicator.d.ts

@@ -35,4 +35,4 @@ export interface ActivityIndicatorProps {
  * For now, the legacy `Spinner` component also remains available; new code
  * should prefer `ActivityIndicator`.
  */
-export declare function ActivityIndicator({ size, ariaLabel, className, style, }: ActivityIndicatorProps): React.JSX.Element;
+export declare function ActivityIndicator({ size, ariaLabel: ariaLabelProp, className, style, }: ActivityIndicatorProps): React.JSX.Element;

package/dist/ActivityIndicator/index.cjs

@@ -3,6 +3,9 @@
 var ActivityIndicator = require('../ActivityIndicator-cjs.js');
 require('react');
 require('classnames');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 
 
 

package/dist/ActivityIndicator/index.mjs

@@ -1,3 +1,6 @@
 export { A as ActivityIndicator } from '../ActivityIndicator-es.js';
 import 'react';
 import 'classnames';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';

package/dist/ActivityIndicator-cjs.js

@@ -2,6 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var common_messages = require('./common.messages-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","small":"_888S5Y2IeZ8-","svg":"Av9z-aLocss-","indicatorLinearRotate":"WvHFS--Nm80-","track":"VDTWabJptKI-","arc":"_9XO0290QNCY-","indicatorRotateArc":"SHHICknKvqA-","indicatorExpandArc":"_0m0Nzc5awnA-","indicatorReducedPulse":"_4dXQsbprq3s-","spinning":"IZCteJUCKio-"};
 
@@ -16,7 +18,9 @@ var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","smal
  * For now, the legacy `Spinner` component also remains available; new code
  * should prefer `ActivityIndicator`.
  */
-function ActivityIndicator({ size = "base", ariaLabel = "Loading", className, style, }) {
+function ActivityIndicator({ size = "base", ariaLabel: ariaLabelProp, className, style, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(common_messages.commonMessages);
+    const ariaLabel = ariaLabelProp !== null && ariaLabelProp !== void 0 ? ariaLabelProp : t("Loading");
     return (React.createElement("div", { role: "status", "aria-label": ariaLabel, className: classnames(styles.indicator, size === "small" && styles.small, className), style: style },
         React.createElement("span", { className: styles.screenReaderOnly }, ariaLabel),
         React.createElement("svg", { className: styles.svg, viewBox: "0 0 48 48", focusable: "false", "aria-hidden": "true" },

package/dist/ActivityIndicator-es.js

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
+import { c as commonMessages } from './common.messages-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","small":"_888S5Y2IeZ8-","svg":"Av9z-aLocss-","indicatorLinearRotate":"WvHFS--Nm80-","track":"VDTWabJptKI-","arc":"_9XO0290QNCY-","indicatorRotateArc":"SHHICknKvqA-","indicatorExpandArc":"_0m0Nzc5awnA-","indicatorReducedPulse":"_4dXQsbprq3s-","spinning":"IZCteJUCKio-"};
 
@@ -14,7 +16,9 @@ var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","smal
  * For now, the legacy `Spinner` component also remains available; new code
  * should prefer `ActivityIndicator`.
  */
-function ActivityIndicator({ size = "base", ariaLabel = "Loading", className, style, }) {
+function ActivityIndicator({ size = "base", ariaLabel: ariaLabelProp, className, style, }) {
+    const { t } = useAtlantisI18n(commonMessages);
+    const ariaLabel = ariaLabelProp !== null && ariaLabelProp !== void 0 ? ariaLabelProp : t("Loading");
     return (React__default.createElement("div", { role: "status", "aria-label": ariaLabel, className: classnames(styles.indicator, size === "small" && styles.small, className), style: style },
         React__default.createElement("span", { className: styles.screenReaderOnly }, ariaLabel),
         React__default.createElement("svg", { className: styles.svg, viewBox: "0 0 48 48", focusable: "false", "aria-hidden": "true" },

package/dist/Autocomplete/index.cjs

@@ -31,6 +31,7 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/Autocomplete/index.mjs

@@ -29,6 +29,7 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';
 

package/dist/Autocomplete-es.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, k as useClick, j as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, h as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
+import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -33,6 +33,7 @@ require('../../Button-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../../Spinner-cjs.js');
+require('../../common.messages-cjs.js');
 require('../../useAtlantisI18n-cjs.js');
 require('../../AtlantisContext-cjs.js');
 require('../../Chip-cjs.js');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -31,6 +31,7 @@ import '../../Button-es.js';
 import '../../tslib.es6-es.js';
 import 'react-router-dom';
 import '../../Spinner-es.js';
+import '../../common.messages-es.js';
 import '../../useAtlantisI18n-es.js';
 import '../../AtlantisContext-es.js';
 import '../../Chip-es.js';

package/dist/Chips/index.cjs

@@ -35,6 +35,7 @@ require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../Avatar-cjs.js');

package/dist/Chips/index.mjs

@@ -33,6 +33,7 @@ import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../Avatar-es.js';

package/dist/ConfirmationModal/index.cjs

@@ -8,6 +8,8 @@ require('react-dom');
 require('classnames');
 require('framer-motion');
 require('../nestedEscape-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
@@ -37,6 +39,7 @@ require('../Content-cjs.js');
 require('../Markdown-cjs.js');
 require('../Text-cjs.js');
 require('../Emphasis-cjs.js');
+require('../common.messages-cjs.js');
 
 
 

package/dist/ConfirmationModal/index.mjs

@@ -6,6 +6,8 @@ import 'react-dom';
 import 'classnames';
 import 'framer-motion';
 import '../nestedEscape-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
@@ -35,3 +37,4 @@ import '../Content-es.js';
 import '../Markdown-es.js';
 import '../Text-es.js';
 import '../Emphasis-es.js';
+import '../common.messages-es.js';

package/dist/ConfirmationModal-cjs.js

@@ -5,11 +5,13 @@ var jobberHooks = require('@jobber/hooks');
 var Modal_index = require('./Modal/index.cjs');
 var Content = require('./Content-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
+var common_messages = require('./common.messages-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 function confirmationModalReducer(state, action) {
     switch (action.type) {
         case "display":
-            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel || "Cancel", onConfirm: action.onConfirm, onCancel: action.onCancel });
+            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel, onConfirm: action.onConfirm, onCancel: action.onCancel });
         case "confirm":
             return Object.assign(Object.assign({}, state), { open: false });
         case "cancel":
@@ -20,13 +22,17 @@ function confirmationModalReducer(state, action) {
             throw new Error();
     }
 }
-const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel, cancelLabel, onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+    var _a, _b;
+    const { t } = useAtlantisI18n.useAtlantisI18n(common_messages.commonMessages);
+    const resolvedConfirmLabel = confirmLabel !== null && confirmLabel !== void 0 ? confirmLabel : t("Confirm");
+    const resolvedCancelLabel = cancelLabel !== null && cancelLabel !== void 0 ? cancelLabel : t("Cancel");
     const [state, dispatch] = React.useReducer(confirmationModalReducer, {
         title,
         message,
         open: false,
-        confirmLabel,
-        cancelLabel,
+        confirmLabel: resolvedConfirmLabel,
+        cancelLabel: resolvedCancelLabel,
         onConfirm,
         onCancel,
     });
@@ -47,19 +53,24 @@ const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({
     React.useEffect(() => {
         dispatch({
             type: "reset",
-            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel,
-                cancelLabel,
-                onConfirm,
+            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel: resolvedConfirmLabel, cancelLabel: resolvedCancelLabel, onConfirm,
                 onCancel }),
         });
-    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
+    }, [
+        title,
+        message,
+        resolvedConfirmLabel,
+        resolvedCancelLabel,
+        onConfirm,
+        onCancel,
+    ]);
     jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React.createElement(Modal_index.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
-            label: state.confirmLabel,
+            label: (_a = state.confirmLabel) !== null && _a !== void 0 ? _a : t("Confirm"),
             onClick: handleAction("confirm"),
             variation: variation === "destructive" ? "destructive" : "work",
         }, secondaryAction: {
-            label: state.cancelLabel,
+            label: (_b = state.cancelLabel) !== null && _b !== void 0 ? _b : t("Cancel"),
             onClick: handleAction("cancel"),
         } }, state.message ? (React.createElement(Content.Content, null,
         React.createElement(Markdown.Markdown, { content: state.message }))) : (children)));

package/dist/ConfirmationModal-es.js

@@ -3,11 +3,13 @@ import { useOnKeyDown } from '@jobber/hooks';
 import { Modal } from './Modal/index.mjs';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
+import { c as commonMessages } from './common.messages-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 function confirmationModalReducer(state, action) {
     switch (action.type) {
         case "display":
-            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel || "Cancel", onConfirm: action.onConfirm, onCancel: action.onCancel });
+            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel, onConfirm: action.onConfirm, onCancel: action.onCancel });
         case "confirm":
             return Object.assign(Object.assign({}, state), { open: false });
         case "cancel":
@@ -18,13 +20,17 @@ function confirmationModalReducer(state, action) {
             throw new Error();
     }
 }
-const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel, cancelLabel, onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+    var _a, _b;
+    const { t } = useAtlantisI18n(commonMessages);
+    const resolvedConfirmLabel = confirmLabel !== null && confirmLabel !== void 0 ? confirmLabel : t("Confirm");
+    const resolvedCancelLabel = cancelLabel !== null && cancelLabel !== void 0 ? cancelLabel : t("Cancel");
     const [state, dispatch] = useReducer(confirmationModalReducer, {
         title,
         message,
         open: false,
-        confirmLabel,
-        cancelLabel,
+        confirmLabel: resolvedConfirmLabel,
+        cancelLabel: resolvedCancelLabel,
         onConfirm,
         onCancel,
     });
@@ -45,19 +51,24 @@ const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title,
     useEffect(() => {
         dispatch({
             type: "reset",
-            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel,
-                cancelLabel,
-                onConfirm,
+            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel: resolvedConfirmLabel, cancelLabel: resolvedCancelLabel, onConfirm,
                 onCancel }),
         });
-    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
+    }, [
+        title,
+        message,
+        resolvedConfirmLabel,
+        resolvedCancelLabel,
+        onConfirm,
+        onCancel,
+    ]);
     useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default.createElement(Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
-            label: state.confirmLabel,
+            label: (_a = state.confirmLabel) !== null && _a !== void 0 ? _a : t("Confirm"),
             onClick: handleAction("confirm"),
             variation: variation === "destructive" ? "destructive" : "work",
         }, secondaryAction: {
-            label: state.cancelLabel,
+            label: (_b = state.cancelLabel) !== null && _b !== void 0 ? _b : t("Cancel"),
             onClick: handleAction("cancel"),
         } }, state.message ? (React__default.createElement(Content, null,
         React__default.createElement(Markdown, { content: state.message }))) : (children)));

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

@@ -25,6 +25,9 @@ require('../../../../../Glimmer-cjs.js');
 require('../../../../../tslib.es6-cjs.js');
 require('../../../../../Content-cjs.js');
 require('../../../../../Spinner-cjs.js');
+require('../../../../../common.messages-cjs.js');
+require('../../../../../useAtlantisI18n-cjs.js');
+require('../../../../../AtlantisContext-cjs.js');
 require('../../../../../AtlantisThemeContext-cjs.js');
 require('../../../../../identity-cjs.js');
 require('../../../../../isTypedArray-cjs.js');
@@ -49,8 +52,6 @@ require('../../../../../Chip-cjs.js');
 require('../../../../../Avatar-cjs.js');
 require('color');
 require('../../../../../useChildComponent-cjs.js');
-require('../../../../../useAtlantisI18n-cjs.js');
-require('../../../../../AtlantisContext-cjs.js');
 require('../../../../../Tooltip-cjs.js');
 require('../../../../../FilterPickerActivator-cjs.js');
 

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

@@ -23,6 +23,9 @@ import '../../../../../Glimmer-es.js';
 import '../../../../../tslib.es6-es.js';
 import '../../../../../Content-es.js';
 import '../../../../../Spinner-es.js';
+import '../../../../../common.messages-es.js';
+import '../../../../../useAtlantisI18n-es.js';
+import '../../../../../AtlantisContext-es.js';
 import '../../../../../AtlantisThemeContext-es.js';
 import '../../../../../identity-es.js';
 import '../../../../../isTypedArray-es.js';
@@ -47,7 +50,5 @@ import '../../../../../Chip-es.js';
 import '../../../../../Avatar-es.js';
 import 'color';
 import '../../../../../useChildComponent-es.js';
-import '../../../../../useAtlantisI18n-es.js';
-import '../../../../../AtlantisContext-es.js';
 import '../../../../../Tooltip-es.js';
 import '../../../../../FilterPickerActivator-es.js';

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

@@ -26,6 +26,9 @@ require('../../../Glimmer-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('../../../Content-cjs.js');
 require('../../../Spinner-cjs.js');
+require('../../../common.messages-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../AtlantisThemeContext-cjs.js');
 require('../../../identity-cjs.js');
 require('../../../isTypedArray-cjs.js');
@@ -50,8 +53,6 @@ require('../../../Chip-cjs.js');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
-require('../../../useAtlantisI18n-cjs.js');
-require('../../../AtlantisContext-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../FilterPickerActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');

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

@@ -24,6 +24,9 @@ import '../../../Glimmer-es.js';
 import '../../../tslib.es6-es.js';
 import '../../../Content-es.js';
 import '../../../Spinner-es.js';
+import '../../../common.messages-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../AtlantisThemeContext-es.js';
 import '../../../identity-es.js';
 import '../../../isTypedArray-es.js';
@@ -48,8 +51,6 @@ import '../../../Chip-es.js';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
-import '../../../useAtlantisI18n-es.js';
-import '../../../AtlantisContext-es.js';
 import '../../../Tooltip-es.js';
 import '../../../FilterPickerActivator-es.js';
 import '../../../DataListOverflowFade-es.js';

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

@@ -10,6 +10,9 @@ require('../../../DataList.const-cjs.js');
 require('@jobber/design');
 require('../../../Spinner-cjs.js');
 require('classnames');
+require('../../../common.messages-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Button-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('react-router-dom');

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

@@ -8,6 +8,9 @@ import '../../../DataList.const-es.js';
 import '@jobber/design';
 import '../../../Spinner-es.js';
 import 'classnames';
+import '../../../common.messages-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Button-es.js';
 import '../../../tslib.es6-es.js';
 import 'react-router-dom';

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

@@ -21,6 +21,7 @@ require('../../../useFormFieldFocus-cjs.js');
 require('../../../InputValidation-cjs.js');
 require('../../../FormFieldPostFix-cjs.js');
 require('../../../Spinner-cjs.js');
+require('../../../common.messages-cjs.js');
 require('../../../mergeRefs-cjs.js');
 require('../../../filterDataAttributes-cjs.js');
 require('../../../DataListContext-cjs.js');

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

@@ -19,6 +19,7 @@ import '../../../useFormFieldFocus-es.js';
 import '../../../InputValidation-es.js';
 import '../../../FormFieldPostFix-es.js';
 import '../../../Spinner-es.js';
+import '../../../common.messages-es.js';
 import '../../../mergeRefs-es.js';
 import '../../../filterDataAttributes-es.js';
 import '../../../DataListContext-es.js';

package/dist/DataList/index.cjs

@@ -61,6 +61,9 @@ require('../FilterPickerContent-cjs.js');
 require('../FilterPickerContentSearch-cjs.js');
 require('../FilterPickerContentList-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../identity-cjs.js');
 require('../_baseAssignValue-cjs.js');
@@ -80,8 +83,6 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
-require('../useAtlantisI18n-cjs.js');
-require('../AtlantisContext-cjs.js');
 require('../FilterPickerActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');

package/dist/DataList/index.mjs

@@ -59,6 +59,9 @@ import '../FilterPickerContent-es.js';
 import '../FilterPickerContentSearch-es.js';
 import '../FilterPickerContentList-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../identity-es.js';
 import '../_baseAssignValue-es.js';
@@ -78,8 +81,6 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
-import '../useAtlantisI18n-es.js';
-import '../AtlantisContext-es.js';
 import '../FilterPickerActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';

package/dist/DataTable/index.cjs

@@ -26,6 +26,7 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/DataTable/index.mjs

@@ -24,5 +24,6 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/DatePicker/DatePicker.messages.d.ts

@@ -0,0 +1,14 @@
+export declare const datePickerMessages: {
+    previousMonth: {
+        en: string;
+        es: string;
+    };
+    nextMonth: {
+        en: string;
+        es: string;
+    };
+    openDatepicker: {
+        en: string;
+        es: string;
+    };
+};

package/dist/DatePicker/index.cjs

@@ -11,6 +11,8 @@ require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
@@ -28,7 +30,6 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
-require('../AtlantisContext-cjs.js');
 
 
 

package/dist/DatePicker/index.mjs

@@ -9,6 +9,8 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
 import '../tslib.es6-es.js';
@@ -26,4 +28,3 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
-import '../AtlantisContext-es.js';

package/dist/DatePicker-cjs.js

@@ -7,8 +7,10 @@ var floatingUi_react = require('./floating-ui.react-cjs.js');
 var ReactDOM = require('react-dom');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var jobberHooks = require('@jobber/hooks');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Button = require('./Button-cjs.js');
+var AtlantisContext = require('./AtlantisContext-cjs.js');
 var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
 var _getAllKeys = require('./_getAllKeys-cjs.js');
 var identity = require('./identity-cjs.js');
@@ -18,7 +20,6 @@ var isObjectLike$2 = require('./isObjectLike-cjs.js');
 var isTypedArray = require('./isTypedArray-cjs.js');
 var _baseFlatten = require('./_baseFlatten-cjs.js');
 var _setToString = require('./_setToString-cjs.js');
-var AtlantisContext = require('./AtlantisContext-cjs.js');
 
 /**
  * @module constants
@@ -12663,15 +12664,32 @@ var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
 
 var styles = {"datePickerWrapper":"OmFI-Bfdzgw-","fullWidth":"HWDFy10kcYA-","datePicker":"Ma55F5Y-XhE-","inline":"_58kEbTu-IAA-","portalContainer":"LDxKi0E-1rg-","header":"Epg-Ub8Dn9A-","month":"Wx3NP8La95k-","spinning":"o0JLwNATy-M-"};
 
+const datePickerMessages = useAtlantisI18n.defineMessages({
+    previousMonth: {
+        en: "Previous Month",
+        es: "Mes anterior",
+    },
+    nextMonth: {
+        en: "Next Month",
+        es: "Mes siguiente",
+    },
+    openDatepicker: {
+        en: "Open Datepicker",
+        es: "Abrir selector de fecha",
+    },
+});
+
 function DatePickerCustomHeader({ monthDate, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) {
+    const { locale } = AtlantisContext.useAtlantisContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(datePickerMessages);
     return (React.createElement("div", { className: styles.header },
-        React.createElement(Button.Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, icon: "arrowLeft", ariaLabel: "Previous Month", variation: "work", type: "tertiary" }),
+        React.createElement(Button.Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, icon: "arrowLeft", ariaLabel: t("previousMonth"), variation: "work", type: "tertiary" }),
         React.createElement("div", { className: styles.month },
-            React.createElement(Typography.Typography, { element: "span", fontFamily: "display", size: "large" }, monthDate.toLocaleString("en-US", {
+            React.createElement(Typography.Typography, { element: "span", fontFamily: "display", size: "large" }, monthDate.toLocaleString(locale || "en-US", {
                 month: "long",
                 year: "numeric",
             }))),
-        React.createElement(Button.Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, icon: "arrowRight", ariaLabel: "Next Month", variation: "work", type: "tertiary" })));
+        React.createElement(Button.Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, icon: "arrowRight", ariaLabel: t("nextMonth"), variation: "work", type: "tertiary" })));
 }
 
 /**
@@ -13446,6 +13464,7 @@ var omit$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(omit_1);
 
 const DatePickerActivator = React.forwardRef(InternalActivator);
 function InternalActivator(props, ref) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(datePickerMessages);
     const { activator, fullWidth } = props;
     const newActivatorProps = omit$1(props, ["activator", "fullWidth"]);
     if (activator) {
@@ -13466,7 +13485,7 @@ function InternalActivator(props, ref) {
     else {
         return (
         // @ts-expect-error - we need to desctructure the newActivatorProps with more care to XOR prop types.
-        React.createElement(Button.Button, Object.assign({ variation: "work", type: "tertiary", icon: "calendar", ariaLabel: "Open Datepicker", fullWidth: fullWidth }, newActivatorProps)));
+        React.createElement(Button.Button, Object.assign({ variation: "work", type: "tertiary", icon: "calendar", ariaLabel: t("openDatepicker"), fullWidth: fullWidth }, newActivatorProps)));
     }
 }