@jobber/components 9.3.0 → 9.5.0

package/dist/primitives/index.cjs

@@ -4,7 +4,6 @@ var OverlaySeparator = require('../OverlaySeparator-cjs.js');
 var BottomSheet = require('../BottomSheet-cjs.js');
 var HelperText = require('../HelperText-cjs.js');
 var ComboboxPrimitive = require('../ComboboxPrimitive-cjs.js');
-var InputNumberExperimental = require('../InputNumberExperimental-cjs.js');
 var SelectPrimitive = require('../SelectPrimitive-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
@@ -19,29 +18,17 @@ require('@jobber/design');
 require('../Typography-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
-require('../useButton-cjs.js');
-require('react-dom');
-require('react/jsx-runtime');
 require('../floating-ui.utils-cjs.js');
+require('react/jsx-runtime');
+require('react-dom');
 require('../scrollEdges-cjs.js');
-require('../clamp-cjs.js');
 require('../Text-cjs.js');
 require('../ComboboxChipRemove-cjs.js');
-require('../useLabelableId-cjs.js');
 require('../useCompositeListItem-cjs.js');
 require('../floating-ui.react-dom-cjs.js');
-require('../resolveAriaLabelledBy-cjs.js');
 require('../stringifyLocale-cjs.js');
 require('../useLabel-cjs.js');
-require('../ActivityIndicator-cjs.js');
-require('../common.messages-cjs.js');
-require('../useAtlantisI18n-cjs.js');
-require('../AtlantisContext-cjs.js');
-require('../FieldDescription-cjs.js');
-require('../NumberFieldInput-cjs.js');
 require('../SelectGroupLabel-cjs.js');
-require('../isElementDisabled-cjs.js');
 
 
 
@@ -50,5 +37,4 @@ exports.BottomSheet = BottomSheet.BottomSheet;
 exports.BottomSheetScrollAreaContext = BottomSheet.BottomSheetScrollAreaContext;
 exports.HelperText = HelperText.HelperText;
 exports.ComboboxPrimitive = ComboboxPrimitive.ComboboxPrimitive;
-exports.InputNumberExperimental = InputNumberExperimental.InputNumberExperimental;
 exports.SelectPrimitive = SelectPrimitive.SelectPrimitive;

package/dist/primitives/index.d.ts

@@ -9,6 +9,4 @@ export * from "./OverlaySeparator/index";
 export * from "./BottomSheet/index";
 export * from "./HelperText/index";
 export * from "./ComboboxPrimitive/index";
-export { InputNumberExperimental } from "./InputNumberExperimental";
-export type { InputNumberExperimentalAffix, InputNumberExperimentalProps, InputNumberExperimentalRef, } from "./InputNumberExperimental";
 export * from "./SelectPrimitive";

package/dist/primitives/index.mjs

@@ -2,7 +2,6 @@ export { O as OverlaySeparator } from '../OverlaySeparator-es.js';
 export { a as BottomSheet, B as BottomSheetScrollAreaContext } from '../BottomSheet-es.js';
 export { H as HelperText } from '../HelperText-es.js';
 export { C as ComboboxPrimitive } from '../ComboboxPrimitive-es.js';
-export { I as InputNumberExperimental } from '../InputNumberExperimental-es.js';
 export { S as SelectPrimitive } from '../SelectPrimitive-es.js';
 import '../tslib.es6-es.js';
 import 'react';
@@ -17,26 +16,14 @@ import '@jobber/design';
 import '../Typography-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
-import '../floating-ui.utils.dom-es.js';
-import '../useButton-es.js';
-import 'react-dom';
-import 'react/jsx-runtime';
 import '../floating-ui.utils-es.js';
+import 'react/jsx-runtime';
+import 'react-dom';
 import '../scrollEdges-es.js';
-import '../clamp-es.js';
 import '../Text-es.js';
 import '../ComboboxChipRemove-es.js';
-import '../useLabelableId-es.js';
 import '../useCompositeListItem-es.js';
 import '../floating-ui.react-dom-es.js';
-import '../resolveAriaLabelledBy-es.js';
 import '../stringifyLocale-es.js';
 import '../useLabel-es.js';
-import '../ActivityIndicator-es.js';
-import '../common.messages-es.js';
-import '../useAtlantisI18n-es.js';
-import '../AtlantisContext-es.js';
-import '../FieldDescription-es.js';
-import '../NumberFieldInput-es.js';
 import '../SelectGroupLabel-es.js';
-import '../isElementDisabled-es.js';

package/dist/scrollEdges-cjs.js

@@ -2,7 +2,6 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var clamp = require('./clamp-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -34,6 +33,10 @@ const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
 const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
 const COMPOSITE_KEYS = new Set([...ARROW_KEYS, HOME, END]);
 
+function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
+  return Math.max(min, Math.min(val, max));
+}
+
 const DISABLE_SCROLLBAR_CLASS_NAME = 'base-ui-disable-scrollbar';
 const styleDisableScrollbar = {
   className: DISABLE_SCROLLBAR_CLASS_NAME,
@@ -72,7 +75,7 @@ function normalizeScrollOffset(value, max) {
   if (max <= 0) {
     return 0;
   }
-  const clamped = clamp.clamp(value, 0, max);
+  const clamped = clamp(value, 0, max);
   const startDistance = clamped;
   const endDistance = max - clamped;
   const withinStartTolerance = startDistance <= SCROLL_EDGE_TOLERANCE_PX;
@@ -91,6 +94,7 @@ function normalizeScrollOffset(value, max) {
 
 exports.COMPOSITE_KEYS = COMPOSITE_KEYS;
 exports.SCROLL_EDGE_TOLERANCE_PX = SCROLL_EDGE_TOLERANCE_PX;
+exports.clamp = clamp;
 exports.getMaxScrollOffset = getMaxScrollOffset;
 exports.normalizeScrollOffset = normalizeScrollOffset;
 exports.styleDisableScrollbar = styleDisableScrollbar;

package/dist/scrollEdges-es.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { c as clamp } from './clamp-es.js';
 
 const ARROW_UP = 'ArrowUp';
 const ARROW_DOWN = 'ArrowDown';
@@ -13,6 +12,10 @@ const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
 const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
 const COMPOSITE_KEYS = new Set([...ARROW_KEYS, HOME, END]);
 
+function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
+  return Math.max(min, Math.min(val, max));
+}
+
 const DISABLE_SCROLLBAR_CLASS_NAME = 'base-ui-disable-scrollbar';
 const styleDisableScrollbar = {
   className: DISABLE_SCROLLBAR_CLASS_NAME,
@@ -68,4 +71,4 @@ function normalizeScrollOffset(value, max) {
   return clamped;
 }
 
-export { COMPOSITE_KEYS as C, SCROLL_EDGE_TOLERANCE_PX as S, getMaxScrollOffset as g, normalizeScrollOffset as n, styleDisableScrollbar as s, useCSPContext as u };
+export { COMPOSITE_KEYS as C, SCROLL_EDGE_TOLERANCE_PX as S, clamp as c, getMaxScrollOffset as g, normalizeScrollOffset as n, styleDisableScrollbar as s, useCSPContext as u };

package/dist/sharedHelpers/i18n/renderWithLocale.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { RenderResult } from "@testing-library/react";
+/**
+ * Test utility that renders a component wrapped in `AtlantisContext.Provider`
+ * with the given locale. Use this in i18n tests instead of manually wrapping
+ * in the provider.
+ *
+ * @example
+ * renderWithLocale(<MyComponent />, "es");
+ */
+export declare function renderWithLocale(ui: React.ReactElement, locale: string): RenderResult;

package/dist/showToast-cjs.js

@@ -1,17 +1,28 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var Button = require('./Button-cjs.js');
 require('classnames');
 var Typography = require('./Typography-cjs.js');
+var AtlantisContext = require('./AtlantisContext-cjs.js');
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};
 
+const toastMessages = useAtlantisI18n.defineMessages({
+    hideNotification: {
+        en: "Hide Notification",
+        es: "Ocultar notificación",
+    },
+});
+
 function Toast({ message, variation = "success", action, actionLabel, }) {
     const [visible, setVisible] = React.useState(true);
+    const { t } = useAtlantisI18n.useAtlantisI18n(toastMessages);
     const icon = getIcon();
     let timer;
     React.useEffect(() => startTimer(), []);
@@ -26,7 +37,7 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
             React.createElement(Typography.Typography, { element: "span", size: "large" }, message),
             action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React.createElement("div", { className: styles.button },
-                React.createElement(Button.Button, { icon: "cross", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React.createElement(Button.Button, { icon: "cross", ariaLabel: t("hideNotification"), onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }
@@ -62,7 +73,8 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
 
 const targetId = "atlantis-toast-element";
 let root;
-function showToast(props) {
+function showToast(props, options = {}) {
+    const { locale = "en" } = options;
     // Ensure target and body is still there when rendering the toast. This is due
     // to an issue with ReactDOM createRoot assuming document is always there and
     // Jest taking the document down.
@@ -79,14 +91,16 @@ function showToast(props) {
         root = client.createRoot(target);
     }
     if (root && target && globalThis.document.body.contains(target)) {
-        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
+        root.render(React.createElement(ToasterOven, Object.assign({ locale: locale }, props)));
     }
 }
 const ToastContainer = React.forwardRef(ToastInternal);
-function ToasterOven(props) {
+function ToasterOven(_a) {
+    var { locale } = _a, toastProps = tslib_es6.__rest(_a, ["locale"]);
     const toastRef = React.useRef(null);
-    React.useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(props); });
-    return React.createElement(ToastContainer, { ref: toastRef });
+    React.useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(toastProps); });
+    return (React.createElement(AtlantisContext.AtlantisContext.Provider, { value: Object.assign(Object.assign({}, AtlantisContext.atlantisContextDefaultValues), { locale }) },
+        React.createElement(ToastContainer, { ref: toastRef })));
 }
 function ToastInternal(_, ref) {
     const [toastKey, setToastKey] = React.useState(0);

package/dist/showToast-es.js

@@ -1,15 +1,26 @@
+import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { I as Icon } from './Icon-es.js';
 import { B as Button } from './Button-es.js';
 import 'classnames';
 import { T as Typography } from './Typography-es.js';
+import { A as AtlantisContext, a as atlantisContextDefaultValues } from './AtlantisContext-es.js';
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};
 
+const toastMessages = defineMessages({
+    hideNotification: {
+        en: "Hide Notification",
+        es: "Ocultar notificación",
+    },
+});
+
 function Toast({ message, variation = "success", action, actionLabel, }) {
     const [visible, setVisible] = useState(true);
+    const { t } = useAtlantisI18n(toastMessages);
     const icon = getIcon();
     let timer;
     useEffect(() => startTimer(), []);
@@ -24,7 +35,7 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
             React__default.createElement(Typography, { element: "span", size: "large" }, message),
             action && (React__default.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React__default.createElement("div", { className: styles.button },
-                React__default.createElement(Button, { icon: "cross", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React__default.createElement(Button, { icon: "cross", ariaLabel: t("hideNotification"), onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }
@@ -60,7 +71,8 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
 
 const targetId = "atlantis-toast-element";
 let root;
-function showToast(props) {
+function showToast(props, options = {}) {
+    const { locale = "en" } = options;
     // Ensure target and body is still there when rendering the toast. This is due
     // to an issue with ReactDOM createRoot assuming document is always there and
     // Jest taking the document down.
@@ -77,14 +89,16 @@ function showToast(props) {
         root = createRoot(target);
     }
     if (root && target && globalThis.document.body.contains(target)) {
-        root.render(React__default.createElement(ToasterOven, Object.assign({}, props)));
+        root.render(React__default.createElement(ToasterOven, Object.assign({ locale: locale }, props)));
     }
 }
 const ToastContainer = forwardRef(ToastInternal);
-function ToasterOven(props) {
+function ToasterOven(_a) {
+    var { locale } = _a, toastProps = __rest(_a, ["locale"]);
     const toastRef = useRef(null);
-    useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(props); });
-    return React__default.createElement(ToastContainer, { ref: toastRef });
+    useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(toastProps); });
+    return (React__default.createElement(AtlantisContext.Provider, { value: Object.assign(Object.assign({}, atlantisContextDefaultValues), { locale }) },
+        React__default.createElement(ToastContainer, { ref: toastRef })));
 }
 function ToastInternal(_, ref) {
     const [toastKey, setToastKey] = useState(0);