@jobber/components 9.3.0 → 9.5.0

package/dist/Page-cjs.js

@@ -4,14 +4,15 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
+var Menu = require('./Menu-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Content = require('./Content-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
 var Button = require('./Button-cjs.js');
-var Menu = require('./Menu-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
@@ -167,14 +168,16 @@ function PageSecondaryButton(_a) {
  * e.g. wrapping Menu.Item with createLink() from TanStack Router).
  */
 function PageMenu(_a) {
-    var { children, triggerLabel = "More Actions" } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
+    var { children, triggerLabel } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
+    const { t } = useAtlantisI18n.useAtlantisI18n(Menu.menuMessages);
     const dataAttrs = filterDataAttributes.filterDataAttributes(rest);
     const { width } = usePageContext();
     const preferredPlacement = width === "fill" ? "bottom end" : undefined;
+    const resolvedTriggerLabel = triggerLabel !== null && triggerLabel !== void 0 ? triggerLabel : t("moreActions");
     return (React.createElement("div", Object.assign({}, dataAttrs),
         React.createElement(Menu.Menu, null,
             React.createElement(Menu.Menu.Trigger, null,
-                React.createElement(Button.Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
+                React.createElement(Button.Button, { icon: "more", label: resolvedTriggerLabel, type: "secondary", fullWidth: true })),
             React.createElement(Menu.Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }
 /** Main content area of the page. */

package/dist/Page-es.js

@@ -2,14 +2,15 @@ import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { useResizeObserver, Breakpoints } from '@jobber/hooks';
+import { M as Menu, m as menuMessages } from './Menu-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
 import { B as Button } from './Button-es.js';
-import { M as Menu } from './Menu-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
@@ -165,14 +166,16 @@ function PageSecondaryButton(_a) {
  * e.g. wrapping Menu.Item with createLink() from TanStack Router).
  */
 function PageMenu(_a) {
-    var { children, triggerLabel = "More Actions" } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
+    var { children, triggerLabel } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
+    const { t } = useAtlantisI18n(menuMessages);
     const dataAttrs = filterDataAttributes(rest);
     const { width } = usePageContext();
     const preferredPlacement = width === "fill" ? "bottom end" : undefined;
+    const resolvedTriggerLabel = triggerLabel !== null && triggerLabel !== void 0 ? triggerLabel : t("moreActions");
     return (React__default.createElement("div", Object.assign({}, dataAttrs),
         React__default.createElement(Menu, null,
             React__default.createElement(Menu.Trigger, null,
-                React__default.createElement(Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
+                React__default.createElement(Button, { icon: "more", label: resolvedTriggerLabel, type: "secondary", fullWidth: true })),
             React__default.createElement(Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }
 /** Main content area of the page. */

package/dist/Popover/index.cjs

@@ -5,7 +5,6 @@ require('../tslib.es6-cjs.js');
 require('react');
 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/Popover/index.mjs

@@ -3,7 +3,6 @@ import '../tslib.es6-es.js';
 import 'react';
 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/ProgressBar/ProgressBar.messages.d.ts

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

package/dist/ProgressBar/index.cjs

@@ -3,6 +3,8 @@
 var ProgressBar = require('../ProgressBar-cjs.js');
 require('react');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 
 
 

package/dist/ProgressBar/index.mjs

@@ -1,3 +1,5 @@
 export { P as ProgressBar } from '../ProgressBar-es.js';
 import 'react';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';

package/dist/ProgressBar-cjs.js

@@ -2,14 +2,26 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"ProgressBar":"p9AgTzIbTwY-","SteppedProgressBar":"w8NAw4ZMB6g-","wrapper":"d4oS-DGtcKA-","spinning":"f58JiDXlkHA-"};
 
 var sizes = {"smaller":"dylWWgubHwM-","small":"z92YJQrscvI-","base":"DKfNM1to61A-","spinning":"GHfs7cB4nQQ-"};
 
+const progressBarMessages = useAtlantisI18n.defineMessages({
+    steppedProgress: {
+        en: "progress, {current} out of {total}",
+        es: "progreso, {current} de {total}",
+    },
+});
+
 function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base", UNSAFE_className, UNSAFE_style, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(progressBarMessages);
     const steppedProgressBarClassName = classnames(styles.ProgressBar, styles.SteppedProgressBar, sizes[size]);
-    const ariaLabel = `progress, ${currentStep} out of ${totalSteps}`;
+    const ariaLabel = t("steppedProgress", {
+        current: currentStep,
+        total: totalSteps,
+    });
     return (React.createElement("div", { role: "progressbar", className: classnames(styles.wrapper, UNSAFE_className), "data-testid": "progressbar-wrapper", style: UNSAFE_style, "aria-valuenow": percentage, "aria-valuetext": ariaLabel }, Array.from({ length: totalSteps }).map((_, index) => {
         const step = index + 1;
         const value = step <= currentStep ? 100 : 0;

package/dist/ProgressBar-es.js

@@ -1,13 +1,25 @@
 import React__default from 'react';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"ProgressBar":"p9AgTzIbTwY-","SteppedProgressBar":"w8NAw4ZMB6g-","wrapper":"d4oS-DGtcKA-","spinning":"f58JiDXlkHA-"};
 
 var sizes = {"smaller":"dylWWgubHwM-","small":"z92YJQrscvI-","base":"DKfNM1to61A-","spinning":"GHfs7cB4nQQ-"};
 
+const progressBarMessages = defineMessages({
+    steppedProgress: {
+        en: "progress, {current} out of {total}",
+        es: "progreso, {current} de {total}",
+    },
+});
+
 function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base", UNSAFE_className, UNSAFE_style, }) {
+    const { t } = useAtlantisI18n(progressBarMessages);
     const steppedProgressBarClassName = classnames(styles.ProgressBar, styles.SteppedProgressBar, sizes[size]);
-    const ariaLabel = `progress, ${currentStep} out of ${totalSteps}`;
+    const ariaLabel = t("steppedProgress", {
+        current: currentStep,
+        total: totalSteps,
+    });
     return (React__default.createElement("div", { role: "progressbar", className: classnames(styles.wrapper, UNSAFE_className), "data-testid": "progressbar-wrapper", style: UNSAFE_style, "aria-valuenow": percentage, "aria-valuetext": ariaLabel }, Array.from({ length: totalSteps }).map((_, index) => {
         const step = index + 1;
         const value = step <= currentStep ? 100 : 0;