pne-ui 3.0.67 → 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/cloudscape/CloudscapeBoardStyles.js +22 -0
- package/cjs/component/cloudscape/CloudscapeBoardStyles.js.map +1 -1
- package/cjs/component/fab/PneFloatingActionButtons.js +13 -7
- package/cjs/component/fab/PneFloatingActionButtons.js.map +1 -1
- package/cjs/component/widget-board/WidgetBoardItem.js +5 -5
- package/cjs/component/widget-board/WidgetBoardItem.js.map +1 -1
- package/cjs/component/widget-board/WidgetBoardSkeleton.js +2 -2
- package/cjs/component/widget-board/WidgetBoardSkeleton.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/cloudscape/CloudscapeBoardStyles.js +22 -0
- package/esm/component/cloudscape/CloudscapeBoardStyles.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/WidgetBoardItem.js +5 -5
- package/esm/component/widget-board/WidgetBoardItem.js.map +1 -1
- package/esm/component/widget-board/WidgetBoardSkeleton.js +2 -2
- package/esm/component/widget-board/WidgetBoardSkeleton.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
|
@@ -35,6 +35,28 @@ function CloudscapeBoardStyles({ hideNavigationArrows = true }) {
|
|
|
35
35
|
'[data-item-id] [data-height-mode="auto"] [class*="content-wrapper-fit-height"]': {
|
|
36
36
|
overflow: 'hidden !important',
|
|
37
37
|
},
|
|
38
|
+
// Cloudscape BoardItem adds top offsets for handle/settings wrappers.
|
|
39
|
+
// With custom widget headers this shifts the drag grip ~2-3px down vs title baseline.
|
|
40
|
+
// Limit centering to headers that actually contain board-item drag handle.
|
|
41
|
+
'[class*="awsui_header_"]:has(> [class*="awsui_handle_"])': {
|
|
42
|
+
alignItems: 'center !important',
|
|
43
|
+
paddingBlockEnd: '0 !important',
|
|
44
|
+
},
|
|
45
|
+
'[class*="awsui_header_"] > [class*="awsui_handle_"]': {
|
|
46
|
+
marginBlockStart: '0 !important',
|
|
47
|
+
},
|
|
48
|
+
'[class*="awsui_header_"] > [class*="awsui_settings_"]': {
|
|
49
|
+
marginBlockStart: '0 !important',
|
|
50
|
+
},
|
|
51
|
+
// Cloudscape visual refresh applies:
|
|
52
|
+
// .awsui_refresh_* > .awsui_handle_* { margin-block-start: calc(...2px + 1px); }
|
|
53
|
+
// Pin it to zero explicitly to avoid 3px vertical drift.
|
|
54
|
+
'[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_handle_"]': {
|
|
55
|
+
marginBlockStart: '0 !important',
|
|
56
|
+
},
|
|
57
|
+
'[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_settings_"]': {
|
|
58
|
+
marginBlockStart: '0 !important',
|
|
59
|
+
},
|
|
38
60
|
'@media (hover: none), (pointer: coarse)': {
|
|
39
61
|
'[data-item-id]': {
|
|
40
62
|
touchAction: 'manipulation !important',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4C;AAC5C,0DAAyB;AAMzB;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,8BAAC,uBAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,wEAAwE,EAAE;gBACtE,QAAQ,EAAE,mBAAmB;aAChC;YACD,gFAAgF,EAAE;gBAC9E,QAAQ,EAAE,mBAAmB;aAChC;YACD,yCAAyC,EAAE;gBACvC,gBAAgB,EAAE;oBACd,WAAW,EAAE,yBAAyB;iBACzC;aACJ;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC;
|
|
1
|
+
{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4C;AAC5C,0DAAyB;AAMzB;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,8BAAC,uBAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,wEAAwE,EAAE;gBACtE,QAAQ,EAAE,mBAAmB;aAChC;YACD,gFAAgF,EAAE;gBAC9E,QAAQ,EAAE,mBAAmB;aAChC;YACD,sEAAsE;YACtE,sFAAsF;YACtF,2EAA2E;YAC3E,0DAA0D,EAAE;gBACxD,UAAU,EAAE,mBAAmB;gBAC/B,eAAe,EAAE,cAAc;aAClC;YACD,qDAAqD,EAAE;gBACnD,gBAAgB,EAAE,cAAc;aACnC;YACD,uDAAuD,EAAE;gBACrD,gBAAgB,EAAE,cAAc;aACnC;YACD,qCAAqC;YACrC,iFAAiF;YACjF,yDAAyD;YACzD,8EAA8E,EAAE;gBAC5E,gBAAgB,EAAE,cAAc;aACnC;YACD,gFAAgF,EAAE;gBAC9E,gBAAgB,EAAE,cAAc;aACnC;YACD,yCAAyC,EAAE;gBACvC,gBAAgB,EAAE;oBACd,WAAW,EAAE,yBAAyB;iBACzC;aACJ;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC;AAvED,sDAuEC"}
|
|
@@ -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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"}
|
|
@@ -4,9 +4,9 @@ exports.WidgetBoardItem = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const board_item_1 = tslib_1.__importDefault(require("@cloudscape-design/board-components/board-item"));
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
7
|
+
const CloseRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/CloseRounded"));
|
|
8
|
+
const ExpandLessRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandLessRounded"));
|
|
9
|
+
const ExpandMoreRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandMoreRounded"));
|
|
10
10
|
const material_1 = require("@mui/material");
|
|
11
11
|
const boardI18n_1 = require("../cloudscape/boardI18n");
|
|
12
12
|
const WidgetContent = react_1.default.memo(function WidgetContent({ isCollapsed, render }) {
|
|
@@ -40,9 +40,9 @@ const WidgetBoardItem = ({ item, definition, heightMode, isCollapsed, isInteract
|
|
|
40
40
|
} }, definition.title)));
|
|
41
41
|
const settingsElement = (react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 0.5, alignItems: 'center' },
|
|
42
42
|
definition.settingsActions,
|
|
43
|
-
react_1.default.createElement(material_1.IconButton, { "aria-label": isCollapsed ? 'Expand widget' : 'Collapse widget', onClick: () => onToggleCollapse(widgetId), size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' } }, isCollapsed ? react_1.default.createElement(
|
|
43
|
+
react_1.default.createElement(material_1.IconButton, { "aria-label": isCollapsed ? 'Expand widget' : 'Collapse widget', onClick: () => onToggleCollapse(widgetId), size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' } }, isCollapsed ? react_1.default.createElement(ExpandMoreRounded_1.default, { fontSize: 'medium' }) : react_1.default.createElement(ExpandLessRounded_1.default, { fontSize: 'medium' })),
|
|
44
44
|
react_1.default.createElement(material_1.IconButton, { "aria-label": 'Hide widget', onClick: () => onHide(widgetId), size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' } },
|
|
45
|
-
react_1.default.createElement(
|
|
45
|
+
react_1.default.createElement(CloseRounded_1.default, { fontSize: 'medium' }))));
|
|
46
46
|
return (react_1.default.createElement(board_item_1.default, { ...boardItemDataAttributes, key: item.id, i18nStrings: boardI18n_1.boardItemI18nStrings, header: headerElement, settings: settingsElement, disableContentPaddings: true },
|
|
47
47
|
react_1.default.createElement(material_1.Box, { sx: { height: '100%', boxSizing: 'border-box', overflow: contentOverflow } },
|
|
48
48
|
react_1.default.createElement(material_1.Box, { ref: (node) => onContentRef(widgetId, node), "data-widget-id": widgetId, sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetBoardItem.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,wGAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"WidgetBoardItem.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,9 +50,9 @@ const WidgetBoardSkeleton = () => {
|
|
|
50
50
|
} },
|
|
51
51
|
react_1.default.createElement(material_1.Skeleton, { variant: 'rounded', width: '50%', height: 18, sx: { borderRadius: 1 } })), settings: react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 0.5, alignItems: 'center' },
|
|
52
52
|
react_1.default.createElement(material_1.IconButton, { "aria-label": 'Collapse widget', size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' }, disabled: true },
|
|
53
|
-
react_1.default.createElement(ExpandLess_1.default, { fontSize: '
|
|
53
|
+
react_1.default.createElement(ExpandLess_1.default, { fontSize: 'medium' })),
|
|
54
54
|
react_1.default.createElement(material_1.IconButton, { "aria-label": 'Hide widget', size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' }, disabled: true },
|
|
55
|
-
react_1.default.createElement(Close_1.default, { fontSize: '
|
|
55
|
+
react_1.default.createElement(Close_1.default, { fontSize: 'medium' }))), disableContentPaddings: true },
|
|
56
56
|
react_1.default.createElement(material_1.Box, { sx: { p: 2, height: '100%', boxSizing: 'border-box', overflow: 'hidden' } },
|
|
57
57
|
react_1.default.createElement(material_1.Skeleton, { variant: 'rounded', width: '40%', height: 18, sx: { mb: 1, borderRadius: 1 } }),
|
|
58
58
|
react_1.default.createElement(material_1.Skeleton, { variant: 'rounded', width: '90%', height: 12, sx: { mb: 0.5, borderRadius: 1 } }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetBoardSkeleton.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardSkeleton.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,8FAAkF;AAClF,wGAAsE;AACtE,8EAAiD;AACjD,wFAA2D;AAC3D,4CAAgE;AAChE,uDAAsF;AAGtF,MAAM,aAAa,GAA2C;IAC1D;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;IACD;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;IACD;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;IACD;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;CACJ,CAAA;AAEM,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,IAAA,kCAAsB,EAAsB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,gBAAgB,CAAC,EAC9F,EAAE,CACL,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,IAA0C,EAAE,EAAE,CAAC,CACvE,8BAAC,oBAAS,IACN,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,WAAW,EAAE,gCAAoB,EACjC,MAAM,EACF,8BAAC,cAAG,IACA,EAAE,EAAE;gBACA,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,GAAG;aACV;YAED,8BAAC,mBAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,GAAI,CAC7E,EAEV,QAAQ,EACJ,8BAAC,gBAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ;YACpD,8BAAC,qBAAU,kBAAY,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,QAAQ;gBACjG,8BAAC,oBAAc,IAAC,QAAQ,EAAC,
|
|
1
|
+
{"version":3,"file":"WidgetBoardSkeleton.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardSkeleton.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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"}
|
|
@@ -31,6 +31,28 @@ export function CloudscapeBoardStyles({ hideNavigationArrows = true }) {
|
|
|
31
31
|
'[data-item-id] [data-height-mode="auto"] [class*="content-wrapper-fit-height"]': {
|
|
32
32
|
overflow: 'hidden !important',
|
|
33
33
|
},
|
|
34
|
+
// Cloudscape BoardItem adds top offsets for handle/settings wrappers.
|
|
35
|
+
// With custom widget headers this shifts the drag grip ~2-3px down vs title baseline.
|
|
36
|
+
// Limit centering to headers that actually contain board-item drag handle.
|
|
37
|
+
'[class*="awsui_header_"]:has(> [class*="awsui_handle_"])': {
|
|
38
|
+
alignItems: 'center !important',
|
|
39
|
+
paddingBlockEnd: '0 !important',
|
|
40
|
+
},
|
|
41
|
+
'[class*="awsui_header_"] > [class*="awsui_handle_"]': {
|
|
42
|
+
marginBlockStart: '0 !important',
|
|
43
|
+
},
|
|
44
|
+
'[class*="awsui_header_"] > [class*="awsui_settings_"]': {
|
|
45
|
+
marginBlockStart: '0 !important',
|
|
46
|
+
},
|
|
47
|
+
// Cloudscape visual refresh applies:
|
|
48
|
+
// .awsui_refresh_* > .awsui_handle_* { margin-block-start: calc(...2px + 1px); }
|
|
49
|
+
// Pin it to zero explicitly to avoid 3px vertical drift.
|
|
50
|
+
'[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_handle_"]': {
|
|
51
|
+
marginBlockStart: '0 !important',
|
|
52
|
+
},
|
|
53
|
+
'[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_settings_"]': {
|
|
54
|
+
marginBlockStart: '0 !important',
|
|
55
|
+
},
|
|
34
56
|
'@media (hover: none), (pointer: coarse)': {
|
|
35
57
|
'[data-item-id]': {
|
|
36
58
|
touchAction: 'manipulation !important',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,wEAAwE,EAAE;gBACtE,QAAQ,EAAE,mBAAmB;aAChC;YACD,gFAAgF,EAAE;gBAC9E,QAAQ,EAAE,mBAAmB;aAChC;YACD,yCAAyC,EAAE;gBACvC,gBAAgB,EAAE;oBACd,WAAW,EAAE,yBAAyB;iBACzC;aACJ;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC"}
|
|
1
|
+
{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,wEAAwE,EAAE;gBACtE,QAAQ,EAAE,mBAAmB;aAChC;YACD,gFAAgF,EAAE;gBAC9E,QAAQ,EAAE,mBAAmB;aAChC;YACD,sEAAsE;YACtE,sFAAsF;YACtF,2EAA2E;YAC3E,0DAA0D,EAAE;gBACxD,UAAU,EAAE,mBAAmB;gBAC/B,eAAe,EAAE,cAAc;aAClC;YACD,qDAAqD,EAAE;gBACnD,gBAAgB,EAAE,cAAc;aACnC;YACD,uDAAuD,EAAE;gBACrD,gBAAgB,EAAE,cAAc;aACnC;YACD,qCAAqC;YACrC,iFAAiF;YACjF,yDAAyD;YACzD,8EAA8E,EAAE;gBAC5E,gBAAgB,EAAE,cAAc;aACnC;YACD,gFAAgF,EAAE;gBAC9E,gBAAgB,EAAE,cAAc;aACnC;YACD,yCAAyC,EAAE;gBACvC,gBAAgB,EAAE;oBACd,WAAW,EAAE,yBAAyB;iBACzC;aACJ;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC"}
|
|
@@ -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,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import BoardItem from '@cloudscape-design/board-components/board-item';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
|
|
4
|
+
import ExpandLessRoundedIcon from '@mui/icons-material/ExpandLessRounded';
|
|
5
|
+
import ExpandMoreRoundedIcon from '@mui/icons-material/ExpandMoreRounded';
|
|
6
6
|
import { Box, IconButton, Stack, Typography } from '@mui/material';
|
|
7
7
|
import { boardItemI18nStrings } from '../cloudscape/boardI18n';
|
|
8
8
|
const WidgetContent = React.memo(function WidgetContent({ isCollapsed, render }) {
|
|
@@ -36,9 +36,9 @@ export const WidgetBoardItem = ({ item, definition, heightMode, isCollapsed, isI
|
|
|
36
36
|
} }, definition.title)));
|
|
37
37
|
const settingsElement = (React.createElement(Stack, { direction: 'row', spacing: 0.5, alignItems: 'center' },
|
|
38
38
|
definition.settingsActions,
|
|
39
|
-
React.createElement(IconButton, { "aria-label": isCollapsed ? 'Expand widget' : 'Collapse widget', onClick: () => onToggleCollapse(widgetId), size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' } }, isCollapsed ? React.createElement(
|
|
39
|
+
React.createElement(IconButton, { "aria-label": isCollapsed ? 'Expand widget' : 'Collapse widget', onClick: () => onToggleCollapse(widgetId), size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' } }, isCollapsed ? React.createElement(ExpandMoreRoundedIcon, { fontSize: 'medium' }) : React.createElement(ExpandLessRoundedIcon, { fontSize: 'medium' })),
|
|
40
40
|
React.createElement(IconButton, { "aria-label": 'Hide widget', onClick: () => onHide(widgetId), size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' } },
|
|
41
|
-
React.createElement(
|
|
41
|
+
React.createElement(CloseRoundedIcon, { fontSize: 'medium' }))));
|
|
42
42
|
return (React.createElement(BoardItem, { ...boardItemDataAttributes, key: item.id, i18nStrings: boardItemI18nStrings, header: headerElement, settings: settingsElement, disableContentPaddings: true },
|
|
43
43
|
React.createElement(Box, { sx: { height: '100%', boxSizing: 'border-box', overflow: contentOverflow } },
|
|
44
44
|
React.createElement(Box, { ref: (node) => onContentRef(widgetId, node), "data-widget-id": widgetId, sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetBoardItem.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,SAAS,MAAM,gDAAgD,CAAA;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"WidgetBoardItem.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,9 +46,9 @@ export const WidgetBoardSkeleton = () => {
|
|
|
46
46
|
} },
|
|
47
47
|
React.createElement(Skeleton, { variant: 'rounded', width: '50%', height: 18, sx: { borderRadius: 1 } })), settings: React.createElement(Stack, { direction: 'row', spacing: 0.5, alignItems: 'center' },
|
|
48
48
|
React.createElement(IconButton, { "aria-label": 'Collapse widget', size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' }, disabled: true },
|
|
49
|
-
React.createElement(ExpandLessIcon, { fontSize: '
|
|
49
|
+
React.createElement(ExpandLessIcon, { fontSize: 'medium' })),
|
|
50
50
|
React.createElement(IconButton, { "aria-label": 'Hide widget', size: 'small', sx: { color: 'rgba(78, 93, 120, 1)' }, disabled: true },
|
|
51
|
-
React.createElement(CloseIcon, { fontSize: '
|
|
51
|
+
React.createElement(CloseIcon, { fontSize: 'medium' }))), disableContentPaddings: true },
|
|
52
52
|
React.createElement(Box, { sx: { p: 2, height: '100%', boxSizing: 'border-box', overflow: 'hidden' } },
|
|
53
53
|
React.createElement(Skeleton, { variant: 'rounded', width: '40%', height: 18, sx: { mb: 1, borderRadius: 1 } }),
|
|
54
54
|
React.createElement(Skeleton, { variant: 'rounded', width: '90%', height: 12, sx: { mb: 0.5, borderRadius: 1 } }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetBoardSkeleton.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA0B,MAAM,2CAA2C,CAAA;AAClF,OAAO,SAAS,MAAM,gDAAgD,CAAA;AACtE,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAGtF,MAAM,aAAa,GAA2C;IAC1D;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;IACD;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;IACD;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;IACD;QACI,EAAE,EAAE,YAAY;QAChB,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE;KAC1D;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,gBAAgB,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,sBAAsB,CAAsB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,gBAAgB,CAAC,EAC9F,EAAE,CACL,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,IAA0C,EAAE,EAAE,CAAC,CACvE,oBAAC,SAAS,IACN,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,WAAW,EAAE,oBAAoB,EACjC,MAAM,EACF,oBAAC,GAAG,IACA,EAAE,EAAE;gBACA,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,GAAG;aACV;YAED,oBAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,GAAI,CAC7E,EAEV,QAAQ,EACJ,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ;YACpD,oBAAC,UAAU,kBAAY,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,QAAQ;gBACjG,oBAAC,cAAc,IAAC,QAAQ,EAAC,
|
|
1
|
+
{"version":3,"file":"WidgetBoardSkeleton.js","sourceRoot":"","sources":["../../../src/component/widget-board/WidgetBoardSkeleton.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":"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,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,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,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,EAAE,GACjB,EAAE,EAAE;IACD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,MAAM,GAAG,oBAAoB,CAAC,iCAAiC,EAAE,GAAG,EAAE,CAAC,2BAA2B,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;IAEvH,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,EAAE,KAAK,IAAI,EAAE,CAAA;IAClD,MAAM,kBAAkB,GAAG,UAAU,IAAI,MAAM,EAAE,UAAU,CAAA;IAC3D,MAAM,gBAAgB,GAAG,QAAQ,IAAI,MAAM,EAAE,QAAQ,CAAA;IACrD,MAAM,gBAAgB,GAAG,QAAQ,IAAI,MAAM,EAAE,QAAQ,CAAA;IACrD,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,EAAE,KAAK,CAAA;IAC5C,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,IAAI,EAAE,CAAA;IAChF,MAAM,gBAAgB,GAAG,QAAQ,IAAI,CAAC,CAAC,6BAA6B,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAA;IACzG,MAAM,KAAK,GAAG,CAAC,CAAC,+BAA+B,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAA;IAC7E,MAAM,UAAU,GAAG,CAAC,CAAC,+BAA+B,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAA;IACzF,MAAM,UAAU,GAAG,CAAC,CAAC,kCAAkC,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAA;IACxF,MAAM,iBAAiB,GAAG,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAA;IACtG,MAAM,WAAW,GAAG,CAAC,CAAC,gCAAgC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAA;IACnF,MAAM,SAAS,GAAG,CAAC,CAAC,8BAA8B,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAA;IAE7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEpC,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAA;QAC3B,IAAI,CAAC,OAAO,IAAI,CAAC,aAAa;YAAE,OAAM;QACtC,aAAa,CAAC,OAAO,CAAC,CAAA;QACtB,OAAO,CAAC,EAAE,CAAC,CAAA;QACX,YAAY,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;IAErC,OAAO,CACH,oBAAC,GAAG,IACA,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAC3F,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,KAAK,CAAC,EAAE;YACf,sGAAsG;YACtG,KAAK,CAAC,eAAe,EAAE,CAAA;QAC3B,CAAC;QAED,oBAAC,GAAG,IACA,EAAE,EAAE;gBACA,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,SAAS;gBAChB,EAAE,EAAE,CAAC;gBACL,SAAS,EAAE,EAAE;gBACb,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,qBAAqB;aACtC;YAED,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,IACxF,KAAK,CACG,CACX;QACN,oBAAC,KAAK,QACD,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAG,UAAU,CAAO,CACxH,CAAC,CAAC,CAAC,CACA,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,kBAAkB,CAAA;YAC/C,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClD,OAAO,CACH,oBAAC,GAAG,IACA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAC1C,EAAE,EAAE;oBACA,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,GAAG;oBACR,EAAE,EAAE,CAAC;oBACL,SAAS,EAAE,EAAE;oBACb,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oBAChD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;oBACtC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc;oBACjD,UAAU,EAAE,6CAA6C;oBACzD,SAAS,EAAE,gBAAgB;wBACvB,CAAC,CAAC;4BACE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;yBACtE;wBACD,CAAC,CAAC,SAAS;iBAClB;gBAED,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,IAAI,CAAC,IAAI,CAAO;gBAC7F,gBAAgB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,oBAAC,UAAU,IACP,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,KAAK,CAAC,EAAE;wBACb,KAAK,CAAC,eAAe,EAAE,CAAA;wBACvB,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;oBAC7B,CAAC;oBAED,oBAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,CACtB,CAChB,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAA;QACL,CAAC,CAAC,CACL,CACG;QACP,MAAM,CAAC,CAAC,CAAC,CACN,oBAAC,GAAG;YACA,oBAAC,SAAS,IACN,SAAS,QACT,QAAQ,EAAC,MAAM,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,EAAE,EAAE;oBACA,MAAM,EAAE,EAAE;oBACV,cAAc,EAAE,YAAY;oBAC5B,EAAE,EAAE,CAAC;oBACL,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,cAAc;oBACrB,cAAc,EAAE,MAAM;oBACtB,QAAQ,EAAE,CAAC;oBACX,SAAS,EAAE;wBACP,eAAe,EAAE,aAAa;wBAC9B,cAAc,EAAE,MAAM;qBACzB;iBACJ,IAEA,gBAAgB,CACT,CACV,CACT,CAAC,CAAC,CAAC,IAAI;QACP,MAAM,CAAC,CAAC,CAAC,CACN,oBAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,UAAU;YAC5E,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC;gBACb,oBAAC,YAAY,IACT,KAAK,EAAE,iBAAiB,EACxB,SAAS,QACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,SACX;gBACF,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE;oBAC5D,oBAAC,SAAS,IACN,QAAQ,EAAC,MAAM,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAEvD,WAAW,CACJ;oBACZ,oBAAC,SAAS,IACN,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EACtB,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAEvD,SAAS,CACF,CACV,CACF,CACD,CACd,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -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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"}
|