@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.
- package/dist/ActivityIndicator/ActivityIndicator.d.ts +1 -1
- package/dist/ActivityIndicator/index.cjs +3 -0
- package/dist/ActivityIndicator/index.mjs +3 -0
- package/dist/ActivityIndicator-cjs.js +5 -1
- package/dist/ActivityIndicator-es.js +5 -1
- package/dist/Autocomplete/index.cjs +1 -0
- package/dist/Autocomplete/index.mjs +1 -0
- package/dist/Chips/InternalChipDismissible/index.cjs +1 -0
- package/dist/Chips/InternalChipDismissible/index.mjs +1 -0
- package/dist/Chips/index.cjs +1 -0
- package/dist/Chips/index.mjs +1 -0
- package/dist/DataDump/DataDump.d.ts +1 -1
- package/dist/DataDump/DataDump.messages.d.ts +6 -0
- package/dist/DataDump/index.cjs +2 -2
- package/dist/DataDump/index.mjs +2 -2
- package/dist/DataDump-cjs.js +11 -1
- package/dist/DataDump-es.js +11 -1
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +3 -2
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +3 -2
- package/dist/DataList/components/DataListFilters/index.cjs +3 -2
- package/dist/DataList/components/DataListFilters/index.mjs +3 -2
- package/dist/DataList/components/DataListLoadMore/index.cjs +3 -0
- package/dist/DataList/components/DataListLoadMore/index.mjs +3 -0
- package/dist/DataList/components/DataListSearch/index.cjs +1 -0
- package/dist/DataList/components/DataListSearch/index.mjs +1 -0
- package/dist/DataList/index.cjs +3 -2
- package/dist/DataList/index.mjs +3 -2
- package/dist/DataTable/DataTable.messages.d.ts +22 -0
- package/dist/DataTable/index.cjs +3 -2
- package/dist/DataTable/index.mjs +3 -2
- package/dist/DataTable-cjs.js +34 -5
- package/dist/DataTable-es.js +34 -5
- package/dist/FeatureSwitch/FeatureSwitch.messages.d.ts +10 -0
- package/dist/FeatureSwitch/index.cjs +2 -0
- package/dist/FeatureSwitch/index.mjs +2 -0
- package/dist/FeatureSwitch-cjs.js +15 -2
- package/dist/FeatureSwitch-es.js +15 -2
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.cjs +3 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.mjs +3 -0
- package/dist/FilterPicker/components/FilterPickerContent/index.cjs +3 -0
- package/dist/FilterPicker/components/FilterPickerContent/index.mjs +3 -0
- package/dist/FilterPicker/index.cjs +3 -2
- package/dist/FilterPicker/index.mjs +3 -2
- package/dist/FormatFile/FormatFile.messages.d.ts +18 -0
- package/dist/FormatFile/index.cjs +2 -2
- package/dist/FormatFile/index.mjs +2 -2
- package/dist/FormatFile-cjs.js +24 -2
- package/dist/FormatFile-es.js +24 -2
- package/dist/InputDate/index.cjs +1 -0
- package/dist/InputDate/index.mjs +1 -0
- package/dist/InputEmail/index.cjs +1 -0
- package/dist/InputEmail/index.mjs +1 -0
- package/dist/InputPhoneNumber/index.cjs +1 -0
- package/dist/InputPhoneNumber/index.mjs +1 -0
- package/dist/InputText/index.cjs +1 -0
- package/dist/InputText/index.mjs +1 -0
- package/dist/LegacySelect/index.cjs +1 -0
- package/dist/LegacySelect/index.mjs +1 -0
- package/dist/Menu/menuComposableShared.d.ts +1 -1
- package/dist/Menu-cjs.js +1 -0
- package/dist/Menu-es.js +1 -1
- package/dist/Page/index.cjs +12 -12
- package/dist/Page/index.mjs +12 -12
- package/dist/Page-cjs.js +6 -3
- package/dist/Page-es.js +6 -3
- package/dist/ProgressBar/ProgressBar.messages.d.ts +6 -0
- package/dist/ProgressBar/index.cjs +2 -0
- package/dist/ProgressBar/index.mjs +2 -0
- package/dist/ProgressBar-cjs.js +13 -1
- package/dist/ProgressBar-es.js +13 -1
- package/dist/Spinner/index.cjs +3 -0
- package/dist/Spinner/index.mjs +3 -0
- package/dist/Spinner-cjs.js +4 -1
- package/dist/Spinner-es.js +4 -1
- package/dist/Toast/Toast.messages.d.ts +6 -0
- package/dist/Toast/index.cjs +3 -1
- package/dist/Toast/index.mjs +3 -1
- package/dist/Toast/showToast.d.ts +12 -1
- package/dist/docs/ActivityIndicator/ActivityIndicator.md +1 -1
- package/dist/docs/DataDump/DataDump.md +1 -1
- package/dist/docs/Page/Page.md +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +2 -2
- package/dist/primitives/InputNumberExperimental/index.cjs +3 -0
- package/dist/primitives/InputNumberExperimental/index.mjs +3 -0
- package/dist/primitives/index.cjs +3 -0
- package/dist/primitives/index.mjs +3 -0
- package/dist/sharedHelpers/i18n/renderWithLocale.d.ts +11 -0
- package/dist/showToast-cjs.js +20 -6
- package/dist/showToast-es.js +20 -6
- 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" }, "
|
|
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: "
|
|
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);
|
package/dist/FeatureSwitch-es.js
CHANGED
|
@@ -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" }, "
|
|
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: "
|
|
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';
|
package/dist/FormatFile-cjs.js
CHANGED
|
@@ -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: "
|
|
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: "
|
|
134
|
+
}, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
|
|
113
135
|
children));
|
|
114
136
|
};
|
|
115
137
|
|
package/dist/FormatFile-es.js
CHANGED
|
@@ -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: "
|
|
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: "
|
|
132
|
+
}, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
|
|
111
133
|
children));
|
|
112
134
|
};
|
|
113
135
|
|
package/dist/InputDate/index.cjs
CHANGED
|
@@ -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
|
|
package/dist/InputDate/index.mjs
CHANGED
package/dist/InputText/index.cjs
CHANGED
|
@@ -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
|
|
package/dist/InputText/index.mjs
CHANGED
|
@@ -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
|
|
|
@@ -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, "
|
|
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
package/dist/Menu-es.js
CHANGED
package/dist/Page/index.cjs
CHANGED
|
@@ -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
|
|
package/dist/Page/index.mjs
CHANGED
|
@@ -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
|
|
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:
|
|
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
|
|
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:
|
|
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. */
|