@geotab/zenith 3.1.1-beta.6 → 3.2.0-beta.0

package/dist/toggleButtonRaw/toggleButtonRaw.js

@@ -1,30 +1,92 @@
 "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;
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+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 __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;
+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 });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.ToggleButtonRaw = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+injectString("cs", "On", "Zapnout");
+injectString("da-DK", "On", "P\xE5");
+injectString("de", "On", "Ein");
+injectString("en", "On", "On");
+injectString("es", "On", "Activar");
+injectString("fi-FI", "On", "P\xE4\xE4lle");
+injectString("fr", "On", "Activ\xE9");
+injectString("fr-FR", "On", "On");
+injectString("hu-HU", "On", "Bekapcsolva");
+injectString("id", "On", "Aktif");
+injectString("it", "On", "On");
+injectString("ja", "On", "\u30AA\u30F3");
+injectString("ko-KR", "On", "~\uC5D0");
+injectString("ms", "On", "Hidup");
+injectString("nb-NO", "On", "P\xE5");
+injectString("nl", "On", "Aan");
+injectString("pl", "On", "W\u0142.");
+injectString("pt-BR", "On", "Ativado");
+injectString("sk-SK", "On", "Zapnut\xE9");
+injectString("sv", "On", "P\xE5");
+injectString("th", "On", "\u0E40\u0E1B\u0E34\u0E14");
+injectString("tr", "On", "A\xE7\u0131k");
+injectString("zh-Hans", "On", "\u5F00\u542F");
+injectString("zh-TW", "On", "\u958B\u555F");
+injectString("cs", "Off", "Vypnout");
+injectString("da-DK", "Off", "Slukket");
+injectString("de", "Off", "Aus");
+injectString("en", "Off", "Off");
+injectString("es", "Off", "Desactivar");
+injectString("fi-FI", "Off", "Pois");
+injectString("fr", "Off", "D\xE9sactiv\xE9");
+injectString("fr-FR", "Off", "Off");
+injectString("hu-HU", "Off", "Kikapcsolva");
+injectString("id", "Off", "Nonaktif");
+injectString("it", "Off", "Off");
+injectString("ja", "Off", "\u30AA\u30D5");
+injectString("ko-KR", "Off", "\uB044\uB2E4");
+injectString("ms", "Off", "Mati");
+injectString("nb-NO", "Off", "Av");
+injectString("nl", "Off", "Uit");
+injectString("pl", "Off", "Wy\u0142.");
+injectString("pt-BR", "Off", "Desativado");
+injectString("sk-SK", "Off", "Vypnut\xE9");
+injectString("sv", "Off", "Av");
+injectString("th", "Off", "\u0E1B\u0E34\u0E14");
+injectString("tr", "Off", "Kapal\u0131");
+injectString("zh-Hans", "Off", "\u5173\u95ED");
+injectString("zh-TW", "Off", "\u95DC\u9589");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useFormFieldValues_1 = require("../commonHelpers/hooks/useFormFieldValues/useFormFieldValues");
@@ -33,22 +95,66 @@ 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] })] });
+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;
+exports.ToggleButtonRaw = ToggleButtonRaw;