@jobber/components 9.2.0 → 9.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/ActivityIndicator/ActivityIndicator.d.ts +1 -1
  2. package/dist/ActivityIndicator/index.cjs +3 -0
  3. package/dist/ActivityIndicator/index.mjs +3 -0
  4. package/dist/ActivityIndicator-cjs.js +5 -1
  5. package/dist/ActivityIndicator-es.js +5 -1
  6. package/dist/Autocomplete/index.cjs +1 -0
  7. package/dist/Autocomplete/index.mjs +1 -0
  8. package/dist/Chips/InternalChipDismissible/index.cjs +1 -0
  9. package/dist/Chips/InternalChipDismissible/index.mjs +1 -0
  10. package/dist/Chips/index.cjs +1 -0
  11. package/dist/Chips/index.mjs +1 -0
  12. package/dist/DataDump/DataDump.d.ts +1 -1
  13. package/dist/DataDump/DataDump.messages.d.ts +6 -0
  14. package/dist/DataDump/index.cjs +2 -2
  15. package/dist/DataDump/index.mjs +2 -2
  16. package/dist/DataDump-cjs.js +11 -1
  17. package/dist/DataDump-es.js +11 -1
  18. package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +3 -2
  19. package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +3 -2
  20. package/dist/DataList/components/DataListFilters/index.cjs +3 -2
  21. package/dist/DataList/components/DataListFilters/index.mjs +3 -2
  22. package/dist/DataList/components/DataListLoadMore/index.cjs +3 -0
  23. package/dist/DataList/components/DataListLoadMore/index.mjs +3 -0
  24. package/dist/DataList/components/DataListSearch/index.cjs +1 -0
  25. package/dist/DataList/components/DataListSearch/index.mjs +1 -0
  26. package/dist/DataList/index.cjs +3 -2
  27. package/dist/DataList/index.mjs +3 -2
  28. package/dist/DataTable/DataTable.messages.d.ts +22 -0
  29. package/dist/DataTable/index.cjs +3 -2
  30. package/dist/DataTable/index.mjs +3 -2
  31. package/dist/DataTable-cjs.js +34 -5
  32. package/dist/DataTable-es.js +34 -5
  33. package/dist/FeatureSwitch/FeatureSwitch.messages.d.ts +10 -0
  34. package/dist/FeatureSwitch/index.cjs +2 -0
  35. package/dist/FeatureSwitch/index.mjs +2 -0
  36. package/dist/FeatureSwitch-cjs.js +15 -2
  37. package/dist/FeatureSwitch-es.js +15 -2
  38. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.cjs +3 -0
  39. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.mjs +3 -0
  40. package/dist/FilterPicker/components/FilterPickerContent/index.cjs +3 -0
  41. package/dist/FilterPicker/components/FilterPickerContent/index.mjs +3 -0
  42. package/dist/FilterPicker/index.cjs +3 -2
  43. package/dist/FilterPicker/index.mjs +3 -2
  44. package/dist/FormatFile/FormatFile.messages.d.ts +18 -0
  45. package/dist/FormatFile/index.cjs +2 -2
  46. package/dist/FormatFile/index.mjs +2 -2
  47. package/dist/FormatFile-cjs.js +24 -2
  48. package/dist/FormatFile-es.js +24 -2
  49. package/dist/InputDate/index.cjs +1 -0
  50. package/dist/InputDate/index.mjs +1 -0
  51. package/dist/InputEmail/index.cjs +1 -0
  52. package/dist/InputEmail/index.mjs +1 -0
  53. package/dist/InputPhoneNumber/index.cjs +1 -0
  54. package/dist/InputPhoneNumber/index.mjs +1 -0
  55. package/dist/InputText/index.cjs +1 -0
  56. package/dist/InputText/index.mjs +1 -0
  57. package/dist/LegacySelect/index.cjs +1 -0
  58. package/dist/LegacySelect/index.mjs +1 -0
  59. package/dist/Menu/menuComposableShared.d.ts +1 -1
  60. package/dist/Menu-cjs.js +1 -0
  61. package/dist/Menu-es.js +1 -1
  62. package/dist/Page/index.cjs +12 -12
  63. package/dist/Page/index.mjs +12 -12
  64. package/dist/Page-cjs.js +6 -3
  65. package/dist/Page-es.js +6 -3
  66. package/dist/ProgressBar/ProgressBar.messages.d.ts +6 -0
  67. package/dist/ProgressBar/index.cjs +2 -0
  68. package/dist/ProgressBar/index.mjs +2 -0
  69. package/dist/ProgressBar-cjs.js +13 -1
  70. package/dist/ProgressBar-es.js +13 -1
  71. package/dist/Spinner/index.cjs +3 -0
  72. package/dist/Spinner/index.mjs +3 -0
  73. package/dist/Spinner-cjs.js +4 -1
  74. package/dist/Spinner-es.js +4 -1
  75. package/dist/Toast/Toast.messages.d.ts +6 -0
  76. package/dist/Toast/index.cjs +3 -1
  77. package/dist/Toast/index.mjs +3 -1
  78. package/dist/Toast/showToast.d.ts +12 -1
  79. package/dist/docs/ActivityIndicator/ActivityIndicator.md +1 -1
  80. package/dist/docs/DataDump/DataDump.md +1 -1
  81. package/dist/docs/Page/Page.md +1 -1
  82. package/dist/index.cjs +2 -2
  83. package/dist/index.mjs +2 -2
  84. package/dist/primitives/InputNumberExperimental/index.cjs +3 -0
  85. package/dist/primitives/InputNumberExperimental/index.mjs +3 -0
  86. package/dist/primitives/index.cjs +3 -0
  87. package/dist/primitives/index.mjs +3 -0
  88. package/dist/sharedHelpers/i18n/renderWithLocale.d.ts +11 -0
  89. package/dist/showToast-cjs.js +20 -6
  90. package/dist/showToast-es.js +20 -6
  91. package/package.json +2 -2
@@ -3,6 +3,7 @@
3
3
  var React = require('react');
4
4
  var framerMotion = require('framer-motion');
5
5
  var classnames = require('classnames');
6
+ var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
6
7
  var Heading = require('./Heading-cjs.js');
7
8
  var Text = require('./Text-cjs.js');
8
9
  var Content = require('./Content-cjs.js');
@@ -13,7 +14,19 @@ var Markdown = require('./Markdown-cjs.js');
13
14
 
14
15
  var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
15
16
 
17
+ const featureSwitchMessages = useAtlantisI18n.defineMessages({
18
+ edit: {
19
+ en: "Edit",
20
+ es: "Editar",
21
+ },
22
+ saved: {
23
+ en: "Saved",
24
+ es: "Guardado",
25
+ },
26
+ });
27
+
16
28
  function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
29
+ const { t } = useAtlantisI18n.useAtlantisI18n(featureSwitchMessages);
17
30
  const [savedIndicator, setSavedIndicator] = React.useState(false);
18
31
  const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
19
32
  shouldShowSavedIndicator();
@@ -33,11 +46,11 @@ function FeatureSwitch({ children, description, disabled = false, enabled, exter
33
46
  stiffness: 300,
34
47
  }, onAnimationComplete: handleAnimationComplete },
35
48
  React.createElement(Text.Text, { variation: "success" },
36
- React.createElement(Emphasis.Emphasis, { variation: "italic" }, "Saved")))))))),
49
+ React.createElement(Emphasis.Emphasis, { variation: "italic" }, t("saved"))))))))),
37
50
  (children || onEdit) && (React.createElement("div", { className: styles.container },
38
51
  children && (React.createElement("div", { className: featureContentClassnames }, children)),
39
52
  onEdit && (React.createElement("div", { className: styles.action },
40
- React.createElement(Button.Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
53
+ React.createElement(Button.Button, { label: t("edit"), type: "tertiary", onClick: onEdit })))))));
41
54
  function shouldShowSavedIndicator() {
42
55
  // Check if the component is mounted
43
56
  const [didMount, setDidMount] = React.useState(false);
@@ -1,6 +1,7 @@
1
1
  import React__default, { useState, useEffect } from 'react';
2
2
  import { AnimatePresence, motion } from 'framer-motion';
3
3
  import classnames from 'classnames';
4
+ import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
4
5
  import { H as Heading } from './Heading-es.js';
5
6
  import { T as Text } from './Text-es.js';
6
7
  import { C as Content } from './Content-es.js';
@@ -11,7 +12,19 @@ import { M as Markdown } from './Markdown-es.js';
11
12
 
12
13
  var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
13
14
 
15
+ const featureSwitchMessages = defineMessages({
16
+ edit: {
17
+ en: "Edit",
18
+ es: "Editar",
19
+ },
20
+ saved: {
21
+ en: "Saved",
22
+ es: "Guardado",
23
+ },
24
+ });
25
+
14
26
  function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
27
+ const { t } = useAtlantisI18n(featureSwitchMessages);
15
28
  const [savedIndicator, setSavedIndicator] = useState(false);
16
29
  const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
17
30
  shouldShowSavedIndicator();
@@ -31,11 +44,11 @@ function FeatureSwitch({ children, description, disabled = false, enabled, exter
31
44
  stiffness: 300,
32
45
  }, onAnimationComplete: handleAnimationComplete },
33
46
  React__default.createElement(Text, { variation: "success" },
34
- React__default.createElement(Emphasis, { variation: "italic" }, "Saved")))))))),
47
+ React__default.createElement(Emphasis, { variation: "italic" }, t("saved"))))))))),
35
48
  (children || onEdit) && (React__default.createElement("div", { className: styles.container },
36
49
  children && (React__default.createElement("div", { className: featureContentClassnames }, children)),
37
50
  onEdit && (React__default.createElement("div", { className: styles.action },
38
- React__default.createElement(Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
51
+ React__default.createElement(Button, { label: t("edit"), type: "tertiary", onClick: onEdit })))))));
39
52
  function shouldShowSavedIndicator() {
40
53
  // Check if the component is mounted
41
54
  const [didMount, setDidMount] = useState(false);
@@ -10,6 +10,9 @@ require('../../../../Glimmer-cjs.js');
10
10
  require('../../../../tslib.es6-cjs.js');
11
11
  require('../../../../Content-cjs.js');
12
12
  require('../../../../Spinner-cjs.js');
13
+ require('../../../../common.messages-cjs.js');
14
+ require('../../../../useAtlantisI18n-cjs.js');
15
+ require('../../../../AtlantisContext-cjs.js');
13
16
  require('../../../../AtlantisThemeContext-cjs.js');
14
17
  require('@jobber/design');
15
18
  require('../../../../_commonjsHelpers-cjs.js');
@@ -8,6 +8,9 @@ import '../../../../Glimmer-es.js';
8
8
  import '../../../../tslib.es6-es.js';
9
9
  import '../../../../Content-es.js';
10
10
  import '../../../../Spinner-es.js';
11
+ import '../../../../common.messages-es.js';
12
+ import '../../../../useAtlantisI18n-es.js';
13
+ import '../../../../AtlantisContext-es.js';
11
14
  import '../../../../AtlantisThemeContext-es.js';
12
15
  import '@jobber/design';
13
16
  import '../../../../_commonjsHelpers-es.js';
@@ -20,6 +20,9 @@ require('../../../Glimmer-cjs.js');
20
20
  require('../../../tslib.es6-cjs.js');
21
21
  require('../../../Content-cjs.js');
22
22
  require('../../../Spinner-cjs.js');
23
+ require('../../../common.messages-cjs.js');
24
+ require('../../../useAtlantisI18n-cjs.js');
25
+ require('../../../AtlantisContext-cjs.js');
23
26
  require('../../../AtlantisThemeContext-cjs.js');
24
27
  require('../../../_commonjsHelpers-cjs.js');
25
28
  require('../../../identity-cjs.js');
@@ -18,6 +18,9 @@ import '../../../Glimmer-es.js';
18
18
  import '../../../tslib.es6-es.js';
19
19
  import '../../../Content-es.js';
20
20
  import '../../../Spinner-es.js';
21
+ import '../../../common.messages-es.js';
22
+ import '../../../useAtlantisI18n-es.js';
23
+ import '../../../AtlantisContext-es.js';
21
24
  import '../../../AtlantisThemeContext-es.js';
22
25
  import '../../../_commonjsHelpers-es.js';
23
26
  import '../../../identity-es.js';
@@ -22,6 +22,9 @@ require('../Glimmer-cjs.js');
22
22
  require('../tslib.es6-cjs.js');
23
23
  require('../Content-cjs.js');
24
24
  require('../Spinner-cjs.js');
25
+ require('../common.messages-cjs.js');
26
+ require('../useAtlantisI18n-cjs.js');
27
+ require('../AtlantisContext-cjs.js');
25
28
  require('../AtlantisThemeContext-cjs.js');
26
29
  require('../_commonjsHelpers-cjs.js');
27
30
  require('../identity-cjs.js');
@@ -46,8 +49,6 @@ require('../Chip-cjs.js');
46
49
  require('../Avatar-cjs.js');
47
50
  require('color');
48
51
  require('../useChildComponent-cjs.js');
49
- require('../useAtlantisI18n-cjs.js');
50
- require('../AtlantisContext-cjs.js');
51
52
  require('../Tooltip-cjs.js');
52
53
  require('../noop-cjs.js');
53
54
  require('../FilterPickerActivator-cjs.js');
@@ -20,6 +20,9 @@ import '../Glimmer-es.js';
20
20
  import '../tslib.es6-es.js';
21
21
  import '../Content-es.js';
22
22
  import '../Spinner-es.js';
23
+ import '../common.messages-es.js';
24
+ import '../useAtlantisI18n-es.js';
25
+ import '../AtlantisContext-es.js';
23
26
  import '../AtlantisThemeContext-es.js';
24
27
  import '../_commonjsHelpers-es.js';
25
28
  import '../identity-es.js';
@@ -44,8 +47,6 @@ import '../Chip-es.js';
44
47
  import '../Avatar-es.js';
45
48
  import 'color';
46
49
  import '../useChildComponent-es.js';
47
- import '../useAtlantisI18n-es.js';
48
- import '../AtlantisContext-es.js';
49
50
  import '../Tooltip-es.js';
50
51
  import '../noop-es.js';
51
52
  import '../FilterPickerActivator-es.js';
@@ -0,0 +1,18 @@
1
+ export declare const formatFileMessages: {
2
+ deleteFile: {
3
+ en: string;
4
+ es: string;
5
+ };
6
+ confirmDeletion: {
7
+ en: string;
8
+ es: string;
9
+ };
10
+ confirmDeletionMessage: {
11
+ en: string;
12
+ es: string;
13
+ };
14
+ delete: {
15
+ en: string;
16
+ es: string;
17
+ };
18
+ };
@@ -4,6 +4,8 @@ var FormatFile = require('../FormatFile-cjs.js');
4
4
  require('react');
5
5
  require('filesize');
6
6
  require('classnames');
7
+ require('../useAtlantisI18n-cjs.js');
8
+ require('../AtlantisContext-cjs.js');
7
9
  require('../Thumbnail-cjs.js');
8
10
  require('../Glimmer-cjs.js');
9
11
  require('../tslib.es6-cjs.js');
@@ -21,8 +23,6 @@ require('../Modal/index.cjs');
21
23
  require('react-dom');
22
24
  require('framer-motion');
23
25
  require('../nestedEscape-cjs.js');
24
- require('../useAtlantisI18n-cjs.js');
25
- require('../AtlantisContext-cjs.js');
26
26
  require('../Heading-cjs.js');
27
27
  require('../ButtonDismiss-cjs.js');
28
28
  require('../noop-cjs.js');
@@ -2,6 +2,8 @@ export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from '.
2
2
  import 'react';
3
3
  import 'filesize';
4
4
  import 'classnames';
5
+ import '../useAtlantisI18n-es.js';
6
+ import '../AtlantisContext-es.js';
5
7
  import '../Thumbnail-es.js';
6
8
  import '../Glimmer-es.js';
7
9
  import '../tslib.es6-es.js';
@@ -19,8 +21,6 @@ import '../Modal/index.mjs';
19
21
  import 'react-dom';
20
22
  import 'framer-motion';
21
23
  import '../nestedEscape-es.js';
22
- import '../useAtlantisI18n-es.js';
23
- import '../AtlantisContext-es.js';
24
24
  import '../Heading-es.js';
25
25
  import '../ButtonDismiss-es.js';
26
26
  import '../noop-es.js';
@@ -3,6 +3,7 @@
3
3
  var React = require('react');
4
4
  var getHumanReadableFileSize = require('filesize');
5
5
  var classnames = require('classnames');
6
+ var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
6
7
  var Thumbnail = require('./Thumbnail-cjs.js');
7
8
  var Text = require('./Text-cjs.js');
8
9
  var ProgressBar = require('./ProgressBar-cjs.js');
@@ -49,8 +50,28 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
49
50
  return false;
50
51
  }
51
52
 
53
+ const formatFileMessages = useAtlantisI18n.defineMessages({
54
+ deleteFile: {
55
+ en: "Delete File",
56
+ es: "Eliminar archivo",
57
+ },
58
+ confirmDeletion: {
59
+ en: "Confirm Deletion",
60
+ es: "Confirmar eliminación",
61
+ },
62
+ confirmDeletionMessage: {
63
+ en: "Are you sure you want to delete this file?",
64
+ es: "¿Estás seguro de que deseas eliminar este archivo?",
65
+ },
66
+ delete: {
67
+ en: "Delete",
68
+ es: "Eliminar",
69
+ },
70
+ });
71
+
52
72
  function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
53
73
  const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
74
+ const { t } = useAtlantisI18n.useAtlantisI18n(formatFileMessages);
54
75
  const { isComplete, fileSize } = useFormatFile({
55
76
  file,
56
77
  display,
@@ -76,7 +97,7 @@ function FormatFile({ file, display = "expanded", displaySize = "base", onDelete
76
97
  React.createElement(FormatFile.DeleteButton, { onDelete: () => {
77
98
  setDeleteConfirmationOpen(true);
78
99
  } },
79
- React.createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
100
+ React.createElement(ConfirmationModal.ConfirmationModal, { title: t("confirmDeletion"), message: t("confirmDeletionMessage"), confirmLabel: t("delete"), variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
80
101
  }
81
102
  FormatFile.DeleteButtonContainer = function FormatFileDeleteButtonContainer({ children, className, isHidden, }) {
82
103
  if (isHidden)
@@ -106,10 +127,11 @@ FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
106
127
  return React.createElement("div", { className: className }, children);
107
128
  };
108
129
  FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
130
+ const { t } = useAtlantisI18n.useAtlantisI18n(formatFileMessages);
109
131
  return (React.createElement(React.Fragment, null,
110
132
  React.createElement(Button.Button, { UNSAFE_className: {
111
133
  container: styles.customDeleteButton,
112
- }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
134
+ }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
113
135
  children));
114
136
  };
115
137
 
@@ -1,6 +1,7 @@
1
1
  import React__default, { useState } from 'react';
2
2
  import getHumanReadableFileSize from 'filesize';
3
3
  import classnames from 'classnames';
4
+ import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
4
5
  import { T as Thumbnail } from './Thumbnail-es.js';
5
6
  import { T as Text } from './Text-es.js';
6
7
  import { P as ProgressBar } from './ProgressBar-es.js';
@@ -47,8 +48,28 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
47
48
  return false;
48
49
  }
49
50
 
51
+ const formatFileMessages = defineMessages({
52
+ deleteFile: {
53
+ en: "Delete File",
54
+ es: "Eliminar archivo",
55
+ },
56
+ confirmDeletion: {
57
+ en: "Confirm Deletion",
58
+ es: "Confirmar eliminación",
59
+ },
60
+ confirmDeletionMessage: {
61
+ en: "Are you sure you want to delete this file?",
62
+ es: "¿Estás seguro de que deseas eliminar este archivo?",
63
+ },
64
+ delete: {
65
+ en: "Delete",
66
+ es: "Eliminar",
67
+ },
68
+ });
69
+
50
70
  function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
51
71
  const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false);
72
+ const { t } = useAtlantisI18n(formatFileMessages);
52
73
  const { isComplete, fileSize } = useFormatFile({
53
74
  file,
54
75
  display,
@@ -74,7 +95,7 @@ function FormatFile({ file, display = "expanded", displaySize = "base", onDelete
74
95
  React__default.createElement(FormatFile.DeleteButton, { onDelete: () => {
75
96
  setDeleteConfirmationOpen(true);
76
97
  } },
77
- React__default.createElement(ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
98
+ React__default.createElement(ConfirmationModal, { title: t("confirmDeletion"), message: t("confirmDeletionMessage"), confirmLabel: t("delete"), variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
78
99
  }
79
100
  FormatFile.DeleteButtonContainer = function FormatFileDeleteButtonContainer({ children, className, isHidden, }) {
80
101
  if (isHidden)
@@ -104,10 +125,11 @@ FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
104
125
  return React__default.createElement("div", { className: className }, children);
105
126
  };
106
127
  FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
128
+ const { t } = useAtlantisI18n(formatFileMessages);
107
129
  return (React__default.createElement(React__default.Fragment, null,
108
130
  React__default.createElement(Button, { UNSAFE_className: {
109
131
  container: styles.customDeleteButton,
110
- }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
132
+ }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
111
133
  children));
112
134
  };
113
135
 
@@ -40,6 +40,7 @@ require('../useFormFieldFocus-cjs.js');
40
40
  require('../InputValidation-cjs.js');
41
41
  require('../FormFieldPostFix-cjs.js');
42
42
  require('../Spinner-cjs.js');
43
+ require('../common.messages-cjs.js');
43
44
  require('../mergeRefs-cjs.js');
44
45
  require('../filterDataAttributes-cjs.js');
45
46
 
@@ -38,5 +38,6 @@ import '../useFormFieldFocus-es.js';
38
38
  import '../InputValidation-es.js';
39
39
  import '../FormFieldPostFix-es.js';
40
40
  import '../Spinner-es.js';
41
+ import '../common.messages-es.js';
41
42
  import '../mergeRefs-es.js';
42
43
  import '../filterDataAttributes-es.js';
@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
20
20
  require('../InputValidation-cjs.js');
21
21
  require('../FormFieldPostFix-cjs.js');
22
22
  require('../Spinner-cjs.js');
23
+ require('../common.messages-cjs.js');
23
24
  require('../filterDataAttributes-cjs.js');
24
25
 
25
26
 
@@ -18,4 +18,5 @@ import '../useFormFieldFocus-es.js';
18
18
  import '../InputValidation-es.js';
19
19
  import '../FormFieldPostFix-es.js';
20
20
  import '../Spinner-es.js';
21
+ import '../common.messages-es.js';
21
22
  import '../filterDataAttributes-es.js';
@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
20
20
  require('../InputValidation-cjs.js');
21
21
  require('../FormFieldPostFix-cjs.js');
22
22
  require('../Spinner-cjs.js');
23
+ require('../common.messages-cjs.js');
23
24
  require('../filterDataAttributes-cjs.js');
24
25
 
25
26
 
@@ -18,4 +18,5 @@ import '../useFormFieldFocus-es.js';
18
18
  import '../InputValidation-es.js';
19
19
  import '../FormFieldPostFix-es.js';
20
20
  import '../Spinner-es.js';
21
+ import '../common.messages-es.js';
21
22
  import '../filterDataAttributes-es.js';
@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
20
20
  require('../InputValidation-cjs.js');
21
21
  require('../FormFieldPostFix-cjs.js');
22
22
  require('../Spinner-cjs.js');
23
+ require('../common.messages-cjs.js');
23
24
  require('../mergeRefs-cjs.js');
24
25
  require('../filterDataAttributes-cjs.js');
25
26
 
@@ -18,5 +18,6 @@ import '../useFormFieldFocus-es.js';
18
18
  import '../InputValidation-es.js';
19
19
  import '../FormFieldPostFix-es.js';
20
20
  import '../Spinner-es.js';
21
+ import '../common.messages-es.js';
21
22
  import '../mergeRefs-es.js';
22
23
  import '../filterDataAttributes-es.js';
@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
20
20
  require('../InputValidation-cjs.js');
21
21
  require('../FormFieldPostFix-cjs.js');
22
22
  require('../Spinner-cjs.js');
23
+ require('../common.messages-cjs.js');
23
24
  require('../mergeRefs-cjs.js');
24
25
  require('../filterDataAttributes-cjs.js');
25
26
 
@@ -18,5 +18,6 @@ import '../useFormFieldFocus-es.js';
18
18
  import '../InputValidation-es.js';
19
19
  import '../FormFieldPostFix-es.js';
20
20
  import '../Spinner-es.js';
21
+ import '../common.messages-es.js';
21
22
  import '../mergeRefs-es.js';
22
23
  import '../filterDataAttributes-es.js';
@@ -6,7 +6,7 @@ export declare function resolveComposableBaseProps(props: {
6
6
  readonly style?: React.CSSProperties;
7
7
  readonly UNSAFE_className?: string;
8
8
  readonly UNSAFE_style?: React.CSSProperties;
9
- }): Pick<import("../utils/mergeUnsafeProps").UnsafeProps, "className" | "style">;
9
+ }): Pick<import("../utils/mergeUnsafeProps").UnsafeProps, "style" | "className">;
10
10
  export declare function hasMenuSlot(children: React.ReactNode, slot: MenuSlotName): boolean;
11
11
  export declare function resolveMenuTriggerRender({ children, render, }: {
12
12
  readonly children?: React.ReactNode;
package/dist/Menu-cjs.js CHANGED
@@ -1025,3 +1025,4 @@ Menu.ItemPrefix = MenuItemPrefix;
1025
1025
  Menu.ItemSuffix = MenuItemSuffix;
1026
1026
 
1027
1027
  exports.Menu = Menu;
1028
+ exports.menuMessages = menuMessages;
package/dist/Menu-es.js CHANGED
@@ -1022,4 +1022,4 @@ Menu.ItemLabel = MenuItemLabel;
1022
1022
  Menu.ItemPrefix = MenuItemPrefix;
1023
1023
  Menu.ItemSuffix = MenuItemSuffix;
1024
1024
 
1025
- export { Menu as M };
1025
+ export { Menu as M, menuMessages as m };
@@ -5,27 +5,21 @@ require('../tslib.es6-cjs.js');
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@jobber/hooks');
8
- require('../Heading-cjs.js');
9
- require('../Typography-cjs.js');
10
- require('../Text-cjs.js');
11
- require('../Content-cjs.js');
12
- require('../Markdown-cjs.js');
13
- require('../Emphasis-cjs.js');
14
- require('react/jsx-runtime');
15
- require('../_commonjsHelpers-cjs.js');
16
- require('../Button-cjs.js');
17
- require('react-router-dom');
18
- require('../Icon-cjs.js');
19
- require('@jobber/design');
20
8
  require('../Menu-cjs.js');
21
9
  require('framer-motion');
22
10
  require('../floating-ui.react-cjs.js');
23
11
  require('../floating-ui.utils.dom-cjs.js');
24
12
  require('../floating-ui.utils-cjs.js');
13
+ require('react/jsx-runtime');
25
14
  require('react-dom');
26
15
  require('../floating-ui.react-dom-cjs.js');
27
16
  require('../useAtlantisI18n-cjs.js');
28
17
  require('../AtlantisContext-cjs.js');
18
+ require('../Button-cjs.js');
19
+ require('react-router-dom');
20
+ require('../Icon-cjs.js');
21
+ require('@jobber/design');
22
+ require('../Typography-cjs.js');
29
23
  require('../useFormFieldFocus-cjs.js');
30
24
  require('../maxHeight-cjs.js');
31
25
  require('../useRenderElement-cjs.js');
@@ -42,6 +36,12 @@ require('../DrawerTitle-cjs.js');
42
36
  require('../MenuSubmenuTrigger-cjs.js');
43
37
  require('../useCompositeListItem-cjs.js');
44
38
  require('../isElementDisabled-cjs.js');
39
+ require('../Heading-cjs.js');
40
+ require('../Text-cjs.js');
41
+ require('../Content-cjs.js');
42
+ require('../Markdown-cjs.js');
43
+ require('../Emphasis-cjs.js');
44
+ require('../_commonjsHelpers-cjs.js');
45
45
  require('../filterDataAttributes-cjs.js');
46
46
 
47
47
 
@@ -3,27 +3,21 @@ import '../tslib.es6-es.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
5
  import '@jobber/hooks';
6
- import '../Heading-es.js';
7
- import '../Typography-es.js';
8
- import '../Text-es.js';
9
- import '../Content-es.js';
10
- import '../Markdown-es.js';
11
- import '../Emphasis-es.js';
12
- import 'react/jsx-runtime';
13
- import '../_commonjsHelpers-es.js';
14
- import '../Button-es.js';
15
- import 'react-router-dom';
16
- import '../Icon-es.js';
17
- import '@jobber/design';
18
6
  import '../Menu-es.js';
19
7
  import 'framer-motion';
20
8
  import '../floating-ui.react-es.js';
21
9
  import '../floating-ui.utils.dom-es.js';
22
10
  import '../floating-ui.utils-es.js';
11
+ import 'react/jsx-runtime';
23
12
  import 'react-dom';
24
13
  import '../floating-ui.react-dom-es.js';
25
14
  import '../useAtlantisI18n-es.js';
26
15
  import '../AtlantisContext-es.js';
16
+ import '../Button-es.js';
17
+ import 'react-router-dom';
18
+ import '../Icon-es.js';
19
+ import '@jobber/design';
20
+ import '../Typography-es.js';
27
21
  import '../useFormFieldFocus-es.js';
28
22
  import '../maxHeight-es.js';
29
23
  import '../useRenderElement-es.js';
@@ -40,4 +34,10 @@ import '../DrawerTitle-es.js';
40
34
  import '../MenuSubmenuTrigger-es.js';
41
35
  import '../useCompositeListItem-es.js';
42
36
  import '../isElementDisabled-es.js';
37
+ import '../Heading-es.js';
38
+ import '../Text-es.js';
39
+ import '../Content-es.js';
40
+ import '../Markdown-es.js';
41
+ import '../Emphasis-es.js';
42
+ import '../_commonjsHelpers-es.js';
43
43
  import '../filterDataAttributes-es.js';
package/dist/Page-cjs.js CHANGED
@@ -4,14 +4,15 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
4
4
  var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var jobberHooks = require('@jobber/hooks');
7
+ var Menu = require('./Menu-cjs.js');
7
8
  var Heading = require('./Heading-cjs.js');
8
9
  var Text = require('./Text-cjs.js');
9
10
  var Content = require('./Content-cjs.js');
10
11
  var Markdown = require('./Markdown-cjs.js');
11
12
  var Button = require('./Button-cjs.js');
12
- var Menu = require('./Menu-cjs.js');
13
13
  var Emphasis = require('./Emphasis-cjs.js');
14
14
  var filterDataAttributes = require('./filterDataAttributes-cjs.js');
15
+ var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
15
16
 
16
17
  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-"};
17
18
 
@@ -167,14 +168,16 @@ function PageSecondaryButton(_a) {
167
168
  * e.g. wrapping Menu.Item with createLink() from TanStack Router).
168
169
  */
169
170
  function PageMenu(_a) {
170
- var { children, triggerLabel = "More Actions" } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
171
+ var { children, triggerLabel } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
172
+ const { t } = useAtlantisI18n.useAtlantisI18n(Menu.menuMessages);
171
173
  const dataAttrs = filterDataAttributes.filterDataAttributes(rest);
172
174
  const { width } = usePageContext();
173
175
  const preferredPlacement = width === "fill" ? "bottom end" : undefined;
176
+ const resolvedTriggerLabel = triggerLabel !== null && triggerLabel !== void 0 ? triggerLabel : t("moreActions");
174
177
  return (React.createElement("div", Object.assign({}, dataAttrs),
175
178
  React.createElement(Menu.Menu, null,
176
179
  React.createElement(Menu.Menu.Trigger, null,
177
- React.createElement(Button.Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
180
+ React.createElement(Button.Button, { icon: "more", label: resolvedTriggerLabel, type: "secondary", fullWidth: true })),
178
181
  React.createElement(Menu.Menu.Content, { preferredPlacement: preferredPlacement }, children))));
179
182
  }
180
183
  /** Main content area of the page. */
package/dist/Page-es.js CHANGED
@@ -2,14 +2,15 @@ import { _ as __rest } from './tslib.es6-es.js';
2
2
  import React__default, { createContext, useContext } from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { useResizeObserver, Breakpoints } from '@jobber/hooks';
5
+ import { M as Menu, m as menuMessages } from './Menu-es.js';
5
6
  import { H as Heading } from './Heading-es.js';
6
7
  import { T as Text } from './Text-es.js';
7
8
  import { C as Content } from './Content-es.js';
8
9
  import { M as Markdown } from './Markdown-es.js';
9
10
  import { B as Button } from './Button-es.js';
10
- import { M as Menu } from './Menu-es.js';
11
11
  import { E as Emphasis } from './Emphasis-es.js';
12
12
  import { f as filterDataAttributes } from './filterDataAttributes-es.js';
13
+ import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
13
14
 
14
15
  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-"};
15
16
 
@@ -165,14 +166,16 @@ function PageSecondaryButton(_a) {
165
166
  * e.g. wrapping Menu.Item with createLink() from TanStack Router).
166
167
  */
167
168
  function PageMenu(_a) {
168
- var { children, triggerLabel = "More Actions" } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
169
+ var { children, triggerLabel } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
170
+ const { t } = useAtlantisI18n(menuMessages);
169
171
  const dataAttrs = filterDataAttributes(rest);
170
172
  const { width } = usePageContext();
171
173
  const preferredPlacement = width === "fill" ? "bottom end" : undefined;
174
+ const resolvedTriggerLabel = triggerLabel !== null && triggerLabel !== void 0 ? triggerLabel : t("moreActions");
172
175
  return (React__default.createElement("div", Object.assign({}, dataAttrs),
173
176
  React__default.createElement(Menu, null,
174
177
  React__default.createElement(Menu.Trigger, null,
175
- React__default.createElement(Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
178
+ React__default.createElement(Button, { icon: "more", label: resolvedTriggerLabel, type: "secondary", fullWidth: true })),
176
179
  React__default.createElement(Menu.Content, { preferredPlacement: preferredPlacement }, children))));
177
180
  }
178
181
  /** Main content area of the page. */
@@ -0,0 +1,6 @@
1
+ export declare const progressBarMessages: {
2
+ steppedProgress: {
3
+ en: string;
4
+ es: string;
5
+ };
6
+ };
@@ -3,6 +3,8 @@
3
3
  var ProgressBar = require('../ProgressBar-cjs.js');
4
4
  require('react');
5
5
  require('classnames');
6
+ require('../useAtlantisI18n-cjs.js');
7
+ require('../AtlantisContext-cjs.js');
6
8
 
7
9
 
8
10