@geotab/zenith 3.1.0 → 3.1.1-beta.1

package/dist/toggleButton/toggleButton.d.ts

@@ -1,12 +1,10 @@
-/// <reference types="react" />
+import { FC } from "react";
+import { TFormFieldComponentProps } from "../formField/formField";
+import { IToggleButtonRaw, TToggleButtonRaw } from "../toggleButtonRaw/types";
 import "./toggleButton.less";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface IToggleButton extends IZenComponentProps {
-    id?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    title?: string;
-    isReverted?: boolean;
-    onChange?: (checked: boolean) => void;
+export interface IToggleButton extends IToggleButtonRaw {
 }
-export declare const ToggleButton: React.FC<IToggleButton>;
+type TFormFieldToggleButton = TFormFieldComponentProps<TToggleButtonRaw>;
+export type TToggleButton = Omit<TFormFieldToggleButton, "counter" | "ref">;
+export declare const ToggleButton: FC<TToggleButton>;
+export {};

package/dist/toggleButton/toggleButton.js

@@ -1,17 +1,23 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-const triStateCheckbox_1 = require("../triStateCheckbox/triStateCheckbox");
-const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
-const ToggleButton = ({ id, checked, disabled, className, title, children, onChange, isReverted }) => {
-    const driveClassesToggler = (0, useDriveClassName_1.useDriveClassName)("zen-toggler");
-    const driveClassesComponent = (0, useDriveClassName_1.useDriveClassName)("zen-toggler-component");
-    const generatedId = (0, react_1.useId)();
-    const checkBoxId = id || generatedId;
-    const onChangeHandler = (0, react_1.useCallback)((e) => onChange && onChange(e.target.checked), [onChange]);
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-toggler", driveClassesToggler || "", className || ""]), children: [(0, jsx_runtime_1.jsx)(triStateCheckbox_1.TriStateCheckbox, { className: "zen-toggler__input", id: checkBoxId, onChange: onChangeHandler, checked: checked, disabled: disabled }), (0, jsx_runtime_1.jsxs)("label", { className: (0, classNames_1.classNames)(["zen-toggler__label", isReverted ? "zen-toggler__label--reverted" : ""]), htmlFor: checkBoxId, title: title, "aria-label": title, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-toggler-component", driveClassesComponent || ""]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-toggler-component__focus" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-toggler-component__runner" })] }), children ? (0, jsx_runtime_1.jsx)("div", { className: "zen-toggler__label-text", children: children }) : null] })] });
+const formField_1 = require("../formField/formField");
+const toggleButtonRaw_1 = require("../toggleButtonRaw/toggleButtonRaw");
+const ToggleButtonFormField = (0, formField_1.FormField)(toggleButtonRaw_1.ToggleButtonRaw);
+const ToggleButton = (_a) => {
+    var props = __rest(_a, []);
+    return (0, jsx_runtime_1.jsx)(ToggleButtonFormField, Object.assign({}, props));
 };
 exports.ToggleButton = ToggleButton;

package/dist/toggleButtonRaw/toggleButtonRaw.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TToggleButtonRaw } from "./types";
+export declare const ToggleButtonRaw: React.FC<TToggleButtonRaw>;

package/dist/toggleButtonRaw/toggleButtonRaw.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButtonRaw = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const useFormFieldValues_1 = require("../commonHelpers/hooks/useFormFieldValues/useFormFieldValues");
+const formFieldBanner_1 = require("../formField/components/formFieldBanner");
+const triStateCheckbox_1 = require("../triStateCheckbox/triStateCheckbox");
+const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+const reviewTextControl_1 = require("../formGroup/components/reviewTextControl");
+const useLanguage_1 = require("../utils/localization/useLanguage");
+const ToggleButtonRaw = (props) => {
+    const { id, checked, className, title, children, isReverted, isReadOnly, value: valueProp } = props;
+    const driveClassesToggler = (0, useDriveClassName_1.useDriveClassName)("zen-toggler");
+    const driveClassesComponent = (0, useDriveClassName_1.useDriveClassName)("zen-toggler-component");
+    const generatedId = (0, react_1.useId)();
+    const checkBoxId = id || generatedId;
+    const { translate } = (0, useLanguage_1.useLanguage)();
+    const val = valueProp !== undefined ? valueProp : checked;
+    const { onChange, name, value, disabled } = (0, useFormFieldValues_1.useFormFieldValues)(props.controller, Object.assign(Object.assign({}, props), { value: val }));
+    const onChangeHandler = (0, react_1.useCallback)((e) => onChange && onChange(e.target.checked), [onChange]);
+    const label = (children && react_1.default.Children.count(children) === 1 && children.type === formFieldBanner_1.FormFieldBanner) ?
+        null : children ?
+        (0, jsx_runtime_1.jsx)("div", { className: "zen-toggler__label-text", children: children }) : null;
+    if (isReadOnly) {
+        return (0, jsx_runtime_1.jsx)(reviewTextControl_1.ReviewTextControl, { value: value ? translate("On") : translate("Off") });
+    }
+    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-toggler", driveClassesToggler || "", className || ""]), children: [(0, jsx_runtime_1.jsx)(triStateCheckbox_1.TriStateCheckbox, { name: name, className: "zen-toggler__input", id: checkBoxId, onChange: onChangeHandler, checked: value, disabled: disabled }), (0, jsx_runtime_1.jsxs)("label", { className: (0, classNames_1.classNames)(["zen-toggler__label", isReverted ? "zen-toggler__label--reverted" : ""]), htmlFor: checkBoxId, title: title, "aria-label": title, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-toggler-component", driveClassesComponent || ""]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-toggler-component__focus" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-toggler-component__runner" })] }), label] })] });
+};
+exports.ToggleButtonRaw = ToggleButtonRaw;

package/dist/toggleButtonRaw/types.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { Exclusive } from "../commonHelpers/types/exclusive";
+import { IZenComponentProps, IReactFormItemController } from "../commonHelpers/zenComponent";
+interface IToggleButtonBaseRaw extends IZenComponentProps {
+    id?: string;
+    title?: string;
+    isReverted?: boolean;
+    isReadOnly?: boolean;
+}
+export interface IToggleButtonDefaultRaw extends IToggleButtonBaseRaw {
+    onChange?: (checked: boolean) => void;
+    value?: boolean;
+    /**
+     * @deprecated Will be removed in Major release. Use 'value' instead.
+     */
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}
+export interface IToggleButtonRaw extends IZenComponentProps, IToggleButtonDefaultRaw {
+}
+export interface IToggleButtonRawForm extends IZenComponentProps, IToggleButtonBaseRaw, IReactFormItemController {
+}
+export type TToggleButtonRaw = Exclusive<IToggleButtonRawForm, IToggleButtonDefaultRaw>;
+export {};

package/dist/toggleButtonRaw/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/tooltipInfo/tooltipInfo.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import "./tooltipInfo.less";
+export interface ITooltipInfo {
+    value?: React.ReactNode;
+    className?: string;
+}
+export declare const TooltipInfo: FC<ITooltipInfo>;

package/dist/tooltipInfo/tooltipInfo.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const iconInfoCircle_1 = require("../icons/iconInfoCircle");
+const tooltip_1 = require("../tooltip/tooltip");
+const textIconButton_1 = require("../textIconButton/textIconButton");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const svgIconSize_1 = require("../svgIcon/svgIconSize");
+const useDrive_1 = require("../utils/theme/useDrive");
+const TooltipInfo = ({ value, className = "" }) => {
+    const isDrive = (0, useDrive_1.useDrive)();
+    return (value && (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { alignment: "top", size: "auto", trigger: (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: (0, classNames_1.classNames)([className, "zen-tooltip-info", isDrive ? "zen-tooltip-info--drive" : ""]), icon: iconInfoCircle_1.IconInfoCircle, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, "aria-label": value, htmlType: "button" }), children: value }));
+};
+exports.TooltipInfo = TooltipInfo;

package/dist/utils/formatDate.d.ts

@@ -3,4 +3,4 @@ export declare const monthNamesShort: string[];
 export declare const dayNames: string[];
 export declare const dayNamesShort: string[];
 export declare const formatDate: (dateSource: Date, format: string, translate: (s: string) => string) => string;
-export declare const deformatDate: (dateSource: string, format: string, translate: (s: string) => string) => "" | Date;
+export declare const deformatDate: (dateSource: string, format: string, translate: (s: string) => string) => Date | "";

package/dist/utils/localization/translations/cs-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/cs-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Nastavení sloupců",
     "Category": "Kategorie",
     "Select visible columns": "Vyberte viditelné sloupce",
-    "Selected": "Vybráno"
+    "Selected": "Vybráno",
+    "This field is required.": "Toto pole je povinné.",
+    "On": "Zapnout",
+    "Off": "Vypnout"
 };

package/dist/utils/localization/translations/de-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/de-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Spalteneinstellungen",
     "Category": "Kategorie",
     "Select visible columns": "Sichtbare Spalten auswählen",
-    "Selected": "Ausgewählt"
+    "Selected": "Ausgewählt",
+    "This field is required.": "Dieses Feld ist erforderlich.",
+    "On": "Ein",
+    "Off": "Aus"
 };

package/dist/utils/localization/translations/en-json.d.ts

@@ -299,4 +299,16 @@ export declare const translations: {
     "Top results": string;
     "Open setting conditions popup": string;
     "Close setting conditions popup": string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
+    "Sub-options are not active.": string;
+    Reload: string;
+    "Could not load field data": string;
+    "We couldn't load the data for this field. Try reloading it.": string;
+    "Failed to load section": string;
+    "Please reload this section to try again. If the issue persists, contact Support.": string;
+    "Failed to load page": string;
+    "Please refresh the page and try again. If the issue persists, contact Support.": string;
+    "Failed to load {0}": string;
 };

package/dist/utils/localization/translations/en-json.js

@@ -301,5 +301,17 @@ exports.translations = {
     "Currently selected": "Currently selected",
     "Top results": "Top results",
     "Open setting conditions popup": "Open setting conditions popup",
-    "Close setting conditions popup": "Close setting conditions popup"
+    "Close setting conditions popup": "Close setting conditions popup",
+    "This field is required.": "This field is required.",
+    "On": "On",
+    "Off": "Off",
+    "Sub-options are not active.": "Sub-options are not active.",
+    "Reload": "Reload",
+    "Could not load field data": "Could not load field data",
+    "We couldn't load the data for this field. Try reloading it.": "We couldn't load the data for this field. Try reloading it.",
+    "Failed to load section": "Failed to load section",
+    "Please reload this section to try again. If the issue persists, contact Support.": "Please reload this section to try again. If the issue persists, contact Support.",
+    "Failed to load page": "Failed to load page",
+    "Please refresh the page and try again. If the issue persists, contact Support.": "Please refresh the page and try again. If the issue persists, contact Support.",
+    "Failed to load {0}": "Failed to load {0}"
 };

package/dist/utils/localization/translations/es-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/es-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Configuración de columnas",
     "Category": "Categoría",
     "Select visible columns": "Seleccionar columnas visibles",
-    "Selected": "Seleccionado"
+    "Selected": "Seleccionado",
+    "This field is required.": "Este campo es obligatorio.",
+    "On": "Activar",
+    "Off": "Desactivar"
 };

package/dist/utils/localization/translations/fr-FR-json.d.ts

@@ -244,4 +244,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/fr-FR-json.js

@@ -246,5 +246,8 @@ exports.translations = {
     "Column Settings": "Paramètres des colonnes",
     "Category": "Catégorie",
     "Select visible columns": "Sélectionner les colonnes visibles",
-    "Selected": "Sélectionné"
+    "Selected": "Sélectionné",
+    "This field is required.": "Ce champ est requis.",
+    "On": "On",
+    "Off": "Off"
 };

package/dist/utils/localization/translations/fr-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/fr-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Paramètres des colonnes",
     "Category": "Catégorie",
     "Select visible columns": "Sélectionner les colonnes visibles",
-    "Selected": "Sélectionné"
+    "Selected": "Sélectionné",
+    "This field is required.": "Ce champ est obligatoire.",
+    "On": "Activé",
+    "Off": "Désactivé"
 };

package/dist/utils/localization/translations/id-json.d.ts

@@ -246,4 +246,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/id-json.js

@@ -248,5 +248,8 @@ exports.translations = {
     "Column Settings": "Pengaturan Kolom",
     "Category": "Kategori",
     "Select visible columns": "Pilih kolom yang terlihat",
-    "Selected": "Dipilih"
+    "Selected": "Dipilih",
+    "This field is required.": "Bidang ini harus diisi.",
+    "On": "Aktif",
+    "Off": "Nonaktif"
 };

package/dist/utils/localization/translations/it-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/it-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Impostazioni colonna",
     "Category": "Categoria",
     "Select visible columns": "Selezionare colonne visibili",
-    "Selected": "Selezionato"
+    "Selected": "Selezionato",
+    "This field is required.": "Questo campo è obbligatorio.",
+    "On": "On",
+    "Off": "Off"
 };

package/dist/utils/localization/translations/ja-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/ja-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "列の設定",
     "Category": "カテゴリ",
     "Select visible columns": "表示列を選択",
-    "Selected": "選択車両"
+    "Selected": "選択車両",
+    "This field is required.": "このフィールドは必須です。",
+    "On": "オン",
+    "Off": "オフ"
 };

package/dist/utils/localization/translations/ko-KR-json.d.ts

@@ -252,4 +252,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/ko-KR-json.js

@@ -254,5 +254,8 @@ exports.translations = {
     "Column Settings": "열 설정",
     "Category": "범주",
     "Select visible columns": "표시되는 열 선택",
-    "Selected": "선택됨"
+    "Selected": "선택됨",
+    "This field is required.": "이 필드는 필수입니다.",
+    "On": "~에",
+    "Off": "끄다"
 };

package/dist/utils/localization/translations/ms-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/ms-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Tetapan Lajur",
     "Category": "Kategori",
     "Select visible columns": "Pilih lajur yang boleh dilihat",
-    "Selected": "Dipilih"
+    "Selected": "Dipilih",
+    "This field is required.": "Medan ini diperlukan.",
+    "On": "Hidup",
+    "Off": "Mati"
 };

package/dist/utils/localization/translations/nl-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/nl-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Kolominstellingen",
     "Category": "Categorie",
     "Select visible columns": "Zichtbare kolommen selecteren",
-    "Selected": "Geselecteerd"
+    "Selected": "Geselecteerd",
+    "This field is required.": "Dit veld is verplicht.",
+    "On": "Aan",
+    "Off": "Uit"
 };

package/dist/utils/localization/translations/pl-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/pl-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Ustawienia kolumn",
     "Category": "Kategoria",
     "Select visible columns": "Wybierz widoczne kolumny",
-    "Selected": "Wybrano"
+    "Selected": "Wybrano",
+    "This field is required.": "To pole jest wymagane.",
+    "On": "Wł.",
+    "Off": "Wył."
 };

package/dist/utils/localization/translations/pt-BR-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/pt-BR-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Configurações da coluna",
     "Category": "Categoria",
     "Select visible columns": "Selecionar colunas visíveis",
-    "Selected": "Selecionado"
+    "Selected": "Selecionado",
+    "This field is required.": "Este campo é obrigatório.",
+    "On": "Ativado",
+    "Off": "Desativado"
 };

package/dist/utils/localization/translations/sv-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/sv-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Kolumninställningar",
     "Category": "Kategori",
     "Select visible columns": "Välj synbara kolumner",
-    "Selected": "Valda"
+    "Selected": "Valda",
+    "This field is required.": "Det här fältet är obligatoriskt.",
+    "On": "På",
+    "Off": "Av"
 };

package/dist/utils/localization/translations/th-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/th-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "การตั้งค่าคอลัมน์",
     "Category": "หมวดหมู่",
     "Select visible columns": "เลือกคอลัมน์ที่มองเห็นได้",
-    "Selected": "เลือกแล้ว"
+    "Selected": "เลือกแล้ว",
+    "This field is required.": "ต้องใส่ข้อมูลในฟิลด์นี้",
+    "On": "เปิด",
+    "Off": "ปิด"
 };

package/dist/utils/localization/translations/tr-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/tr-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "Sütun Ayarları",
     "Category": "Kategori",
     "Select visible columns": "Görünür sütunları seç",
-    "Selected": "Seçildi"
+    "Selected": "Seçildi",
+    "This field is required.": "Bu alan zorunludur.",
+    "On": "Açık",
+    "Off": "Kapalı"
 };

package/dist/utils/localization/translations/zh-Hans-json.d.ts

@@ -245,4 +245,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/zh-Hans-json.js

@@ -247,5 +247,8 @@ exports.translations = {
     "Column Settings": "列设置",
     "Category": "类别",
     "Select visible columns": "选择可见列",
-    "Selected": "选中的"
+    "Selected": "选中的",
+    "This field is required.": "该字段为必填项。",
+    "On": "开启",
+    "Off": "关闭"
 };

package/dist/utils/localization/translations/zh-TW-json.d.ts

@@ -265,4 +265,7 @@ export declare const translations: {
     Category: string;
     "Select visible columns": string;
     Selected: string;
+    "This field is required.": string;
+    On: string;
+    Off: string;
 };

package/dist/utils/localization/translations/zh-TW-json.js

@@ -267,5 +267,8 @@ exports.translations = {
     "Column Settings": "欄設定",
     "Category": "種類",
     "Select visible columns": "選取可見欄",
-    "Selected": "已選取"
+    "Selected": "已選取",
+    "This field is required.": "此欄位為必填。",
+    "On": "開啟",
+    "Off": "關閉"
 };

package/esm/advancedGroupsFilter/advancedGroupsFilter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./advancedGroupsFilter.less";
-import { IFilterState } from "../groupsFilter/groupsFilterInterfaces";
+import { IFilterState } from "../groupsFilterRaw/groupsFilterInterfaces";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import { IDropdownItem } from "../dropdown/dropdown";
 export interface IAdvancedGroupsFilter extends IZenComponentProps {

package/esm/advancedGroupsFilter/advancedGroupsFilterForm.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIconPosition, TextIconButton } from "../textIconButton/textIconButton";
 import { AdvancedGroupsFilterFormSection, TRANSLATIONS as AdvancedGroupsFilterFormSectionTranslations } from "./advancedGroupsFilterFormSection";
-import { getDefaultFilterState } from "../groupsFilter/groupsHelper";
-import { RelationOperator } from "../groupsFilter/groupsFilterInterfaces";
+import { getDefaultFilterState } from "../groupsFilterRaw/groupsHelper";
+import { RelationOperator } from "../groupsFilterRaw/groupsFilterInterfaces";
 import { IconPlus } from "../icons/iconPlus";
 import { useLanguage } from "../utils/localization/useLanguage";
 export const AdvancedGroupsFilterForm = ({ state, onStateChange, getData, errorHandler, dataItems, tooltipText }) => {

package/esm/advancedGroupsFilter/advancedGroupsFilterFormHelper.d.ts

@@ -1,4 +1,4 @@
-import { IFilterState, RelationOperator } from "../groupsFilter/groupsFilterInterfaces";
+import { IFilterState, RelationOperator } from "../groupsFilterRaw/groupsFilterInterfaces";
 export interface ICurrentAdvancedState {
     sectionState: IFilterState;
     interSectionRelation: RelationOperator;