@geotab/zenith 3.1.0 → 3.1.1-beta.1

package/esm/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/esm/utils/localization/translations/pl-json.js

@@ -244,5 +244,8 @@ export const 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/esm/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/esm/utils/localization/translations/pt-BR-json.js

@@ -244,5 +244,8 @@ export const 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/esm/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/esm/utils/localization/translations/sv-json.js

@@ -244,5 +244,8 @@ export const 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/esm/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/esm/utils/localization/translations/th-json.js

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

package/esm/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/esm/utils/localization/translations/tr-json.js

@@ -244,5 +244,8 @@ export const 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/esm/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/esm/utils/localization/translations/zh-Hans-json.js

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

package/esm/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/esm/utils/localization/translations/zh-TW-json.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "version": "3.1.0",
+  "version": "3.1.1-beta.1",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
@@ -42,7 +42,6 @@
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@storybook/addon-docs": "^9.1.15",
     "@storybook/addon-links": "^9.1.15",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/react-webpack5": "^9.1.15",
@@ -69,12 +68,14 @@
     "style-loader": "^4.0.0",
     "typescript": "^5.4.3",
     "webpack": "^5.96.1",
-    "xml2js": "^0.6.0"
+    "xml2js": "^0.6.0",
+    "@storybook/addon-docs": "^9.1.15"
   },
   "dependencies": {
     "chart.js": "^4.4.6",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.60.0"
   },
   "peerDependencies": {
     "chart.js": "^4.4.6",

package/esm/dropdown/dropdownSearchableTrigger.js

@@ -1,56 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useRef } from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { TextInputRaw } from "../textInputRaw/textInputRaw";
-import { IconChevronDownSmall } from "../icons/iconChevronDownSmall";
-import { IconCrossThin } from "../icons/deprecated/iconCrossThin";
-import { useLanguage } from "../utils/localization/useLanguage";
-import { useDriveClassName } from "../utils/theme/useDriveClassName";
-import { useDrive } from "../utils/theme/useDrive";
-export const DropdownSearchableTrigger = (_a) => {
-    var { value, className = "", onChange, placeholder, isOpenPopup, inputRef, handleClick, width, title, id, disabled, count, currentSelection, isError, fullWidth, ref } = _a, otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref"]);
-    const { translate } = useLanguage();
-    const triggerId = useId();
-    const driveComponentClass = useDriveClassName("zen-dropdown-searchable-trigger");
-    const isDrive = useDrive();
-    const inputStyle = width ? { style: { width: `${width}px` } } : {};
-    const isLargeNumber = count && count > 99;
-    const clearRef = useRef(null);
-    const handleKeydown = (e) => {
-        if (e.key === "Enter" && !isOpenPopup) {
-            handleClick(true);
-        }
-        if (e.key === "Escape" && isOpenPopup && e.nativeEvent) {
-            e.nativeEvent.stopImmediatePropagation();
-            handleClick(false);
-        }
-    };
-    const clickHandler = (e) => {
-        if (e.target === inputRef.current && isOpenPopup || e.target === clearRef.current && isOpenPopup) {
-            return;
-        }
-        handleClick(!isOpenPopup);
-    };
-    const handleClearSearch = () => {
-        onChange(undefined);
-    };
-    return _jsxs("div", Object.assign({ className: classNames(["zen-dropdown-searchable-trigger", isError ? "zen-dropdown-searchable-trigger--error" : "",
-            driveComponentClass || "", disabled ? "zen-dropdown-searchable-trigger--disabled" : ""]) }, inputStyle, { ref: ref }, otherProps, { onClick: disabled ? () => { } : clickHandler, role: "combobox", "aria-label": placeholder, children: [_jsxs("div", { className: classNames(["zen-dropdown-searchable-trigger__search-container", className]), children: [_jsx("div", { className: "zen-dropdown-searchable-trigger__input-container", onKeyDown: handleKeydown, children: _jsx(TextInputRaw, { value: value, placeholder: currentSelection ? currentSelection : placeholder || translate("Filter by group"), className: classNames(["zen-dropdown-searchable-trigger__input", "zen-ellipsis", currentSelection ? "zen-dropdown-searchable-trigger__input--selected" : ""]), onChange: onChange, disabled: disabled, type: "text", ref: inputRef, id: id || triggerId }) }), count ? _jsx("div", { className: "zen-dropdown-searchable-trigger__label-element", children: _jsx("div", { className: "zen-dropdown-searchable-trigger__counter", children: _jsx("span", { children: isLargeNumber ? "99+" : count }) }) }) : null, value && _jsx("button", { type: "button", className: "zen-dropdown-searchable-trigger__close-button", ref: clearRef, title: translate("Clear search"), onClick: handleClearSearch, children: _jsx(IconCrossThin, { size: isDrive ? "big" : "small" }) })] }), _jsx("button", { type: "button", onMouseDown: e => e.preventDefault(), tabIndex: -1, "aria-hidden": "true", className: classNames(["zen-dropdown-searchable-trigger__popup-trigger", isOpenPopup ? "zen-dropdown-searchable-trigger__popup-trigger--active" : ""]), title: title || translate(isOpenPopup ? "Close filter" : "Open filter"), children: _jsx(IconChevronDownSmall, { className: isOpenPopup ? "zen-dropdown-searchable-trigger__arrow-icon--up" : "zen-dropdown-searchable-trigger__arrow-icon--down", size: isDrive ? "huge" : "large" }) })] }));
-};
-DropdownSearchableTrigger.displayName = "DropdownSearchableTrigger";
-export const TRANSLATIONS = [
-    "Filter by group",
-    "Open filter",
-    "Clear search"
-];