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

package/README.md

@@ -45,13 +45,6 @@ Now components are ready for usage.
 
 Zenith library provides components defined in Zenith Design System. It includes very basic blocks like colors, icons, font presets, atom components like buttons, checkboxes etc and high order components - header, table, filters bar etc. List of existing components can be found in [Storybook](https://developers.geotab.com/zenith-storybook/index.html).
 
-## Documentation
-
-- [Development Guide](docs/DEVELOPMENT.md) - Creating components, adding icons, testing, code style
-- [Build Process](docs/BUILD.md) - How the build system works
-- [Release Process](docs/RELEASE.md) - How to publish new versions of Zenith
-- [Translations](docs/TRANSLATIONS.md) - How translations work and how to manage them
-
 ## Change log
 
 ### 3.8.0

package/dist/card/card.d.ts

@@ -1,7 +1,7 @@
 import React, { FC, FunctionComponent, ReactNode } from "react";
 import { IAbsoluteSize, TContainerSize } from "../cardContainer/cardContainer";
 import { TCardStatus } from "./components/status";
-import { TIconType } from "../title/title";
+import { TIconType } from "./components/title";
 import { IActions } from "./components/actions";
 import { IContent } from "./components/content";
 import "./card.less";

package/dist/card/card.js

@@ -71,7 +71,7 @@ const cardContainer_1 = require("../cardContainer/cardContainer");
 const deviceType_1 = require("../commonHelpers/hooks/deviceType");
 const useDeviceType_1 = require("../commonHelpers/hooks/useDeviceType");
 const status_1 = require("./components/status");
-const title_1 = require("../title/title");
+const title_1 = require("./components/title");
 const actions_1 = require("./components/actions");
 const content_1 = require("./components/content");
 const useCardSize_1 = require("./hooks/useCardSize");

package/dist/{title → card/components}/title.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
 import "./title.less";
-import { IIcon } from "../icons/icon";
+import { IIcon } from "../../icons/icon";
 export type TIconType = "info" | "warning" | "error" | "success" | "default";
 interface ITitle {
     isMobile: boolean;

package/dist/card/components/title.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classNames_1 = require("../../commonHelpers/classNames/classNames");
+const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
+const useDrive_1 = require("../../utils/theme/useDrive");
+const iconChevronRightSmall_1 = require("../../icons/iconChevronRightSmall");
+const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
+    const driveClassNames = (0, useDriveClassName_1.useDriveClassName)("zen-card-title");
+    const isDrive = (0, useDrive_1.useDrive)();
+    const iconClassName = iconType ? `zen-card-title__icon--${iconType}` : "";
+    const iconSize = (0, react_1.useMemo)(() => (isDrive ? "huge" : "large"), [isDrive]);
+    const iconElement = (0, react_1.useMemo)(() => (icon ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-card-title__icon", iconClassName]), children: (0, react_1.createElement)(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
+    const chevron = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)("span", { className: "zen-card-title__link-chevron", children: (0, jsx_runtime_1.jsx)(iconChevronRightSmall_1.IconChevronRightSmall, { size: iconSize, className: "zen-card-title__chevron-icon" }) })), [iconSize]);
+    const titleClasses = (0, classNames_1.classNames)(["zen-card-title", driveClassNames || "", onClick ? "zen-card-title__clickable" : ""]);
+    if (onClick) {
+        return ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: titleClasses, onClick: onClick, children: [iconElement, (0, jsx_runtime_1.jsxs)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: [title, chevron] })] }));
+    }
+    if (link) {
+        return ((0, jsx_runtime_1.jsxs)("a", { id: id, className: titleClasses, href: link, target: target, children: [iconElement, (0, jsx_runtime_1.jsxs)("span", { title: title, className: (0, classNames_1.classNames)(["zen-card-title__link-text"]), children: [title, chevron] })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: titleClasses, children: [iconElement, (0, jsx_runtime_1.jsx)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: title })] }));
+};
+exports.Title = Title;

package/dist/card/helpers/getIconTypeFromStatus.d.ts

@@ -1,3 +1,3 @@
 import { TCardStatus } from "../components/status";
-import { TIconType } from "../../title/title";
+import { TIconType } from "../components/title";
 export declare const getIconTypeFromStatus: (status: TCardStatus) => TIconType | undefined;

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/index.css

@@ -3125,12 +3125,8 @@ html:lang(ar) .zen-title-text--mobile {
   text-transform: none;
   text-decoration: none;
 }
-.zen-title {
+.zen-card-title {
   display: flex;
-  margin: 0;
-  font-size: inherit;
-  font-weight: inherit;
-  line-height: inherit;
   gap: 8px;
   align-items: center;
   box-sizing: border-box;
@@ -3138,10 +3134,10 @@ html:lang(ar) .zen-title-text--mobile {
   min-width: 0;
   text-decoration: none;
 }
-.zen-title * {
+.zen-card-title * {
   box-sizing: border-box;
 }
-.zen-title__icon {
+.zen-card-title__icon {
   height: 24px;
   width: 24px;
   flex: 0 0 auto;
@@ -3153,32 +3149,30 @@ html:lang(ar) .zen-title-text--mobile {
   background-color: var(--accents-general--main);
   box-sizing: border-box;
 }
-.zen-title__icon--success {
+.zen-card-title__icon--success {
   fill: var(--accents-success--detail);
   background-color: var(--accents-success--main);
 }
-.zen-title__icon--error {
+.zen-card-title__icon--error {
   fill: var(--accents-error--detail);
   background-color: var(--accents-error--main);
 }
-.zen-title__icon--warning {
+.zen-card-title__icon--warning {
   fill: var(--accents-warning--detail);
   background-color: var(--accents-warning--main);
 }
-.zen-title__icon--default {
+.zen-card-title__icon--default {
   background-color: var(--backgrounds-content-1);
   fill: var(--text-secondary);
 }
-.zen-title__clickable,
-.zen-title__link {
+.zen-card-title__link {
   display: flex;
   gap: 4px;
   text-decoration: none;
   min-width: 0;
-  align-items: center;
 }
-.zen-title__text,
-.zen-title__link-text {
+.zen-card-title__text,
+.zen-card-title__link-text {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -3196,11 +3190,11 @@ html:lang(ar) .zen-title-text--mobile {
   text-align: start;
   color: var(--text-primary);
 }
-html:lang(ar) .zen-title__text,
-html:lang(ar) .zen-title__link-text {
+html:lang(ar) .zen-card-title__text,
+html:lang(ar) .zen-card-title__link-text {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
-.zen-title__link-chevron {
+.zen-card-title__link-chevron {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
@@ -3208,7 +3202,7 @@ html:lang(ar) .zen-title__link-text {
   height: 16px;
   fill: var(--text-primary);
 }
-.zen-title__clickable {
+.zen-card-title__clickable {
   border: none;
   background: none;
   padding: 0;
@@ -3216,28 +3210,32 @@ html:lang(ar) .zen-title__link-text {
   gap: 4px;
   cursor: pointer;
 }
-.zen-title--drive .zen-title__text,
-.zen-title--drive .zen-title__link-text {
-  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  font-size: 1.125rem;
+.zen-card-title--drive .zen-card-title__text,
+.zen-card-title--drive .zen-card-title__link-text {
+  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1rem;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0.01rem;
-  line-height: 1.375rem;
+  line-height: 1.25rem;
   text-transform: none;
   text-decoration: none;
 }
-.zen-title--drive .zen-title__icon {
+html:lang(ar) .zen-card-title--drive .zen-card-title__text,
+html:lang(ar) .zen-card-title--drive .zen-card-title__link-text {
+  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+}
+.zen-card-title--drive .zen-card-title__icon {
   width: 32px;
   height: 32px;
 }
-.zen-title--drive .zen-title__link-chevron {
+.zen-card-title--drive .zen-card-title__link-chevron {
   width: 20px;
   height: 20px;
 }
-.zen-title--drive-tablet .zen-title__text,
-.zen-title--drive-tablet .zen-title__link-text {
-  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+.zen-card-title--drive-tablet .zen-card-title__text,
+.zen-card-title--drive-tablet .zen-card-title__link-text {
+  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 500;
@@ -3246,11 +3244,15 @@ html:lang(ar) .zen-title__link-text {
   text-transform: none;
   text-decoration: none;
 }
-.zen-title--drive-tablet .zen-title__icon {
+html:lang(ar) .zen-card-title--drive-tablet .zen-card-title__text,
+html:lang(ar) .zen-card-title--drive-tablet .zen-card-title__link-text {
+  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+}
+.zen-card-title--drive-tablet .zen-card-title__icon {
   width: 32px;
   height: 32px;
 }
-.zen-title--drive-tablet .zen-title__link-chevron {
+.zen-card-title--drive-tablet .zen-card-title__link-chevron {
   width: 20px;
   height: 20px;
 }

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { type ICardButton, CardButton } from "./card/components/cardButton/cardB
 export { type ICardToggle, CardToggle } from "./card/components/cardToggle/cardToggle";
 export { type IContent, Content } from "./card/components/content";
 export { type TCardStatus, Status } from "./card/components/status";
+export { Title } from "./card/components/title";
 export { TitleLink } from "./card/components/titleLink";
 export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
 export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
@@ -757,7 +758,6 @@ export { type ITextInputRaw, TextInputRaw } from "./textInputRaw/textInputRaw";
 export { type ITextarea, Textarea } from "./textarea/textarea";
 export { type ITextareaRaw, TextareaRaw } from "./textareaRaw/textareaRaw";
 export { type ITimePicker, type TTimePicker, TimePicker } from "./timePicker/timePicker";
-export { Title } from "./title/title";
 export { type IShowToast, useToast } from "./toast/hooks/useToast";
 export { type IToast, Toast } from "./toast/toast";
 export { type IToggleButton, type TToggleButton, ToggleButton } from "./toggleButton/toggleButton";
@@ -772,6 +772,7 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
 export { LanguageProvider } from "./utils/localization/languageProvider";
 export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
 export { useDirection } from "./utils/localization/useDirection";
+export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";
 export { ThemeDrive } from "./utils/theme/themeDrive";
 export { ThemeProvider } from "./utils/theme/themeProvider";

package/dist/index.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIconFromStatus = exports.getDefaultFullWidthValue = exports.TitleLink = exports.Status = exports.Content = exports.CardToggle = exports.CardButton = exports.Actions = exports.Card = exports.isDifferentPeriod = exports.isValidationDateError = exports.isValidDate = exports.getSelectableYears = exports.isDisableDate = exports.isDisableYear = exports.getAvailablePeriod = exports.toDayStart = exports.setYear = exports.getSameDateOrTheLastForMonth = exports.addMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.getDayOfWeekOffset = exports.addMonths = exports.addDays = exports.addMinutes = exports.getNewEndDate = exports.getNewStartDate = exports.getCalendarMonthDates = exports.getEndOfMonth = exports.getStartOfMonth = exports.dayNames = exports.Calendar = exports.ButtonType = exports.Button = exports.Bookmark = exports.BetaPillProvider = exports.BetaPill = exports.getBannerOptions = exports.options = exports.DEFAULT_BANNER_UPSELL_SIZE = exports.BannerUpsell = exports.Banner = exports.BannerDisplayName = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
-exports.GET_THIS_MONTH_OPTION = exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.cutSeconds = exports.DateInput = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebouncedMemo = exports.useDebounce = exports.SSRProvider = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.resampleArrayEvenly = exports.removeTrendDataFromDatasets = exports.getFormattedLabel = exports.Chart = exports.AccessibleChartTable = exports.AccessibleChartNarrative = exports.simplifyData = exports.collectAllPoints = exports.AccessibleChart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = exports.useCardSize = exports.getMaxNumberOfActions = void 0;
-exports.isValidDateFn = exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.FiltersBarDateInput = exports.FiltersBarDateInputDisplayName = exports.useSearchData = exports.useFiltersSelection = exports.usePinnedFilters = exports.useFiltersSearch = exports.Filters = exports.FiltersDisplayName = exports.getAllOption = exports.getFiltersSearchTypeAllOption = exports.ALL_SELECT_OPTION_ID = exports.NOT_POPULATED_NAME = exports.KEYWORD_TYPE = exports.KEYWORD_ID = exports.NO_TYPED_SEARCH_ITEM = exports.FiltersRange = exports.FiltersGroups = exports.FiltersDropdown = exports.FiltersDateRange = exports.FiltersDateInput = exports.FiltersDateInputDisplayName = exports.FiltersChip = exports.FilterButton = exports.FileUpload = exports.FeedbackProvider = exports.FavoriteButton = exports.EmptyState = exports.useDropdownState = exports.Dropdown = exports.LIST_LIMIT = exports.Divider = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_YEAR_TO_DATE_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = void 0;
-exports.LayoutColumn = exports.getLayoutColumns = exports.CustomColumns = exports.Column = exports.FormGroupItem = exports.isTwoRowsStructure = exports.hasWidthProp = exports.getListClasses = exports.getLabelNode = exports.getOneLabelZeroControlsClasses = exports.getLabelListClasses = exports.getControlNode = exports.getZeroLabelsTwoControls = exports.getZeroLabelOneControlClasses = exports.getControlListClasses = exports.FormGroupProvider = exports.FormGroupContext = exports.applyCustomLabelClasses = exports.useToggleList = exports.useToggle = exports.useSectionType = exports.useMode = exports.useLabelAlign = exports.useElements = exports.getEmptyState = exports.useInitializeState = exports.useStateToElements = exports.useElementsState = exports.FormGroup = exports.ReviewListToggle = exports.ListToggle = exports.FormGroupToggle = exports.FormGroupList = exports.CustomRow = exports.useWidth = exports.useSkeleton = exports.useCounter = exports.FormField = exports.FormFieldSkeleton = exports.FormFieldBanner = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.PERIOD_THIRTY_DAYS_STEP_OPTION = exports.PERIOD_SEVEN_DAYS_STEP_OPTION = exports.PERIOD_ONE_DAY_STEP_OPTION = void 0;
-exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.groupsFilterTotalStateDefault = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.ENTIRE_ORGANIZATION_GROUP_ID = exports.RelationOperator = exports.FilterMenuStep = exports.GroupsFilter = exports.GroupButton = exports.removeSameTypeClasses = exports.convertClassesToState = exports.GridLayout = exports.getCurrentIndex = exports.FormStepperButtons = exports.useFormStepper = exports.FormStepper = exports.STEPPER_LAST_STEP = exports.FormSection = exports.getChildrenWithCustomColumns = exports.attachSeparators = exports.applySecondColumn = exports.applyGridPropsTwoColumns = exports.applyFirstColumn = exports.useLayoutColumns = exports.useFormButtons = exports.useColumns = exports.FormLayout = exports.TwoColumnsGrid = exports.OneColumnGrid = void 0;
-exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = void 0;
-exports.IconCamera = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = void 0;
-exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = void 0;
-exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = void 0;
-exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = void 0;
-exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = void 0;
-exports.IconMouse = exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = void 0;
-exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = void 0;
-exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = void 0;
-exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = void 0;
-exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.isDragNotClick = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageTapToUpload = exports.ImageNothingFound = exports.ImageNoMatchingAssets = exports.ImageLooking = exports.ImageCloudUpload = exports.ImageAdjustFilter = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = void 0;
-exports.useNestedRows = exports.NestedData = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = exports.ToggleButton = exports.Toast = exports.useToast = exports.Title = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = void 0;
+exports.getDefaultFullWidthValue = exports.TitleLink = exports.Title = exports.Status = exports.Content = exports.CardToggle = exports.CardButton = exports.Actions = exports.Card = exports.isDifferentPeriod = exports.isValidationDateError = exports.isValidDate = exports.getSelectableYears = exports.isDisableDate = exports.isDisableYear = exports.getAvailablePeriod = exports.toDayStart = exports.setYear = exports.getSameDateOrTheLastForMonth = exports.addMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.getDayOfWeekOffset = exports.addMonths = exports.addDays = exports.addMinutes = exports.getNewEndDate = exports.getNewStartDate = exports.getCalendarMonthDates = exports.getEndOfMonth = exports.getStartOfMonth = exports.dayNames = exports.Calendar = exports.ButtonType = exports.Button = exports.Bookmark = exports.BetaPillProvider = exports.BetaPill = exports.getBannerOptions = exports.options = exports.DEFAULT_BANNER_UPSELL_SIZE = exports.BannerUpsell = exports.Banner = exports.BannerDisplayName = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
+exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.cutSeconds = exports.DateInput = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebouncedMemo = exports.useDebounce = exports.SSRProvider = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.resampleArrayEvenly = exports.removeTrendDataFromDatasets = exports.getFormattedLabel = exports.Chart = exports.AccessibleChartTable = exports.AccessibleChartNarrative = exports.simplifyData = exports.collectAllPoints = exports.AccessibleChart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = exports.useCardSize = exports.getMaxNumberOfActions = exports.getIconFromStatus = void 0;
+exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.FiltersBarDateInput = exports.FiltersBarDateInputDisplayName = exports.useSearchData = exports.useFiltersSelection = exports.usePinnedFilters = exports.useFiltersSearch = exports.Filters = exports.FiltersDisplayName = exports.getAllOption = exports.getFiltersSearchTypeAllOption = exports.ALL_SELECT_OPTION_ID = exports.NOT_POPULATED_NAME = exports.KEYWORD_TYPE = exports.KEYWORD_ID = exports.NO_TYPED_SEARCH_ITEM = exports.FiltersRange = exports.FiltersGroups = exports.FiltersDropdown = exports.FiltersDateRange = exports.FiltersDateInput = exports.FiltersDateInputDisplayName = exports.FiltersChip = exports.FilterButton = exports.FileUpload = exports.FeedbackProvider = exports.FavoriteButton = exports.EmptyState = exports.useDropdownState = exports.Dropdown = exports.LIST_LIMIT = exports.Divider = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_YEAR_TO_DATE_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = void 0;
+exports.getLayoutColumns = exports.CustomColumns = exports.Column = exports.FormGroupItem = exports.isTwoRowsStructure = exports.hasWidthProp = exports.getListClasses = exports.getLabelNode = exports.getOneLabelZeroControlsClasses = exports.getLabelListClasses = exports.getControlNode = exports.getZeroLabelsTwoControls = exports.getZeroLabelOneControlClasses = exports.getControlListClasses = exports.FormGroupProvider = exports.FormGroupContext = exports.applyCustomLabelClasses = exports.useToggleList = exports.useToggle = exports.useSectionType = exports.useMode = exports.useLabelAlign = exports.useElements = exports.getEmptyState = exports.useInitializeState = exports.useStateToElements = exports.useElementsState = exports.FormGroup = exports.ReviewListToggle = exports.ListToggle = exports.FormGroupToggle = exports.FormGroupList = exports.CustomRow = exports.useWidth = exports.useSkeleton = exports.useCounter = exports.FormField = exports.FormFieldSkeleton = exports.FormFieldBanner = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.PERIOD_THIRTY_DAYS_STEP_OPTION = exports.PERIOD_SEVEN_DAYS_STEP_OPTION = exports.PERIOD_ONE_DAY_STEP_OPTION = exports.isValidDateFn = void 0;
+exports.Header = exports.HeaderType = exports.groupsFilterTotalStateDefault = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.ENTIRE_ORGANIZATION_GROUP_ID = exports.RelationOperator = exports.FilterMenuStep = exports.GroupsFilter = exports.GroupButton = exports.removeSameTypeClasses = exports.convertClassesToState = exports.GridLayout = exports.getCurrentIndex = exports.FormStepperButtons = exports.useFormStepper = exports.FormStepper = exports.STEPPER_LAST_STEP = exports.FormSection = exports.getChildrenWithCustomColumns = exports.attachSeparators = exports.applySecondColumn = exports.applyGridPropsTwoColumns = exports.applyFirstColumn = exports.useLayoutColumns = exports.useFormButtons = exports.useColumns = exports.FormLayout = exports.TwoColumnsGrid = exports.OneColumnGrid = exports.LayoutColumn = void 0;
+exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = void 0;
+exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = void 0;
+exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = void 0;
+exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = void 0;
+exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = void 0;
+exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = void 0;
+exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = void 0;
+exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = void 0;
+exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = void 0;
+exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = void 0;
+exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.isDragNotClick = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageTapToUpload = exports.ImageNothingFound = exports.ImageNoMatchingAssets = exports.ImageLooking = exports.ImageCloudUpload = exports.ImageAdjustFilter = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = void 0;
+exports.NestedData = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.useNestedRows = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -88,6 +88,8 @@ var content_1 = require("./card/components/content");
 Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return content_1.Content; } });
 var status_1 = require("./card/components/status");
 Object.defineProperty(exports, "Status", { enumerable: true, get: function () { return status_1.Status; } });
+var title_1 = require("./card/components/title");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return title_1.Title; } });
 var titleLink_1 = require("./card/components/titleLink");
 Object.defineProperty(exports, "TitleLink", { enumerable: true, get: function () { return titleLink_1.TitleLink; } });
 var getDefaultFullWidthValue_1 = require("./card/helpers/getDefaultFullWidthValue");
@@ -1629,8 +1631,6 @@ var textareaRaw_1 = require("./textareaRaw/textareaRaw");
 Object.defineProperty(exports, "TextareaRaw", { enumerable: true, get: function () { return textareaRaw_1.TextareaRaw; } });
 var timePicker_1 = require("./timePicker/timePicker");
 Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return timePicker_1.TimePicker; } });
-var title_1 = require("./title/title");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return title_1.Title; } });
 var useToast_1 = require("./toast/hooks/useToast");
 Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return useToast_1.useToast; } });
 var toast_1 = require("./toast/toast");
@@ -1659,6 +1659,8 @@ Object.defineProperty(exports, "dictionaries", { enumerable: true, get: function
 Object.defineProperty(exports, "injectString", { enumerable: true, get: function () { return translationsDictionary_1.injectString; } });
 var useDirection_1 = require("./utils/localization/useDirection");
 Object.defineProperty(exports, "useDirection", { enumerable: true, get: function () { return useDirection_1.useDirection; } });
+var useLanguage_1 = require("./utils/localization/useLanguage");
+Object.defineProperty(exports, "useLanguage", { enumerable: true, get: function () { return useLanguage_1.useLanguage; } });
 var themeDark_1 = require("./utils/theme/themeDark");
 Object.defineProperty(exports, "ThemeDark", { enumerable: true, get: function () { return themeDark_1.ThemeDark; } });
 var themeDrive_1 = require("./utils/theme/themeDrive");

package/dist/table/children/useTableChildren.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode, RefObject } from "react";
-export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
     bulkActions: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     pagination: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     activePage: number | undefined;

package/dist/table/children/useTableChildren.js

@@ -27,7 +27,7 @@ const isChildElement = function (child, expectedType) {
     }
     return false;
 };
-const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
+const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
     let bulkActions = undefined;
     let tablePagination = undefined;
     let activePage = undefined;
@@ -42,7 +42,7 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
         }
         if (isChildElement(child, tableBulkActions_1.TableBulkActions.displayName)) {
             const bulkActionButtons = child.props.children || [];
-            bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
+            bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, children: bulkActionButtons }));
             return;
         }
         if (isChildElement(child, tablePagination_1.TablePagination.displayName)) {
@@ -103,5 +103,5 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
         detailPanel: detailPanel,
         other: other
     };
-}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel]);
+}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);
 exports.useTableChildren = useTableChildren;

package/dist/table/selectable/useSelectableRows.d.ts

@@ -16,14 +16,6 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
     checkboxTitle?: (entity: T | N) => string;
     headerTitle?: (state: SelectionState) => string;
     turnOffSelectAll?: boolean;
-    /**
-     * When `true`, the header checkbox emits the current page's IDs instead of `{ all: true }`.
-     * When `undefined`, falls back to `turnOffSelectAll` for backward compatibility.
-     *
-     * Note: avoid setting this to `false` alongside `turnOffSelectAll: true` — the checkbox
-     * will emit `{ all: true }` while the dropdown hides the "Select all" option, which is inconsistent.
-     */
-    checkboxSelectsCurrentPage?: boolean;
     checkboxPlaceholder?: boolean;
     strategy?: TSelectionStrategy;
     selectAll?: boolean;

package/dist/table/selectable/useSelectableRows.js

@@ -166,6 +166,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
       return;
     }
     const newSelections = (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, selectable);
+    setState(newState);
     const newValue = {
       selected: [...newSelections],
       all: false
@@ -184,16 +185,8 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     return translate("Deselect all");
   }, [selectable, selectableState, state, translate]);
   const isEntityChecked = (0, react_1.useCallback)((entity, isNested) => (0, isRowChecked_1.isRowChecked)(selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
-  const hasSelectable = !!selectable;
-  const selectableCheckboxSelectsCurrentPage = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxSelectsCurrentPage;
-  const selectableTurnOffSelectAll = selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll;
-  const selectableCheckboxInHeader = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxInHeader;
-  const selectableSelectionLimit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
-  const selectableHeader = selectable === null || selectable === void 0 ? void 0 : selectable.header;
-  const checkboxEmitsCurrentPage = selectableCheckboxSelectsCurrentPage !== null && selectableCheckboxSelectsCurrentPage !== void 0 ? selectableCheckboxSelectsCurrentPage : selectableTurnOffSelectAll;
-  const checkboxInHeaderValue = selectableCheckboxInHeader !== undefined ? selectableCheckboxInHeader : selectableSelectionLimit !== undefined ? false : undefined;
   const wrapper = (0, react_1.useMemo)(() => {
-    if (!hasSelectable) {
+    if (!selectable) {
       return null;
     }
     return {
@@ -235,23 +228,23 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
           checked: state === interfaces_1.SelectionState.CurrentPage || state === interfaces_1.SelectionState.All,
           indeterminate: state === interfaces_1.SelectionState.Partial,
           onChange: newValue => {
-            const newState = newValue ? checkboxEmitsCurrentPage ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All : interfaces_1.SelectionState.None;
+            const newState = newValue ? selectable.turnOffSelectAll ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All : interfaces_1.SelectionState.None;
             setState(newState);
             onChangeSelectionState(newState);
           },
           calculateSelectionState: () => selectableState,
-          checkboxInHeader: checkboxInHeaderValue,
-          header: selectableHeader,
+          checkboxInHeader: selectable.checkboxInHeader !== undefined ? selectable.checkboxInHeader : selectable.selectionLimit !== undefined ? false : undefined,
+          header: selectable.header,
           onSelect: newState => {
             setState(newState);
             onChangeSelectionState(newState);
           },
-          turnOffSelectAll: selectableTurnOffSelectAll
+          turnOffSelectAll: selectable.turnOffSelectAll
         });
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked]);
   const selectableFeedWrapper = (0, react_1.useCallback)((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/dist/table/table.js

@@ -225,6 +225,12 @@ const TableInner = ({
       selected: []
     });
   }, [selectable]);
+  const selectAll = (0, react_1.useCallback)(() => {
+    selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
+      all: true,
+      selected: []
+    });
+  }, [selectable]);
   const [activeIdInternal, setActiveInternal] = (0, react_1.useState)(undefined);
   const activeId = active !== undefined ? active : activeIdInternal;
   const onClickInternal = (0, react_1.useCallback)(id => setActiveInternal(id === activeIdInternal ? undefined : id), [activeIdInternal, setActiveInternal]);
@@ -241,7 +247,7 @@ const TableInner = ({
     detailPanel,
     footer,
     other
-  } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel);
+  } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, selectAll, selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll, activeId, gridRef, onCloseDetailPanel);
   const hasDetailPanel = !!detailPanel;
   const shouldEnableRowClick = hasDetailPanel || !!onClick;
   const activeIdForRow = shouldEnableRowClick ? activeId : undefined;

package/esm/card/card.d.ts

@@ -1,7 +1,7 @@
 import React, { FC, FunctionComponent, ReactNode } from "react";
 import { IAbsoluteSize, TContainerSize } from "../cardContainer/cardContainer";
 import { TCardStatus } from "./components/status";
-import { TIconType } from "../title/title";
+import { TIconType } from "./components/title";
 import { IActions } from "./components/actions";
 import { IContent } from "./components/content";
 import "./card.less";

package/esm/card/card.js

@@ -5,7 +5,7 @@ import { CardContainer } from "../cardContainer/cardContainer";
 import { DeviceType } from "../commonHelpers/hooks/deviceType";
 import { useDeviceType } from "../commonHelpers/hooks/useDeviceType";
 import { Status } from "./components/status";
-import { Title } from "../title/title";
+import { Title } from "./components/title";
 import { Actions } from "./components/actions";
 import { Content } from "./components/content";
 import { useCardSize } from "./hooks/useCardSize";

package/esm/{title → card/components}/title.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
 import "./title.less";
-import { IIcon } from "../icons/icon";
+import { IIcon } from "../../icons/icon";
 export type TIconType = "info" | "warning" | "error" | "success" | "default";
 interface ITitle {
     isMobile: boolean;

package/esm/card/components/title.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement, useMemo } from "react";
+import { classNames } from "../../commonHelpers/classNames/classNames";
+import { useDriveClassName } from "../../utils/theme/useDriveClassName";
+import { useDrive } from "../../utils/theme/useDrive";
+import { IconChevronRightSmall } from "../../icons/iconChevronRightSmall";
+export const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
+    const driveClassNames = useDriveClassName("zen-card-title");
+    const isDrive = useDrive();
+    const iconClassName = iconType ? `zen-card-title__icon--${iconType}` : "";
+    const iconSize = useMemo(() => (isDrive ? "huge" : "large"), [isDrive]);
+    const iconElement = useMemo(() => (icon ? _jsx("div", { className: classNames(["zen-card-title__icon", iconClassName]), children: createElement(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
+    const chevron = useMemo(() => (_jsx("span", { className: "zen-card-title__link-chevron", children: _jsx(IconChevronRightSmall, { size: iconSize, className: "zen-card-title__chevron-icon" }) })), [iconSize]);
+    const titleClasses = classNames(["zen-card-title", driveClassNames || "", onClick ? "zen-card-title__clickable" : ""]);
+    if (onClick) {
+        return (_jsxs("button", { type: "button", className: titleClasses, onClick: onClick, children: [iconElement, _jsxs("span", { title: title, id: id, className: classNames(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: [title, chevron] })] }));
+    }
+    if (link) {
+        return (_jsxs("a", { id: id, className: titleClasses, href: link, target: target, children: [iconElement, _jsxs("span", { title: title, className: classNames(["zen-card-title__link-text"]), children: [title, chevron] })] }));
+    }
+    return (_jsxs("div", { className: titleClasses, children: [iconElement, _jsx("span", { title: title, id: id, className: classNames(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: title })] }));
+};

package/esm/card/helpers/getIconTypeFromStatus.d.ts

@@ -1,3 +1,3 @@
 import { TCardStatus } from "../components/status";
-import { TIconType } from "../../title/title";
+import { TIconType } from "../components/title";
 export declare const getIconTypeFromStatus: (status: TCardStatus) => TIconType | undefined;

package/esm/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/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js

@@ -12,6 +12,7 @@ import { useNonFittingElements } from "../../../../header/hooks/useNonFittingEle
 import { useResizeObserver } from "../../../../commonHelpers/hooks/useResizeObserver";
 import { Menu } from "../../../../menu/menu";
 import { IconDotVertical } from "../../../../icons/iconDotVertical";
+import { Button } from "../../../../button/button";
 injectString("cs", "{1} selected", "{1} vybran\xFD/vybran\xE9");
 injectString("da-DK", "{1} selected", "{1} valgt");
 injectString("de", "{1} selected", "{1} ausgew\xE4hlt");
@@ -93,6 +94,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");
@@ -125,8 +153,10 @@ export const BulkActions = ({
   allSelected,
   className,
   onClearSelection,
+  onSelectAll,
   gridType = DeviceType.Desktop,
-  children
+  children,
+  turnOffSelectAll
 }) => {
   var _a;
   const {
@@ -170,7 +200,13 @@ export const BulkActions = ({
     }), _jsx("span", {
       className: "zen-bulk-actions__number-of-selected ellipsis",
       children: text
-    }), _jsxs("div", {
+    }), onSelectAll && !turnOffSelectAll ? _jsx(Button, {
+      type: "tertiary",
+      className: "zen-bulk-actions__select-all",
+      disabled: allSelected,
+      onClick: onSelectAll,
+      children: translate("Select all")
+    }) : null, _jsxs("div", {
       className: "zen-bulk-actions__action-button-holder",
       ref: buttonHolder,
       children: [Children.map(visibleElements, element => cloneElement(element, {

package/esm/dateInputInner/dateInputInnerControlBlock.js

@@ -108,12 +108,15 @@ export const DateInputInnerControlBlock = props => {
       value: timePickerValue,
       onChange: timeChangeHandler,
       isMobileView: isMobileView,
-      fullWidth: true
+      fullWidth: true,
+      // eslint-disable-next-line
+      // @ts-ignore
+      dataTimeId: id
     }), isHasTimeError ? _jsx(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 _jsxs("div", {
     className: classNames(["zen-date-input-inner__control-block", className || ""]),
     children: [title ? _jsx("label", {

package/esm/index.d.ts

@@ -20,6 +20,7 @@ export { type ICardButton, CardButton } from "./card/components/cardButton/cardB
 export { type ICardToggle, CardToggle } from "./card/components/cardToggle/cardToggle";
 export { type IContent, Content } from "./card/components/content";
 export { type TCardStatus, Status } from "./card/components/status";
+export { Title } from "./card/components/title";
 export { TitleLink } from "./card/components/titleLink";
 export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
 export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
@@ -757,7 +758,6 @@ export { type ITextInputRaw, TextInputRaw } from "./textInputRaw/textInputRaw";
 export { type ITextarea, Textarea } from "./textarea/textarea";
 export { type ITextareaRaw, TextareaRaw } from "./textareaRaw/textareaRaw";
 export { type ITimePicker, type TTimePicker, TimePicker } from "./timePicker/timePicker";
-export { Title } from "./title/title";
 export { type IShowToast, useToast } from "./toast/hooks/useToast";
 export { type IToast, Toast } from "./toast/toast";
 export { type IToggleButton, type TToggleButton, ToggleButton } from "./toggleButton/toggleButton";
@@ -772,6 +772,7 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
 export { LanguageProvider } from "./utils/localization/languageProvider";
 export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
 export { useDirection } from "./utils/localization/useDirection";
+export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";
 export { ThemeDrive } from "./utils/theme/themeDrive";
 export { ThemeProvider } from "./utils/theme/themeProvider";

package/esm/index.js

@@ -21,6 +21,7 @@ export { CardButton } from "./card/components/cardButton/cardButton";
 export { CardToggle } from "./card/components/cardToggle/cardToggle";
 export { Content } from "./card/components/content";
 export { Status } from "./card/components/status";
+export { Title } from "./card/components/title";
 export { TitleLink } from "./card/components/titleLink";
 export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
 export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
@@ -742,7 +743,6 @@ export { TextInputRaw } from "./textInputRaw/textInputRaw";
 export { Textarea } from "./textarea/textarea";
 export { TextareaRaw } from "./textareaRaw/textareaRaw";
 export { TimePicker } from "./timePicker/timePicker";
-export { Title } from "./title/title";
 export { useToast } from "./toast/hooks/useToast";
 export { Toast } from "./toast/toast";
 export { ToggleButton } from "./toggleButton/toggleButton";
@@ -756,6 +756,7 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
 export { LanguageProvider } from "./utils/localization/languageProvider";
 export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
 export { useDirection } from "./utils/localization/useDirection";
+export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";
 export { ThemeDrive } from "./utils/theme/themeDrive";
 export { ThemeProvider } from "./utils/theme/themeProvider";

package/esm/table/children/useTableChildren.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode, RefObject } from "react";
-export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
     bulkActions: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     pagination: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     activePage: number | undefined;

package/esm/table/children/useTableChildren.js

@@ -24,7 +24,7 @@ const isChildElement = function (child, expectedType) {
     }
     return false;
 };
-export const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel) => useMemo(() => {
+export const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => useMemo(() => {
     let bulkActions = undefined;
     let tablePagination = undefined;
     let activePage = undefined;
@@ -39,7 +39,7 @@ export const useTableChildren = (children, isMobile, selected, allSelected, clea
         }
         if (isChildElement(child, TableBulkActions.displayName)) {
             const bulkActionButtons = child.props.children || [];
-            bulkActions = (_jsx(BulkActions, { gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
+            bulkActions = (_jsx(BulkActions, { gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, children: bulkActionButtons }));
             return;
         }
         if (isChildElement(child, TablePagination.displayName)) {
@@ -100,4 +100,4 @@ export const useTableChildren = (children, isMobile, selected, allSelected, clea
         detailPanel: detailPanel,
         other: other
     };
-}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel]);
+}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);

package/esm/table/selectable/useSelectableRows.d.ts

@@ -16,14 +16,6 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
     checkboxTitle?: (entity: T | N) => string;
     headerTitle?: (state: SelectionState) => string;
     turnOffSelectAll?: boolean;
-    /**
-     * When `true`, the header checkbox emits the current page's IDs instead of `{ all: true }`.
-     * When `undefined`, falls back to `turnOffSelectAll` for backward compatibility.
-     *
-     * Note: avoid setting this to `false` alongside `turnOffSelectAll: true` — the checkbox
-     * will emit `{ all: true }` while the dropdown hides the "Select all" option, which is inconsistent.
-     */
-    checkboxSelectsCurrentPage?: boolean;
     checkboxPlaceholder?: boolean;
     strategy?: TSelectionStrategy;
     selectAll?: boolean;

package/esm/table/selectable/useSelectableRows.js

@@ -157,6 +157,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
       return;
     }
     const newSelections = getCurrentPageSelection(entities, selectable);
+    setState(newState);
     const newValue = {
       selected: [...newSelections],
       all: false
@@ -175,16 +176,8 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     return translate("Deselect all");
   }, [selectable, selectableState, state, translate]);
   const isEntityChecked = useCallback((entity, isNested) => isRowChecked(selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
-  const hasSelectable = !!selectable;
-  const selectableCheckboxSelectsCurrentPage = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxSelectsCurrentPage;
-  const selectableTurnOffSelectAll = selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll;
-  const selectableCheckboxInHeader = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxInHeader;
-  const selectableSelectionLimit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
-  const selectableHeader = selectable === null || selectable === void 0 ? void 0 : selectable.header;
-  const checkboxEmitsCurrentPage = selectableCheckboxSelectsCurrentPage !== null && selectableCheckboxSelectsCurrentPage !== void 0 ? selectableCheckboxSelectsCurrentPage : selectableTurnOffSelectAll;
-  const checkboxInHeaderValue = selectableCheckboxInHeader !== undefined ? selectableCheckboxInHeader : selectableSelectionLimit !== undefined ? false : undefined;
   const wrapper = useMemo(() => {
-    if (!hasSelectable) {
+    if (!selectable) {
       return null;
     }
     return {
@@ -226,23 +219,23 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
           checked: state === SelectionState.CurrentPage || state === SelectionState.All,
           indeterminate: state === SelectionState.Partial,
           onChange: newValue => {
-            const newState = newValue ? checkboxEmitsCurrentPage ? SelectionState.CurrentPage : SelectionState.All : SelectionState.None;
+            const newState = newValue ? selectable.turnOffSelectAll ? SelectionState.CurrentPage : SelectionState.All : SelectionState.None;
             setState(newState);
             onChangeSelectionState(newState);
           },
           calculateSelectionState: () => selectableState,
-          checkboxInHeader: checkboxInHeaderValue,
-          header: selectableHeader,
+          checkboxInHeader: selectable.checkboxInHeader !== undefined ? selectable.checkboxInHeader : selectable.selectionLimit !== undefined ? false : undefined,
+          header: selectable.header,
           onSelect: newState => {
             setState(newState);
             onChangeSelectionState(newState);
           },
-          turnOffSelectAll: selectableTurnOffSelectAll
+          turnOffSelectAll: selectable.turnOffSelectAll
         });
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked]);
   const selectableFeedWrapper = useCallback((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/esm/table/table.js

@@ -175,6 +175,12 @@ const TableInner = ({
       selected: []
     });
   }, [selectable]);
+  const selectAll = useCallback(() => {
+    selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
+      all: true,
+      selected: []
+    });
+  }, [selectable]);
   const [activeIdInternal, setActiveInternal] = useState(undefined);
   const activeId = active !== undefined ? active : activeIdInternal;
   const onClickInternal = useCallback(id => setActiveInternal(id === activeIdInternal ? undefined : id), [activeIdInternal, setActiveInternal]);
@@ -191,7 +197,7 @@ const TableInner = ({
     detailPanel,
     footer,
     other
-  } = useTableChildren(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel);
+  } = useTableChildren(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, selectAll, selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll, activeId, gridRef, onCloseDetailPanel);
   const hasDetailPanel = !!detailPanel;
   const shouldEnableRowClick = hasDetailPanel || !!onClick;
   const activeIdForRow = shouldEnableRowClick ? activeId : undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.9.0-beta.1",
+    "version": "3.9.0-beta.3",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",

package/dist/title/title.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-const useDrive_1 = require("../utils/theme/useDrive");
-const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
-const iconChevronRightSmall_1 = require("../icons/iconChevronRightSmall");
-const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
-    const isDrive = (0, useDrive_1.useDrive)();
-    const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-title");
-    const h3ClassName = (0, classNames_1.classNames)(["zen-title", driveClassName !== null && driveClassName !== void 0 ? driveClassName : ""]);
-    const clickableClass = onClick ? "zen-title__clickable" : "";
-    const iconClassName = iconType ? `zen-title__icon--${iconType}` : "";
-    const iconSize = (0, react_1.useMemo)(() => (isDrive ? "huge" : "large"), [isDrive]);
-    const iconElement = (0, react_1.useMemo)(() => (icon ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-title__icon", iconClassName]), children: (0, react_1.createElement)(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
-    const chevron = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)("span", { className: "zen-title__link-chevron", children: (0, jsx_runtime_1.jsx)(iconChevronRightSmall_1.IconChevronRightSmall, { size: iconSize, className: "zen-title__chevron-icon" }) })), [iconSize]);
-    if (onClick) {
-        return ((0, jsx_runtime_1.jsx)("h3", { className: h3ClassName, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: clickableClass, onClick: onClick, children: [iconElement, (0, jsx_runtime_1.jsxs)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: [title, chevron] })] }) }));
-    }
-    if (link) {
-        return ((0, jsx_runtime_1.jsx)("h3", { className: h3ClassName, children: (0, jsx_runtime_1.jsxs)("a", { id: id, className: "zen-title__link", href: link, target: target, children: [iconElement, (0, jsx_runtime_1.jsxs)("span", { title: title, className: (0, classNames_1.classNames)(["zen-title__link-text"]), children: [title, chevron] })] }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("h3", { className: h3ClassName, children: [iconElement, (0, jsx_runtime_1.jsx)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: title })] }));
-};
-exports.Title = Title;

package/esm/title/title.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement, useMemo } from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { useDrive } from "../utils/theme/useDrive";
-import { useDriveClassName } from "../utils/theme/useDriveClassName";
-import { IconChevronRightSmall } from "../icons/iconChevronRightSmall";
-export const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
-    const isDrive = useDrive();
-    const driveClassName = useDriveClassName("zen-title");
-    const h3ClassName = classNames(["zen-title", driveClassName !== null && driveClassName !== void 0 ? driveClassName : ""]);
-    const clickableClass = onClick ? "zen-title__clickable" : "";
-    const iconClassName = iconType ? `zen-title__icon--${iconType}` : "";
-    const iconSize = useMemo(() => (isDrive ? "huge" : "large"), [isDrive]);
-    const iconElement = useMemo(() => (icon ? _jsx("div", { className: classNames(["zen-title__icon", iconClassName]), children: createElement(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
-    const chevron = useMemo(() => (_jsx("span", { className: "zen-title__link-chevron", children: _jsx(IconChevronRightSmall, { size: iconSize, className: "zen-title__chevron-icon" }) })), [iconSize]);
-    if (onClick) {
-        return (_jsx("h3", { className: h3ClassName, children: _jsxs("button", { type: "button", className: clickableClass, onClick: onClick, children: [iconElement, _jsxs("span", { title: title, id: id, className: classNames(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: [title, chevron] })] }) }));
-    }
-    if (link) {
-        return (_jsx("h3", { className: h3ClassName, children: _jsxs("a", { id: id, className: "zen-title__link", href: link, target: target, children: [iconElement, _jsxs("span", { title: title, className: classNames(["zen-title__link-text"]), children: [title, chevron] })] }) }));
-    }
-    return (_jsxs("h3", { className: h3ClassName, children: [iconElement, _jsx("span", { title: title, id: id, className: classNames(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: title })] }));
-};