@geotab/zenith 3.9.0-beta.ssr.1 → 3.9.0

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts

@@ -7,21 +7,19 @@ import { DeviceType } from "../../../../commonHelpers/hooks/deviceType";
 type TBulkAction = IBulkActionLink | IBulkActionButton;
 export interface IBulkActionsProps extends IZenComponentProps {
     selected: number;
-    /**
-     * When `true`, displays "All selected" instead of a count, and enables action buttons
-     * even when `selected` is 0 (i.e., cross-page "select all" is active).
-     */
     allSelected?: boolean;
     onClearSelection: () => void;
+    onSelectAll?: () => void;
     gridType?: DeviceType;
     children?: ReactElement<TBulkAction> | null | (ReactElement<TBulkAction> | null)[];
+    turnOffSelectAll?: boolean;
 }
 export interface IBulkActions extends IBulkActionsProps {
     ActionLink: (props: IBulkActionLink) => ReactNode;
     ActionButton: (props: IBulkActionButton) => ReactNode;
 }
 export declare const BulkActions: {
-    ({ selected, allSelected, className, onClearSelection, gridType, children }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ selected, allSelected, className, onClearSelection, onSelectAll, gridType, children, turnOffSelectAll }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
     ActionLink: ({ title, icon, link, disabled, type, ref }: IBulkActionLink) => import("react/jsx-runtime").JSX.Element;
     ActionButton: ({ title, icon, clickHandler, onClick, disabled, type, ref }: IBulkActionButton) => import("react/jsx-runtime").JSX.Element;
     translations: string[];

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js

@@ -89,6 +89,33 @@ injectString("zh-Hans", "Clear selection", "\u6E05\u9664\u9009\u62E9");
 injectString("zh-TW", "Clear selection", "\u6E05\u9664\u9078\u53D6\u9805\u76EE");
 injectString("ro-RO", "Clear selection", "\u0218terge\u021Bi selec\u021Bia");
 injectString("ar-SA", "Clear selection", "\u0645\u0633\u062D \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
+injectString("cs", "Select all", "Vybrat v\u0161e");
+injectString("da-DK", "Select all", "V\xE6lg alle");
+injectString("de", "Select all", "Alle ausw\xE4hlen");
+injectString("en", "Select all", "Select all");
+injectString("es", "Select all", "Seleccionar todo");
+injectString("fi-FI", "Select all", "Valitse kaikki");
+injectString("fr", "Select all", "S\xE9lectionner tout");
+injectString("fr-FR", "Select all", "S\xE9lectionner tout");
+injectString("hu-HU", "Select all", "V\xE1laszd ki az \xF6sszeset.");
+injectString("id", "Select all", "Pilih semua");
+injectString("it", "Select all", "Selezionare tutto");
+injectString("ja", "Select all", "\u3059\u3079\u3066\u9078\u629E");
+injectString("ko-KR", "Select all", "\uBAA8\uB450 \uC120\uD0DD");
+injectString("ms", "Select all", "Pilih semua");
+injectString("nb-NO", "Select all", "Velg alle");
+injectString("nl", "Select all", "Alles selecteren");
+injectString("pl", "Select all", "Wybierz wszystko");
+injectString("pt-BR", "Select all", "Selecionar tudo");
+injectString("pt-PT", "Select all", "Selecionar tudo");
+injectString("sk-SK", "Select all", "Vyber v\u0161etko.");
+injectString("sv", "Select all", "V\xE4lj alla");
+injectString("th", "Select all", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
+injectString("zh-Hans", "Select all", "\u5168\u9009");
+injectString("zh-TW", "Select all", "\u5168\u9078");
+injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
+injectString("ar-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "More", "V\xEDce");
 injectString("da-DK", "More", "Mere");
 injectString("de", "More", "Mehr");
@@ -128,13 +155,16 @@ const useNonFittingElements_1 = require("../../../../header/hooks/useNonFittingE
 const useResizeObserver_1 = require("../../../../commonHelpers/hooks/useResizeObserver");
 const menu_1 = require("../../../../menu/menu");
 const iconDotVertical_1 = require("../../../../icons/iconDotVertical");
+const button_1 = require("../../../../button/button");
 const BulkActions = ({
   selected,
   allSelected,
   className,
   onClearSelection,
+  onSelectAll,
   gridType = deviceType_1.DeviceType.Desktop,
-  children
+  children,
+  turnOffSelectAll
 }) => {
   var _a;
   const {
@@ -178,7 +208,13 @@ const BulkActions = ({
     }), (0, jsx_runtime_1.jsx)("span", {
       className: "zen-bulk-actions__number-of-selected ellipsis",
       children: text
-    }), (0, jsx_runtime_1.jsxs)("div", {
+    }), onSelectAll && !turnOffSelectAll ? (0, jsx_runtime_1.jsx)(button_1.Button, {
+      type: "tertiary",
+      className: "zen-bulk-actions__select-all",
+      disabled: allSelected,
+      onClick: onSelectAll,
+      children: translate("Select all")
+    }) : null, (0, jsx_runtime_1.jsxs)("div", {
       className: "zen-bulk-actions__action-button-holder",
       ref: buttonHolder,
       children: [react_1.Children.map(visibleElements, element => (0, react_1.cloneElement)(element, {

package/dist/dateInputInner/dateInputInnerControlBlock.js

@@ -116,12 +116,15 @@ const DateInputInnerControlBlock = props => {
       value: timePickerValue,
       onChange: timeChangeHandler,
       isMobileView: isMobileView,
-      fullWidth: true
+      fullWidth: true,
+      // eslint-disable-next-line
+      // @ts-ignore
+      dataTimeId: id
     }), isHasTimeError ? (0, jsx_runtime_1.jsx)(formFieldError_1.FormFieldError, {
       id: timeErrorId,
       error: translate("The time must be set")
     }) : null]
-  }) : null, [isActiveField, isHasTimeError, isMobileView, selectTime, timeChangeHandler, timePickerValue, translate, timeErrorId]);
+  }) : null, [selectTime, isActiveField, isHasTimeError, timePickerValue, timeChangeHandler, isMobileView, id, timeErrorId, translate]);
   return (0, jsx_runtime_1.jsxs)("div", {
     className: (0, classNames_1.classNames)(["zen-date-input-inner__control-block", className || ""]),
     children: [title ? (0, jsx_runtime_1.jsx)("label", {

package/dist/dateRangeRaw/dateRangeRaw.js

@@ -197,6 +197,7 @@ injectString("zh-Hans", "Previous", "\u524D\u4E00");
 injectString("zh-TW", "Previous", "\u4E0A\u4E00\u500B");
 injectString("ro-RO", "Previous", "\xCEnapoi");
 injectString("ar-SA", "Previous", "\u0627\u0644\u0633\u0627\u0628\u0642");
+injectString("en", "Previous date period", "Previous date period");
 injectString("cs", "Next", "Dal\u0161\xED");
 injectString("da-DK", "Next", "N\xE6ste");
 injectString("de", "Next", "N\xE4chstes");
@@ -224,6 +225,7 @@ injectString("zh-Hans", "Next", "\u4E0B\u4E00\u4E2A");
 injectString("zh-TW", "Next", "\u4E0B\u4E00\u6B65");
 injectString("ro-RO", "Next", "\xCEnainte");
 injectString("ar-SA", "Next", "\u0627\u0644\u062A\u0627\u0644\u064A");
+injectString("en", "Next date period", "Next date period");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const button_1 = require("../button/button");
 const iconCalendar_1 = require("../icons/iconCalendar");
@@ -701,6 +703,7 @@ const DateRangeRaw = props => {
         onClick: decreaseRange,
         className: (0, classNames_1.classNames)(["zen-date-range__stepper", "zen-date-range__stepper--left"]),
         title: translate("Previous"),
+        "aria-label": translate("Previous date period"),
         children: (0, jsx_runtime_1.jsx)(iconChevronLeftSmall_1.IconChevronLeftSmall, {
           size: isDrive || isMobile ? "huge" : "large"
         })
@@ -710,6 +713,7 @@ const DateRangeRaw = props => {
         onClick: increaseRange,
         className: (0, classNames_1.classNames)(["zen-date-range__stepper", "zen-date-range__stepper--right"]),
         title: translate("Next"),
+        "aria-label": translate("Next date period"),
         children: (0, jsx_runtime_1.jsx)(iconChevronRightSmall_1.IconChevronRightSmall, {
           size: isDrive || isMobile ? "huge" : "large"
         })
@@ -718,4 +722,4 @@ const DateRangeRaw = props => {
   });
 };
 exports.DateRangeRaw = DateRangeRaw;
-exports.TRANSLATIONS = ["Custom", "Date range", "Clear", "Cancel", "Apply", "Reset", "Today", "Next", "Previous", "Choose dates", "Date range not available", "Choose your date range", "Some of the dates you selected aren't available. Please try a different range.", "Please select the dates you want to view."];
+exports.TRANSLATIONS = ["Custom", "Date range", "Clear", "Cancel", "Apply", "Reset", "Today", "Next", "Previous", "Choose dates", "Date range not available", "Choose your date range", "Some of the dates you selected aren’t available. Please try a different range.", "Please select the dates you want to view.", "Previous date period", "Next date period"];

package/dist/filtersBar/filtersBarActions/filtersBarActions.js

@@ -14,6 +14,7 @@ const buttonType_1 = require("../../button/buttonType");
 const textIconButton_1 = require("../../textIconButton/textIconButton");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
 const iconSettings6_1 = require("../../icons/iconSettings6");
+injectString("en", "Active filters: {}", "Active filters: {}");
 injectString("cs", "Filters", "Filtry");
 injectString("da-DK", "Filters", "Filtre");
 injectString("de", "Filters", "Filter");
@@ -118,6 +119,7 @@ const FiltersBarActions = ({
       onClick: onShowAllFilters,
       icon: iconSettings6_1.IconSettings6,
       iconPosition: textIconButton_1.ButtonIconPosition.Start,
+      "aria-label": selectedQuantityToDisplay && selectedQuantityToDisplay > 0 ? translate("Active filters: {}").replace("{}", selectedQuantityToDisplay.toString()) : translate("Filters"),
       children: (0, jsx_runtime_1.jsxs)("span", {
         className: "zen-filters-toolbar__action-label",
         children: [translate("Filters"), selectedQuantityToDisplay && selectedQuantityToDisplay > 0 ? (0, jsx_runtime_1.jsx)("span", {
@@ -143,4 +145,4 @@ const FiltersBarActions = ({
   });
 };
 exports.FiltersBarActions = FiltersBarActions;
-exports.TRANSLATIONS = ["Filters", "Clear", "Search"];
+exports.TRANSLATIONS = ["Filters", "Clear", "Search", "Active filters: {}"];

package/dist/header/components/collapsedItemsControl/utils/handleCustomMenuWrapper.js

@@ -36,7 +36,7 @@ const handleCustomMenuWrapper = (reactNode, content, menuItems) => {
         const el = (0, react_1.createElement)(menu_1.Menu.Item, {
             id: reactNode.props.id || menu.props.id,
             key: reactNode.props.id || menu.props.id,
-            name: reactNode.props.name || "",
+            name: reactNode.props.name || menu.props.name || "",
             disabled: reactNode.props.disabled || menu.props.disabled,
             link: reactNode.props.link || menu.props.link,
             target: reactNode.props.target || menu.props.target,