pne-ui 3.0.68 → 3.0.69
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/cjs/component/fab/PneFloatingActionButtons.js +13 -7
- package/cjs/component/fab/PneFloatingActionButtons.js.map +1 -1
- package/cjs/component/widget-board/WidgetLayoutsPanel.js +17 -9
- package/cjs/component/widget-board/WidgetLayoutsPanel.js.map +1 -1
- package/cjs/component/widget-board/useWidgetBoardLayoutActions.js +4 -2
- package/cjs/component/widget-board/useWidgetBoardLayoutActions.js.map +1 -1
- package/cjs/component/widget-board/useWidgetBoardLayoutSource.js +4 -2
- package/cjs/component/widget-board/useWidgetBoardLayoutSource.js.map +1 -1
- package/esm/component/fab/PneFloatingActionButtons.js +13 -7
- package/esm/component/fab/PneFloatingActionButtons.js.map +1 -1
- package/esm/component/widget-board/WidgetLayoutsPanel.js +17 -9
- package/esm/component/widget-board/WidgetLayoutsPanel.js.map +1 -1
- package/esm/component/widget-board/useWidgetBoardLayoutActions.js +4 -2
- package/esm/component/widget-board/useWidgetBoardLayoutActions.js.map +1 -1
- package/esm/component/widget-board/useWidgetBoardLayoutSource.js +4 -2
- package/esm/component/widget-board/useWidgetBoardLayoutSource.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const ArrowUpward_1 = tslib_1.__importDefault(require("@mui/icons-material/ArrowUpward"));
|
|
7
7
|
const Edit_1 = tslib_1.__importDefault(require("@mui/icons-material/Edit"));
|
|
8
8
|
const material_1 = require("@mui/material");
|
|
9
|
+
const react_i18next_1 = require("react-i18next");
|
|
9
10
|
const breakpoints_1 = require("../../common/responsive/breakpoints");
|
|
10
11
|
const useBreakpoint_1 = require("../responsive/useBreakpoint");
|
|
11
12
|
const isContentItem = (item) => 'kind' in item && item.kind === 'content';
|
|
@@ -17,9 +18,13 @@ const isActionItem = (item) => !isContentItem(item) && !isDividerItem(item);
|
|
|
17
18
|
* - on desktop: actions rendered as floating Fabs stacked above the trigger; Menu still opens for content/banner
|
|
18
19
|
* Actions array may include content blocks (`{ kind: 'content', node: <...> }`) to embed custom UI.
|
|
19
20
|
*/
|
|
20
|
-
function PneFloatingActionButtons({ actions, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS, mobileBreakpoint = 800, position, fabLabel
|
|
21
|
+
function PneFloatingActionButtons({ actions, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS, mobileBreakpoint = 800, position, fabLabel, fabIcon = react_1.default.createElement(Edit_1.default, null), className, bannerText, }) {
|
|
22
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
21
23
|
const breakpoint = (0, useBreakpoint_1.useBreakpoint)({ breakpoints });
|
|
22
24
|
const isMobile = breakpoint < mobileBreakpoint;
|
|
25
|
+
const resolvedFabLabel = fabLabel ?? t('pne.fab.actions', { defaultValue: 'Actions' });
|
|
26
|
+
const resolvedFabActionLabel = t('pne.fab.action', { defaultValue: 'Action' });
|
|
27
|
+
const scrollTopLabel = t('pne.fab.scrollToTop', { defaultValue: 'Scroll to top' });
|
|
23
28
|
const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
|
|
24
29
|
const [showScrollTop, setShowScrollTop] = (0, react_1.useState)(false);
|
|
25
30
|
const handleOpen = (event) => setAnchorEl(event.currentTarget);
|
|
@@ -73,20 +78,21 @@ function PneFloatingActionButtons({ actions, breakpoints = breakpoints_1.DEFAULT
|
|
|
73
78
|
}, []);
|
|
74
79
|
return (react_1.default.createElement(material_1.Box, { position: 'fixed', zIndex: 1300, className: className, sx: containerSx },
|
|
75
80
|
react_1.default.createElement(material_1.Stack, { spacing: 1, alignItems: 'flex-end', sx: stackSx },
|
|
76
|
-
showScrollTop ? (react_1.default.createElement(material_1.Tooltip, { title:
|
|
81
|
+
showScrollTop ? (react_1.default.createElement(material_1.Tooltip, { title: scrollTopLabel, placement: 'left', disableInteractive: true },
|
|
77
82
|
react_1.default.createElement("span", null,
|
|
78
|
-
react_1.default.createElement(material_1.Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleScrollTop, "aria-label":
|
|
83
|
+
react_1.default.createElement(material_1.Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleScrollTop, "aria-label": scrollTopLabel, sx: fabSx },
|
|
79
84
|
react_1.default.createElement(ArrowUpward_1.default, { fontSize: 'small' }))))) : null,
|
|
80
85
|
!isMobile
|
|
81
86
|
? actionItems.map(item => {
|
|
82
|
-
const title = item.tooltip ??
|
|
87
|
+
const title = item.tooltip ??
|
|
88
|
+
(typeof item.label === 'string' ? item.label : typeof resolvedFabLabel === 'string' ? resolvedFabLabel : resolvedFabActionLabel);
|
|
83
89
|
return (react_1.default.createElement(material_1.Tooltip, { key: item.id, title: title, placement: 'left', disableInteractive: true },
|
|
84
90
|
react_1.default.createElement("span", null,
|
|
85
|
-
react_1.default.createElement(material_1.Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: () => handleAction(item), "aria-label": typeof title === 'string' ? title :
|
|
91
|
+
react_1.default.createElement(material_1.Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: () => handleAction(item), "aria-label": typeof title === 'string' ? title : resolvedFabActionLabel, sx: fabSx }, item.icon ?? (typeof item.label === 'string' ? item.label.charAt(0) : fabIcon)))));
|
|
86
92
|
})
|
|
87
93
|
: null,
|
|
88
|
-
react_1.default.createElement(material_1.Tooltip, { title:
|
|
89
|
-
react_1.default.createElement(material_1.Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleOpen, "aria-label": typeof
|
|
94
|
+
react_1.default.createElement(material_1.Tooltip, { title: resolvedFabLabel, disableInteractive: true },
|
|
95
|
+
react_1.default.createElement(material_1.Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleOpen, "aria-label": typeof resolvedFabLabel === 'string' ? resolvedFabLabel : t('pne.fab.actions', { defaultValue: 'Actions' }), sx: fabSx }, fabIcon))),
|
|
90
96
|
react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'top', horizontal: 'left' }, MenuListProps: { sx: { py: 0 } } },
|
|
91
97
|
renderMenuItems(menuItems),
|
|
92
98
|
bannerText ? (react_1.default.createElement(material_1.MenuItem, { disabled: true, sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneFloatingActionButtons.js","sourceRoot":"","sources":["../../../src/component/fab/PneFloatingActionButtons.tsx"],"names":[],"mappings":";;;;AAAA,uDAAkD;AAClD,0FAA6D;AAC7D,4EAA+C;AAC/C,4CAA6G;AAC7G,qEAAyE;AACzE,+DAA2D;AA0B3D,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAyB,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAA;AAC5G,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAyB,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAA;AAC5G,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAwB,EAAE,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;AAa7G;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,EACrC,OAAO,EACP,WAAW,GAAG,iCAAmB,EACjC,gBAAgB,GAAG,GAAG,EACtB,QAAQ,EACR,QAAQ,
|
|
1
|
+
{"version":3,"file":"PneFloatingActionButtons.js","sourceRoot":"","sources":["../../../src/component/fab/PneFloatingActionButtons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,12 +5,13 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
|
+
const react_i18next_1 = require("react-i18next");
|
|
8
9
|
const PneModal_1 = tslib_1.__importDefault(require("../PneModal"));
|
|
9
10
|
const PneTextField_1 = tslib_1.__importDefault(require("../PneTextField"));
|
|
10
11
|
const PneButton_1 = tslib_1.__importDefault(require("../PneButton"));
|
|
11
12
|
const widgetLayoutsPanelStore_1 = require("./widgetLayoutsPanelStore");
|
|
12
|
-
const
|
|
13
|
-
const
|
|
13
|
+
const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAdd, addLabel, className, lockedIds = [], }) => {
|
|
14
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
14
15
|
const bridge = (0, react_1.useSyncExternalStore)(widgetLayoutsPanelStore_1.subscribeWidgetLayoutsPanelBridge, () => (0, widgetLayoutsPanelStore_1.getWidgetLayoutsPanelBridge)(), () => null);
|
|
15
16
|
const resolvedItems = items ?? bridge?.items ?? [];
|
|
16
17
|
const resolvedSelectedId = selectedId ?? bridge?.selectedId;
|
|
@@ -18,6 +19,13 @@ const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAdd, addL
|
|
|
18
19
|
const resolvedOnDelete = onDelete ?? bridge?.onDelete;
|
|
19
20
|
const resolvedOnAdd = onAdd ?? bridge?.onAdd;
|
|
20
21
|
const resolvedLockedIds = lockedIds.length ? lockedIds : bridge?.lockedIds ?? [];
|
|
22
|
+
const resolvedAddLabel = addLabel ?? t('pne.widgetBoard.layouts.add', { defaultValue: 'Add new layout' });
|
|
23
|
+
const title = t('pne.widgetBoard.layouts.title', { defaultValue: 'Layouts' });
|
|
24
|
+
const emptyLabel = t('pne.widgetBoard.layouts.empty', { defaultValue: 'No layouts yet' });
|
|
25
|
+
const modalTitle = t('pne.widgetBoard.layouts.newTitle', { defaultValue: 'New layout' });
|
|
26
|
+
const templateNameLabel = t('pne.widgetBoard.layouts.templateName', { defaultValue: 'Template name' });
|
|
27
|
+
const cancelLabel = t('pne.widgetBoard.layouts.cancel', { defaultValue: 'Cancel' });
|
|
28
|
+
const saveLabel = t('pne.widgetBoard.layouts.save', { defaultValue: 'Save' });
|
|
21
29
|
const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
|
|
22
30
|
const [name, setName] = (0, react_1.useState)('');
|
|
23
31
|
const handleSave = () => {
|
|
@@ -42,8 +50,8 @@ const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAdd, addL
|
|
|
42
50
|
alignItems: 'center',
|
|
43
51
|
borderBottom: '1px solid #0000001F',
|
|
44
52
|
} },
|
|
45
|
-
react_1.default.createElement(material_1.Typography, { variant: 'subtitle2', sx: { lineHeight: '20px', fontWeight: 400, fontSize: '14px' } },
|
|
46
|
-
react_1.default.createElement(material_1.Stack, null, resolvedItems.length === 0 ? (react_1.default.createElement(material_1.Box, { sx: { px: 2, minHeight: 32, display: 'flex', alignItems: 'center', color: 'text.secondary' } },
|
|
53
|
+
react_1.default.createElement(material_1.Typography, { variant: 'subtitle2', sx: { lineHeight: '20px', fontWeight: 400, fontSize: '14px' } }, title)),
|
|
54
|
+
react_1.default.createElement(material_1.Stack, null, resolvedItems.length === 0 ? (react_1.default.createElement(material_1.Box, { sx: { px: 2, minHeight: 32, display: 'flex', alignItems: 'center', color: 'text.secondary' } }, emptyLabel)) : (resolvedItems.map(item => {
|
|
47
55
|
const selected = item.id === resolvedSelectedId;
|
|
48
56
|
const locked = resolvedLockedIds.includes(item.id);
|
|
49
57
|
return (react_1.default.createElement(material_1.Box, { key: item.id, onClick: () => resolvedOnSelect?.(item.id), sx: {
|
|
@@ -83,13 +91,13 @@ const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAdd, addL
|
|
|
83
91
|
backgroundColor: 'transparent',
|
|
84
92
|
textDecoration: 'none',
|
|
85
93
|
},
|
|
86
|
-
} },
|
|
87
|
-
hasAdd ? (react_1.default.createElement(PneModal_1.default, { open: modalOpen, onClose: () => setModalOpen(false), title:
|
|
94
|
+
} }, resolvedAddLabel))) : null,
|
|
95
|
+
hasAdd ? (react_1.default.createElement(PneModal_1.default, { open: modalOpen, onClose: () => setModalOpen(false), title: modalTitle },
|
|
88
96
|
react_1.default.createElement(material_1.Stack, { spacing: 2 },
|
|
89
|
-
react_1.default.createElement(PneTextField_1.default, { label:
|
|
97
|
+
react_1.default.createElement(PneTextField_1.default, { label: templateNameLabel, fullWidth: true, value: name, onChange: event => setName(event.target.value), autoFocus: true }),
|
|
90
98
|
react_1.default.createElement(material_1.Box, { sx: { display: 'flex', gap: 1, justifyContent: 'flex-end' } },
|
|
91
|
-
react_1.default.createElement(PneButton_1.default, { pneStyle: 'text', size: 'small', onClick: () => setModalOpen(false), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } },
|
|
92
|
-
react_1.default.createElement(PneButton_1.default, { pneStyle: 'contained', size: 'small', onClick: handleSave, disabled: !name.trim(), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } },
|
|
99
|
+
react_1.default.createElement(PneButton_1.default, { pneStyle: 'text', size: 'small', onClick: () => setModalOpen(false), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } }, cancelLabel),
|
|
100
|
+
react_1.default.createElement(PneButton_1.default, { pneStyle: 'contained', size: 'small', onClick: handleSave, disabled: !name.trim(), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } }, saveLabel))))) : null));
|
|
93
101
|
};
|
|
94
102
|
exports.WidgetLayoutsPanel = WidgetLayoutsPanel;
|
|
95
103
|
exports.default = exports.WidgetLayoutsPanel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetLayoutsPanel.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetLayoutsPanel.tsx"],"names":[],"mappings":";;;;AAAA,uDAA6D;AAC7D,gFAAmD;AACnD,4CAAkE;AAClE,mEAAkC;AAClC,2EAA0C;AAC1C,qEAAoC;AACpC,uEAA0G;
|
|
1
|
+
{"version":3,"file":"WidgetLayoutsPanel.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetLayoutsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useWidgetBoardLayoutActions = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
+
const react_i18next_1 = require("react-i18next");
|
|
5
6
|
const widgetLayoutsPanelStore_1 = require("./widgetLayoutsPanelStore");
|
|
6
7
|
const widgetBoardLayoutUtils_1 = require("./widgetBoardLayoutUtils");
|
|
7
8
|
const useWidgetBoardLayoutActions = ({ buildCurrentPreset, defaultLayoutId, isLoadingLayouts, layoutOptions, layoutOptionsMap, layoutSourceOwnerIdRef, lockedLayoutIdRef, saveLayouts, actionsState, onResetLayout, onRestoreHidden, selectedLayoutId, setLayoutOptions, setSelectedLayoutId, }) => {
|
|
9
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
8
10
|
const autosaveTimeoutRef = (0, react_1.useRef)(null);
|
|
9
11
|
(0, react_1.useEffect)(() => {
|
|
10
12
|
return () => {
|
|
@@ -33,14 +35,14 @@ const useWidgetBoardLayoutActions = ({ buildCurrentPreset, defaultLayoutId, isLo
|
|
|
33
35
|
const layoutByBreakpoint = buildCurrentPreset();
|
|
34
36
|
const option = {
|
|
35
37
|
id: (0, widgetBoardLayoutUtils_1.createLayoutId)(),
|
|
36
|
-
name: name.trim() || 'Custom layout',
|
|
38
|
+
name: name.trim() || t('pne.widgetBoard.layouts.customName', { defaultValue: 'Custom layout' }),
|
|
37
39
|
layoutByBreakpoint,
|
|
38
40
|
};
|
|
39
41
|
const nextOptions = [...layoutOptions, option];
|
|
40
42
|
setLayoutOptions(nextOptions);
|
|
41
43
|
setSelectedLayoutId(option.id);
|
|
42
44
|
persistLayouts(nextOptions, option.id);
|
|
43
|
-
}, [buildCurrentPreset, layoutOptions, persistLayouts, setLayoutOptions, setSelectedLayoutId]);
|
|
45
|
+
}, [buildCurrentPreset, layoutOptions, persistLayouts, setLayoutOptions, setSelectedLayoutId, t]);
|
|
44
46
|
const deleteLayout = (0, react_1.useCallback)((id) => {
|
|
45
47
|
if (!layoutOptionsMap.has(id))
|
|
46
48
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWidgetBoardLayoutActions.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutActions.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AAEtD,uEAAuE;AACvE,qEAAyD;AAoBlD,MAAM,2BAA2B,GAAG,CAAC,EACxC,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,GACa,EAAE,EAAE;IACpC,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAuC,IAAI,CAAC,CAAA;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;YAC5C,CAAC;QACL,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,IAAA,mBAAW,EAC9B,CAAC,OAAkC,EAAE,SAAkB,EAAE,EAAE;QACvD,IAAI,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC;YAAE,OAAO,SAAS,CAAA;QAClF,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IACzB,CAAC,EACD,EAAE,CACL,CAAA;IAED,MAAM,cAAc,GAAG,IAAA,mBAAW,EAC9B,CAAC,OAAkC,EAAE,cAAuB,EAAE,EAAE;QAC5D,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAChE,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAA;QACxD,CAAC,CAAC,CAAA;IACN,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAA;IAED,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC5B,CAAC,EAAU,EAAE,EAAE;QACX,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,OAAM;QACvE,mBAAmB,CAAC,EAAE,CAAC,CAAA;QACvB,cAAc,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA;IACrC,CAAC,EACD,CAAC,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,CAC3F,CAAA;IAED,MAAM,SAAS,GAAG,IAAA,mBAAW,EACzB,CAAC,IAAY,EAAE,EAAE;QACb,MAAM,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;QAC/C,MAAM,MAAM,GAA4B;YACpC,EAAE,EAAE,IAAA,uCAAc,GAAE;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,eAAe;
|
|
1
|
+
{"version":3,"file":"useWidgetBoardLayoutActions.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutActions.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,13 +2,15 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useWidgetBoardLayoutSource = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
+
const react_i18next_1 = require("react-i18next");
|
|
5
6
|
const widgetBoardLayoutUtils_1 = require("./widgetBoardLayoutUtils");
|
|
6
7
|
const useWidgetBoardLayoutSource = ({ layoutByBreakpoint }) => {
|
|
8
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
7
9
|
const defaultOption = (0, react_1.useMemo)(() => ({
|
|
8
10
|
id: 'default',
|
|
9
|
-
name: 'Default layout',
|
|
11
|
+
name: t('pne.widgetBoard.layouts.defaultName', { defaultValue: 'Default layout' }),
|
|
10
12
|
layoutByBreakpoint,
|
|
11
|
-
}), [layoutByBreakpoint]);
|
|
13
|
+
}), [layoutByBreakpoint, t]);
|
|
12
14
|
const initialOptions = (0, react_1.useMemo)(() => (0, widgetBoardLayoutUtils_1.buildLayoutOptions)(undefined, defaultOption), [defaultOption]);
|
|
13
15
|
const [layoutOptions, setLayoutOptions] = (0, react_1.useState)(initialOptions);
|
|
14
16
|
const [selectedLayoutId, setSelectedLayoutId] = (0, react_1.useState)(initialOptions[0]?.id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWidgetBoardLayoutSource.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutSource.ts"],"names":[],"mappings":";;;AAAA,iCAA4D;
|
|
1
|
+
{"version":3,"file":"useWidgetBoardLayoutSource.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutSource.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
|
|
|
2
2
|
import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
|
|
3
3
|
import EditIcon from '@mui/icons-material/Edit';
|
|
4
4
|
import { Box, Divider, Fab, ListItemIcon, ListItemText, Menu, MenuItem, Stack, Tooltip } from '@mui/material';
|
|
5
|
+
import { useTranslation } from 'react-i18next';
|
|
5
6
|
import { DEFAULT_BREAKPOINTS } from '../../common/responsive/breakpoints';
|
|
6
7
|
import { useBreakpoint } from '../responsive/useBreakpoint';
|
|
7
8
|
const isContentItem = (item) => 'kind' in item && item.kind === 'content';
|
|
@@ -13,9 +14,13 @@ const isActionItem = (item) => !isContentItem(item) && !isDividerItem(item);
|
|
|
13
14
|
* - on desktop: actions rendered as floating Fabs stacked above the trigger; Menu still opens for content/banner
|
|
14
15
|
* Actions array may include content blocks (`{ kind: 'content', node: <...> }`) to embed custom UI.
|
|
15
16
|
*/
|
|
16
|
-
export function PneFloatingActionButtons({ actions, breakpoints = DEFAULT_BREAKPOINTS, mobileBreakpoint = 800, position, fabLabel
|
|
17
|
+
export function PneFloatingActionButtons({ actions, breakpoints = DEFAULT_BREAKPOINTS, mobileBreakpoint = 800, position, fabLabel, fabIcon = React.createElement(EditIcon, null), className, bannerText, }) {
|
|
18
|
+
const { t } = useTranslation();
|
|
17
19
|
const breakpoint = useBreakpoint({ breakpoints });
|
|
18
20
|
const isMobile = breakpoint < mobileBreakpoint;
|
|
21
|
+
const resolvedFabLabel = fabLabel ?? t('pne.fab.actions', { defaultValue: 'Actions' });
|
|
22
|
+
const resolvedFabActionLabel = t('pne.fab.action', { defaultValue: 'Action' });
|
|
23
|
+
const scrollTopLabel = t('pne.fab.scrollToTop', { defaultValue: 'Scroll to top' });
|
|
19
24
|
const [anchorEl, setAnchorEl] = useState(null);
|
|
20
25
|
const [showScrollTop, setShowScrollTop] = useState(false);
|
|
21
26
|
const handleOpen = (event) => setAnchorEl(event.currentTarget);
|
|
@@ -69,20 +74,21 @@ export function PneFloatingActionButtons({ actions, breakpoints = DEFAULT_BREAKP
|
|
|
69
74
|
}, []);
|
|
70
75
|
return (React.createElement(Box, { position: 'fixed', zIndex: 1300, className: className, sx: containerSx },
|
|
71
76
|
React.createElement(Stack, { spacing: 1, alignItems: 'flex-end', sx: stackSx },
|
|
72
|
-
showScrollTop ? (React.createElement(Tooltip, { title:
|
|
77
|
+
showScrollTop ? (React.createElement(Tooltip, { title: scrollTopLabel, placement: 'left', disableInteractive: true },
|
|
73
78
|
React.createElement("span", null,
|
|
74
|
-
React.createElement(Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleScrollTop, "aria-label":
|
|
79
|
+
React.createElement(Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleScrollTop, "aria-label": scrollTopLabel, sx: fabSx },
|
|
75
80
|
React.createElement(ArrowUpwardIcon, { fontSize: 'small' }))))) : null,
|
|
76
81
|
!isMobile
|
|
77
82
|
? actionItems.map(item => {
|
|
78
|
-
const title = item.tooltip ??
|
|
83
|
+
const title = item.tooltip ??
|
|
84
|
+
(typeof item.label === 'string' ? item.label : typeof resolvedFabLabel === 'string' ? resolvedFabLabel : resolvedFabActionLabel);
|
|
79
85
|
return (React.createElement(Tooltip, { key: item.id, title: title, placement: 'left', disableInteractive: true },
|
|
80
86
|
React.createElement("span", null,
|
|
81
|
-
React.createElement(Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: () => handleAction(item), "aria-label": typeof title === 'string' ? title :
|
|
87
|
+
React.createElement(Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: () => handleAction(item), "aria-label": typeof title === 'string' ? title : resolvedFabActionLabel, sx: fabSx }, item.icon ?? (typeof item.label === 'string' ? item.label.charAt(0) : fabIcon)))));
|
|
82
88
|
})
|
|
83
89
|
: null,
|
|
84
|
-
React.createElement(Tooltip, { title:
|
|
85
|
-
React.createElement(Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleOpen, "aria-label": typeof
|
|
90
|
+
React.createElement(Tooltip, { title: resolvedFabLabel, disableInteractive: true },
|
|
91
|
+
React.createElement(Fab, { className: 'pne-fab', color: 'primary', size: 'small', onClick: handleOpen, "aria-label": typeof resolvedFabLabel === 'string' ? resolvedFabLabel : t('pne.fab.actions', { defaultValue: 'Actions' }), sx: fabSx }, fabIcon))),
|
|
86
92
|
React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'top', horizontal: 'left' }, MenuListProps: { sx: { py: 0 } } },
|
|
87
93
|
renderMenuItems(menuItems),
|
|
88
94
|
bannerText ? (React.createElement(MenuItem, { disabled: true, sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneFloatingActionButtons.js","sourceRoot":"","sources":["../../../src/component/fab/PneFloatingActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC7G,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AA0B3D,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAyB,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAA;AAC5G,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAyB,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAA;AAC5G,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAwB,EAAE,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;AAa7G;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACrC,OAAO,EACP,WAAW,GAAG,mBAAmB,EACjC,gBAAgB,GAAG,GAAG,EACtB,QAAQ,EACR,QAAQ,
|
|
1
|
+
{"version":3,"file":"PneFloatingActionButtons.js","sourceRoot":"","sources":["../../../src/component/fab/PneFloatingActionButtons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { useState, useSyncExternalStore } from 'react';
|
|
2
2
|
import DeleteIcon from '@mui/icons-material/Delete';
|
|
3
3
|
import { Box, IconButton, Stack, Typography } from '@mui/material';
|
|
4
|
+
import { useTranslation } from 'react-i18next';
|
|
4
5
|
import PneModal from '../PneModal';
|
|
5
6
|
import PneTextField from '../PneTextField';
|
|
6
7
|
import PneButton from '../PneButton';
|
|
7
8
|
import { getWidgetLayoutsPanelBridge, subscribeWidgetLayoutsPanelBridge } from './widgetLayoutsPanelStore';
|
|
8
|
-
const
|
|
9
|
-
|
|
9
|
+
export const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAdd, addLabel, className, lockedIds = [], }) => {
|
|
10
|
+
const { t } = useTranslation();
|
|
10
11
|
const bridge = useSyncExternalStore(subscribeWidgetLayoutsPanelBridge, () => getWidgetLayoutsPanelBridge(), () => null);
|
|
11
12
|
const resolvedItems = items ?? bridge?.items ?? [];
|
|
12
13
|
const resolvedSelectedId = selectedId ?? bridge?.selectedId;
|
|
@@ -14,6 +15,13 @@ export const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAd
|
|
|
14
15
|
const resolvedOnDelete = onDelete ?? bridge?.onDelete;
|
|
15
16
|
const resolvedOnAdd = onAdd ?? bridge?.onAdd;
|
|
16
17
|
const resolvedLockedIds = lockedIds.length ? lockedIds : bridge?.lockedIds ?? [];
|
|
18
|
+
const resolvedAddLabel = addLabel ?? t('pne.widgetBoard.layouts.add', { defaultValue: 'Add new layout' });
|
|
19
|
+
const title = t('pne.widgetBoard.layouts.title', { defaultValue: 'Layouts' });
|
|
20
|
+
const emptyLabel = t('pne.widgetBoard.layouts.empty', { defaultValue: 'No layouts yet' });
|
|
21
|
+
const modalTitle = t('pne.widgetBoard.layouts.newTitle', { defaultValue: 'New layout' });
|
|
22
|
+
const templateNameLabel = t('pne.widgetBoard.layouts.templateName', { defaultValue: 'Template name' });
|
|
23
|
+
const cancelLabel = t('pne.widgetBoard.layouts.cancel', { defaultValue: 'Cancel' });
|
|
24
|
+
const saveLabel = t('pne.widgetBoard.layouts.save', { defaultValue: 'Save' });
|
|
17
25
|
const [modalOpen, setModalOpen] = useState(false);
|
|
18
26
|
const [name, setName] = useState('');
|
|
19
27
|
const handleSave = () => {
|
|
@@ -38,8 +46,8 @@ export const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAd
|
|
|
38
46
|
alignItems: 'center',
|
|
39
47
|
borderBottom: '1px solid #0000001F',
|
|
40
48
|
} },
|
|
41
|
-
React.createElement(Typography, { variant: 'subtitle2', sx: { lineHeight: '20px', fontWeight: 400, fontSize: '14px' } },
|
|
42
|
-
React.createElement(Stack, null, resolvedItems.length === 0 ? (React.createElement(Box, { sx: { px: 2, minHeight: 32, display: 'flex', alignItems: 'center', color: 'text.secondary' } },
|
|
49
|
+
React.createElement(Typography, { variant: 'subtitle2', sx: { lineHeight: '20px', fontWeight: 400, fontSize: '14px' } }, title)),
|
|
50
|
+
React.createElement(Stack, null, resolvedItems.length === 0 ? (React.createElement(Box, { sx: { px: 2, minHeight: 32, display: 'flex', alignItems: 'center', color: 'text.secondary' } }, emptyLabel)) : (resolvedItems.map(item => {
|
|
43
51
|
const selected = item.id === resolvedSelectedId;
|
|
44
52
|
const locked = resolvedLockedIds.includes(item.id);
|
|
45
53
|
return (React.createElement(Box, { key: item.id, onClick: () => resolvedOnSelect?.(item.id), sx: {
|
|
@@ -79,13 +87,13 @@ export const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onAd
|
|
|
79
87
|
backgroundColor: 'transparent',
|
|
80
88
|
textDecoration: 'none',
|
|
81
89
|
},
|
|
82
|
-
} },
|
|
83
|
-
hasAdd ? (React.createElement(PneModal, { open: modalOpen, onClose: () => setModalOpen(false), title:
|
|
90
|
+
} }, resolvedAddLabel))) : null,
|
|
91
|
+
hasAdd ? (React.createElement(PneModal, { open: modalOpen, onClose: () => setModalOpen(false), title: modalTitle },
|
|
84
92
|
React.createElement(Stack, { spacing: 2 },
|
|
85
|
-
React.createElement(PneTextField, { label:
|
|
93
|
+
React.createElement(PneTextField, { label: templateNameLabel, fullWidth: true, value: name, onChange: event => setName(event.target.value), autoFocus: true }),
|
|
86
94
|
React.createElement(Box, { sx: { display: 'flex', gap: 1, justifyContent: 'flex-end' } },
|
|
87
|
-
React.createElement(PneButton, { pneStyle: 'text', size: 'small', onClick: () => setModalOpen(false), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } },
|
|
88
|
-
React.createElement(PneButton, { pneStyle: 'contained', size: 'small', onClick: handleSave, disabled: !name.trim(), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } },
|
|
95
|
+
React.createElement(PneButton, { pneStyle: 'text', size: 'small', onClick: () => setModalOpen(false), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } }, cancelLabel),
|
|
96
|
+
React.createElement(PneButton, { pneStyle: 'contained', size: 'small', onClick: handleSave, disabled: !name.trim(), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } }, saveLabel))))) : null));
|
|
89
97
|
};
|
|
90
98
|
export default WidgetLayoutsPanel;
|
|
91
99
|
//# sourceMappingURL=WidgetLayoutsPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetLayoutsPanel.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetLayoutsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,2BAA2B,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAA;AAkB1G,MAAM,
|
|
1
|
+
{"version":3,"file":"WidgetLayoutsPanel.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetLayoutsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
import { useTranslation } from 'react-i18next';
|
|
2
3
|
import { setWidgetLayoutsPanelBridge } from './widgetLayoutsPanelStore';
|
|
3
4
|
import { createLayoutId } from './widgetBoardLayoutUtils';
|
|
4
5
|
export const useWidgetBoardLayoutActions = ({ buildCurrentPreset, defaultLayoutId, isLoadingLayouts, layoutOptions, layoutOptionsMap, layoutSourceOwnerIdRef, lockedLayoutIdRef, saveLayouts, actionsState, onResetLayout, onRestoreHidden, selectedLayoutId, setLayoutOptions, setSelectedLayoutId, }) => {
|
|
6
|
+
const { t } = useTranslation();
|
|
5
7
|
const autosaveTimeoutRef = useRef(null);
|
|
6
8
|
useEffect(() => {
|
|
7
9
|
return () => {
|
|
@@ -30,14 +32,14 @@ export const useWidgetBoardLayoutActions = ({ buildCurrentPreset, defaultLayoutI
|
|
|
30
32
|
const layoutByBreakpoint = buildCurrentPreset();
|
|
31
33
|
const option = {
|
|
32
34
|
id: createLayoutId(),
|
|
33
|
-
name: name.trim() || 'Custom layout',
|
|
35
|
+
name: name.trim() || t('pne.widgetBoard.layouts.customName', { defaultValue: 'Custom layout' }),
|
|
34
36
|
layoutByBreakpoint,
|
|
35
37
|
};
|
|
36
38
|
const nextOptions = [...layoutOptions, option];
|
|
37
39
|
setLayoutOptions(nextOptions);
|
|
38
40
|
setSelectedLayoutId(option.id);
|
|
39
41
|
persistLayouts(nextOptions, option.id);
|
|
40
|
-
}, [buildCurrentPreset, layoutOptions, persistLayouts, setLayoutOptions, setSelectedLayoutId]);
|
|
42
|
+
}, [buildCurrentPreset, layoutOptions, persistLayouts, setLayoutOptions, setSelectedLayoutId, t]);
|
|
41
43
|
const deleteLayout = useCallback((id) => {
|
|
42
44
|
if (!layoutOptionsMap.has(id))
|
|
43
45
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWidgetBoardLayoutActions.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAoBzD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EACxC,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,GACa,EAAE,EAAE;IACpC,MAAM,kBAAkB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IAE7E,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;YAC5C,CAAC;QACL,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,OAAkC,EAAE,SAAkB,EAAE,EAAE;QACvD,IAAI,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC;YAAE,OAAO,SAAS,CAAA;QAClF,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IACzB,CAAC,EACD,EAAE,CACL,CAAA;IAED,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,OAAkC,EAAE,cAAuB,EAAE,EAAE;QAC5D,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAChE,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAA;QACxD,CAAC,CAAC,CAAA;IACN,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,EAAU,EAAE,EAAE;QACX,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,OAAM;QACvE,mBAAmB,CAAC,EAAE,CAAC,CAAA;QACvB,cAAc,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA;IACrC,CAAC,EACD,CAAC,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,CAC3F,CAAA;IAED,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,IAAY,EAAE,EAAE;QACb,MAAM,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;QAC/C,MAAM,MAAM,GAA4B;YACpC,EAAE,EAAE,cAAc,EAAE;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,eAAe;
|
|
1
|
+
{"version":3,"file":"useWidgetBoardLayoutActions.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutActions.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { useTranslation } from 'react-i18next';
|
|
2
3
|
import { buildLayoutOptions, getLayoutConfigForWidth } from './widgetBoardLayoutUtils';
|
|
3
4
|
export const useWidgetBoardLayoutSource = ({ layoutByBreakpoint }) => {
|
|
5
|
+
const { t } = useTranslation();
|
|
4
6
|
const defaultOption = useMemo(() => ({
|
|
5
7
|
id: 'default',
|
|
6
|
-
name: 'Default layout',
|
|
8
|
+
name: t('pne.widgetBoard.layouts.defaultName', { defaultValue: 'Default layout' }),
|
|
7
9
|
layoutByBreakpoint,
|
|
8
|
-
}), [layoutByBreakpoint]);
|
|
10
|
+
}), [layoutByBreakpoint, t]);
|
|
9
11
|
const initialOptions = useMemo(() => buildLayoutOptions(undefined, defaultOption), [defaultOption]);
|
|
10
12
|
const [layoutOptions, setLayoutOptions] = useState(initialOptions);
|
|
11
13
|
const [selectedLayoutId, setSelectedLayoutId] = useState(initialOptions[0]?.id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWidgetBoardLayoutSource.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutSource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"useWidgetBoardLayoutSource.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetBoardLayoutSource.ts"],"names":[],"mappings":"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"}
|