@plesk/ui-library 3.43.2 → 3.44.0

package/cjs/components/InputFile/InputFile.js

@@ -11,8 +11,7 @@ var _constants = require("../../constants");
 var _utils = require("../utils");
 var _Text = _interopRequireDefault(require("../Text"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _Translate = _interopRequireDefault(require("../Translate"));
-var _enUS = _interopRequireDefault(require("./locale/en-US"));
+var _Translate = require("../Translate");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -70,7 +69,7 @@ const InputFile = _ref => {
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
       className: `${baseClassName}__button`,
-      "data-test": testId && `${testId}--browse-button`,
+      "data-testId": testId && `${testId}--browse-button`,
       disabled: disabled,
       component: "label",
       state: hasFocus ? 'focused' : undefined,
@@ -81,29 +80,28 @@ const InputFile = _ref => {
         onChange: handleChange,
         className: `${baseClassName}__input`,
         ref: inputRef,
-        "data-test": testId && `${testId}--file-input`,
+        "data-testId": testId && `${testId}--file-input`,
         onFocus: handleFocus,
         onBlur: handleBlur,
         accept: accept
-      }, id), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      }, id), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
         namespace: "InputFile",
         content: "browseButton",
-        translators: locale,
-        fallback: _enUS.default.browseButton
+        translators: locale
       })]
     }), file && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
         truncate: true,
         nowrap: true,
         className: `${baseClassName}__name`,
-        "data-test": testId && `${testId}--file-name`,
+        "data-testId": testId && `${testId}--file-name`,
         intent: disabled ? 'muted' : undefined,
         children: file.name
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         icon: "cross-mark",
         ghost: true,
         onClick: handleReset,
-        "data-test": testId && `${testId}--reset-button`,
+        "data-testId": testId && `${testId}--reset-button`,
         disabled: disabled
       })]
     })]

package/cjs/components/Item/Item.js

@@ -14,8 +14,7 @@ var _Heading = _interopRequireDefault(require("../Heading"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**

package/cjs/components/ItemList/ItemList.js

@@ -13,8 +13,7 @@ var _GridCol = _interopRequireDefault(require("../GridCol"));
 var _utils = require("../utils");
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); } // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 const getNextSelectedValue = (value, prevValue, toggleable) => {
   if (Array.isArray(prevValue)) {
     if (prevValue.indexOf(value) !== -1) {

package/cjs/components/Layer/index.js

@@ -22,5 +22,4 @@ Object.keys(_Layer).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Layout/Layout.js

@@ -306,10 +306,10 @@ class Layout extends _react.Component {
       })
     });
   }
-  renderFooter(_ref10) {
+  renderFooter(_ref0) {
     let {
       footer
-    } = _ref10;
+    } = _ref0;
     const {
       baseClassName
     } = this.props;

package/cjs/components/Link/Link.js

@@ -51,6 +51,7 @@ const Link = _ref => {
   if (disabled) {
     props.onClick = e => e.preventDefault();
     props.tabIndex = -1;
+    props['aria-disabled'] = true;
   }
   // accessibility
   if (onClick) {
@@ -61,6 +62,7 @@ const Link = _ref => {
         e.currentTarget.click();
       }
     });
+    props.role = 'button';
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
     ...props,

package/cjs/components/List/List.js

@@ -16,7 +16,7 @@ var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _utils = require("../utils");
 var _Button = _interopRequireDefault(require("../Button"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _Text = _interopRequireDefault(require("../Text"));
 var _Pagination = require("../Pagination");
 var _Spinner = _interopRequireDefault(require("../Spinner"));
@@ -28,8 +28,7 @@ var _useFocusVisible = require("use-focus-visible");
 var _Menu = _interopRequireWildcard(require("../Menu"));
 var _Label = _interopRequireDefault(require("../Label"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); } // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 // eslint-disable-next-line func-style
 function getRowKey(row, props) {
   const {
@@ -81,20 +80,18 @@ const getHumanTotalRows = _ref2 => {
   });
   switch (mode) {
     case 'totalRows':
-      return wrapToText(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      return wrapToText(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
         namespace: "List",
         content: "totalRows",
-        fallback: "%%totalRows%% items total",
         params: {
           totalRows
         },
         translators: translators
       }));
     case 'selectedRows':
-      return wrapToText(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      return wrapToText(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
         namespace: "List",
         content: "selectedRows",
-        fallback: "%%selectedRows%% of %%totalRows%% items selected",
         params: {
           selectedRows: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
             bold: true,
@@ -105,17 +102,15 @@ const getHumanTotalRows = _ref2 => {
         translators: translators
       }));
     case 'selectedAllRows':
-      return wrapToText(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      return wrapToText(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
         namespace: "List",
         content: "selectedRows",
-        fallback: "%%selectedRows%% of %%totalRows%% items selected",
         params: {
           selectedRows: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
             bold: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
               namespace: "List",
               content: "all",
-              fallback: "All",
               translators: translators
             })
           }),
@@ -592,10 +587,10 @@ class List extends _react.Component {
       vertical,
       reorderableItemWidths
     } = this.state;
-    const hasActions = realColumn.some(_ref10 => {
+    const hasActions = realColumn.some(_ref0 => {
       let {
         type
-      } = _ref10;
+      } = _ref0;
       return type === 'actions';
     });
     const {
@@ -609,6 +604,7 @@ class List extends _react.Component {
       ...(Wrapper === Tbody && !isDragged ? reorderableProps : undefined),
       key: getRowKey(row, this.props)
     }, /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      role: "listitem",
       className: (0, _classnames.default)({
         'is-selected': this.isRowSelected(row),
         [`${baseClassName}__row--expanded`]: this.isRowExpanded(row),
@@ -621,7 +617,7 @@ class List extends _react.Component {
       }, className),
       ...rowProps,
       onClick: renderRowBody ? this.createRowClickHandler(row) : undefined,
-      children: realColumn.map((_ref11, index) => {
+      children: realColumn.map((_ref1, index) => {
         let {
           key,
           title,
@@ -630,7 +626,7 @@ class List extends _react.Component {
           cellProps,
           truncate,
           type
-        } = _ref11;
+        } = _ref1;
         if (skipCells > 0) {
           skipCells -= 1;
           return null;
@@ -732,19 +728,20 @@ class List extends _react.Component {
             [`${baseClassName}--expandable`]: renderRowBody,
             [`${baseClassName}__table--vertical`]: vertical
           }),
+          role: "list",
           children: element
         })
       });
     }
     return element;
   }
-  renderRowBody(_ref12) {
+  renderRowBody(_ref10) {
     let {
       row,
       index,
       realColumn,
       parent
-    } = _ref12;
+    } = _ref10;
     const {
       baseClassName,
       renderRowBody
@@ -755,16 +752,16 @@ class List extends _react.Component {
     if (!renderRowBody) {
       return null;
     }
-    const reorderable = realColumn.find(_ref13 => {
+    const reorderable = realColumn.find(_ref11 => {
       let {
         key
-      } = _ref13;
+      } = _ref11;
       return key === 'reorderable';
     });
-    const expander = realColumn.find(_ref14 => {
+    const expander = realColumn.find(_ref12 => {
       let {
         key
-      } = _ref14;
+      } = _ref12;
       return key === 'expander';
     });
     const isRowExpanded = this.isRowExpanded(row);
@@ -779,6 +776,7 @@ class List extends _react.Component {
       classNames: `${baseClassName}__row-body-`,
       nodeRef: trRef,
       children: state => /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+        role: "listitem",
         className: `${baseClassName}__row-body`,
         ref: trRef,
         children: [reorderable ? /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
@@ -828,10 +826,9 @@ class List extends _react.Component {
     }
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     const context = {
-      selectedRows: allRowsSelected ? totalRows || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      selectedRows: allRowsSelected ? totalRows || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
         namespace: "List",
         content: "all",
-        fallback: "all",
         translators: locale
       }) : selection.length,
       selectedRowTitle
@@ -967,10 +964,9 @@ class List extends _react.Component {
         className: `${baseClassName}__select-all-menu`,
         children: [isAllOnPageSelected && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Menu.MenuItem, {
           disabled: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
             namespace: "List",
             content: "allItemsOnPageSelected",
-            fallback: "All items on the page selected",
             translators: locale
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
             intent: "info",
@@ -978,10 +974,9 @@ class List extends _react.Component {
           })]
         }), isAllSelected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Menu.MenuItem, {
           disabled: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
             namespace: "List",
             content: "allItemsSelected",
-            fallback: "All items selected",
             translators: locale
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
             intent: "info",
@@ -995,10 +990,9 @@ class List extends _react.Component {
               onSelectAll('SELECT_ALL');
             }
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
             namespace: "List",
             content: "selectAllItems",
-            fallback: "Select all items",
             translators: locale
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
             intent: "inactive",
@@ -1013,10 +1007,9 @@ class List extends _react.Component {
               onSelectAll('SELECT_ALL_ON_PAGE');
             }
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
             namespace: "List",
             content: "selectAllItemsOnPage",
-            fallback: "Select all items on the page",
             translators: locale
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
             intent: isAllSelected ? 'info' : 'inactive',
@@ -1027,10 +1020,9 @@ class List extends _react.Component {
             this.handleDeselectAll();
             this.toggleSelectionMenu();
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
             namespace: "List",
             content: "deselectAll",
-            fallback: "Deselect",
             translators: locale
           })
         })]
@@ -1241,11 +1233,11 @@ class List extends _react.Component {
     if (!(data && data.length > 0) && (filtered || emptyViewMode === 'items')) {
       content = this.renderEmptyView();
     } else {
-      const renderList = _ref15 => {
+      const renderList = _ref13 => {
         let {
           children,
           props: reorderableProps
-        } = _ref15;
+        } = _ref13;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useFocusVisible.FocusVisibleManager, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
             className: (0, _classnames.default)(`${baseClassName}__table`, {
@@ -1253,13 +1245,14 @@ class List extends _react.Component {
               [`${baseClassName}__table--vertical`]: vertical,
               [`${baseClassName}__table--reorderable`]: reorderable
             }),
+            role: "list",
             ...reorderableProps,
             children: [hasTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
                 className: (0, _classnames.default)(`${baseClassName}__table-thead`, {
                   [`${baseClassName}__row--expanded`]: this.isAnyRowsExpanded(data, this.state.expandedRows)
                 }),
-                children: realColumn.map(_ref16 => {
+                children: realColumn.map(_ref14 => {
                   let {
                     key,
                     title,
@@ -1271,7 +1264,7 @@ class List extends _react.Component {
                     type,
                     cellProps,
                     ...headerProps
-                  } = _ref16;
+                  } = _ref14;
                   if (sortable) {
                     title = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                       className: "th__action",
@@ -1302,7 +1295,7 @@ class List extends _react.Component {
           })
         });
       };
-      const renderItem = _ref17 => {
+      const renderItem = _ref15 => {
         let {
           value: {
             row
@@ -1310,7 +1303,7 @@ class List extends _react.Component {
           index,
           props: reorderableProps,
           isDragged
-        } = _ref17;
+        } = _ref15;
         return this.renderRow({
           row,
           index,
@@ -1325,22 +1318,22 @@ class List extends _react.Component {
           ReorderableList
         } = this.state;
         content = /*#__PURE__*/(0, _jsxRuntime.jsx)(ReorderableList, {
-          beforeDrag: _ref18 => {
+          beforeDrag: _ref16 => {
             let {
               elements,
               index
-            } = _ref18;
+            } = _ref16;
             const cells = Array.from(elements[index].firstElementChild.children);
             const reorderableItemWidths = cells.map(cell => window.getComputedStyle(cell).width);
             this.setState({
               reorderableItemWidths
             });
           },
-          onChange: _ref19 => {
+          onChange: _ref17 => {
             let {
               oldIndex,
               newIndex
-            } = _ref19;
+            } = _ref17;
             (0, _utils.safeInvoke)(onReorderEnd, {
               oldIndex,
               newIndex
@@ -1407,10 +1400,10 @@ class List extends _react.Component {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
         bounds: true,
         onResize: this.handleResize,
-        children: _ref20 => {
+        children: _ref18 => {
           let {
             measureRef
-          } = _ref20;
+          } = _ref18;
           return createRoot(measureRef);
         }
       });

package/cjs/components/List/ListAction.js

@@ -32,6 +32,7 @@ const ListAction = _ref => {
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
       tooltip: tooltip,
+      menuRole: "listbox",
       ...props,
       children: children
     });

package/cjs/components/List/ListActions.js

@@ -76,6 +76,7 @@ const ListActions = _ref => {
     secondaryDropdown = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
       className: `${baseClassName}__menu`,
       menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+        role: "listbox",
         children: secondaryItems
       }),
       menuPlacement: "bottom-end",

package/cjs/components/List/ListEmptyView.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Heading = _interopRequireDefault(require("../Heading"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _default2 = _interopRequireDefault(require("./images/default.png"));
 var _filtered = _interopRequireDefault(require("./images/filtered.png"));
 var _constants = require("../../constants");
@@ -34,12 +34,10 @@ const createImage = (baseClassName, image, reason) => {
 };
 const createTitle = (baseClassName, title, reason) => {
   if (title === undefined) {
-    title = reason === 'filtered' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "ListEmptyView.filteredTitle",
-      fallback: "Could not find any items matching the filter"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "ListEmptyView.emptyTitle",
-      fallback: "Looks like there's nothing here"
+    title = reason === 'filtered' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "ListEmptyView.filteredTitle"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "ListEmptyView.emptyTitle"
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
@@ -53,9 +51,8 @@ const createDescription = (baseClassName, description, reason) => {
     return null;
   }
   if (description === undefined && reason === 'filtered') {
-    description = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "ListEmptyView.filteredDescription",
-      fallback: "Refine your query or remove some of the criteria from the filter and try again."
+    description = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "ListEmptyView.filteredDescription"
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/cjs/components/List/ListOperation.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _utils = require("../utils");
 var _ListOperationContext = _interopRequireDefault(require("./ListOperationContext"));
 var _Popover = _interopRequireDefault(require("../Popover"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _Button = _interopRequireDefault(require("../Button"));
 var _Media = _interopRequireDefault(require("../Media"));
 var _Icon = _interopRequireDefault(require("../Icon"));
@@ -23,18 +23,9 @@ const toBold = value => value === undefined ? undefined : /*#__PURE__*/(0, _jsxR
   children: value
 });
 const getDefaultText = key => {
-  let fallback;
-  switch (key) {
-    case 'cancelButton':
-      fallback = 'Cancel';
-      break;
-    default:
-      throw new Error('Unknown key');
-  }
   const content = `ListOperation.${key}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-    content: content,
-    fallback: fallback
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+    content: content
   });
 };
 /**

package/cjs/components/LocaleProvider/LocaleProvider.js

@@ -4,13 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTranslate = exports.default = exports.LocaleContext = exports.LocaleBetaProvider = void 0;
+exports.useTranslate = exports.useInternalTranslate = exports.default = exports.LocaleContext = exports.LocaleBetaProvider = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Translate = require("../Translate");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
+// eslint-disable-next-line max-params
+
 const applyParams = function (message) {
   let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const result = [];
@@ -50,14 +53,18 @@ const getMessage = (fullKey, messages) => {
   return messages[fullKey];
 };
 const createTranslate = messages =>
-// eslint-disable-next-line default-param-last
+// eslint-disable-next-line default-param-last,max-params
 function (key) {
   let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let fallback = arguments.length > 2 ? arguments[2] : undefined;
+  let defaultMessages = arguments.length > 3 ? arguments[3] : undefined;
   if (typeof key !== 'string') {
     return '';
   }
   let message = getMessage(key, messages);
+  if (typeof message !== 'string' && defaultMessages) {
+    message = getMessage(key, defaultMessages);
+  }
   if (typeof message !== 'string') {
     message = typeof fallback === 'string' ? fallback : `[${key}]`;
   }
@@ -95,19 +102,20 @@ class LocaleProvider extends _react.PureComponent {
 var _default = exports.default = LocaleProvider;
 const useTranslate = namespace => {
   const context = (0, _react.useContext)(LocaleContext);
-  return (0, _react.useCallback)((key, params, fallback) => {
-    if (context) {
-      const {
-        locale: {
-          lmsg
-        }
-      } = context;
-      return lmsg(namespace ? `${namespace}.${key}` : key, params, fallback);
-    }
-    return typeof fallback === 'string' ? applyParams(fallback, params) : `[${key}]`;
+  return (0, _react.useCallback)(
+  // eslint-disable-next-line max-params
+  (key, params, fallback, defaultMessages) => {
+    const lmsg = context?.locale.lmsg ?? createTranslate({});
+    return lmsg(namespace ? `${namespace}.${key}` : key, params, fallback, defaultMessages);
   }, [context, namespace]);
 };
 exports.useTranslate = useTranslate;
+const useInternalTranslate = namespace => {
+  const translate = useTranslate(namespace);
+  const defaultMessages = (0, _Translate.getLocaleMessages)();
+  return (key, params, fallback) => translate(key, params, fallback, defaultMessages);
+};
+exports.useInternalTranslate = useInternalTranslate;
 const LocaleBetaProvider = _ref => {
   let {
     messages,

package/cjs/components/LocaleProvider/index.js

@@ -22,5 +22,4 @@ Object.keys(_LocaleProvider).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Media/Media.js

@@ -11,8 +11,7 @@ var _constants = require("../../constants");
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Icon = _interopRequireWildcard(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**