@pisell/private-materials 3.4.105 → 3.4.106

package/lib/plus/saasDevice/devicePlanning/components/shared/DeviceBasicInfoForm.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { FormInstance } from 'antd';
+import type { DeviceModelItem, DeviceProfileItem, I18nText, LangDict, WorkAreaItem } from '../../types';
+interface DeviceBasicInfoFormProps {
+    form: FormInstance<{
+        name: LangDict;
+        profile_id?: number;
+    }>;
+    selectedModel?: DeviceModelItem;
+    profiles?: DeviceProfileItem[];
+    profileRequired?: boolean;
+    showProfile?: boolean;
+    workAreas?: WorkAreaItem[];
+    workAreaId?: number;
+    currentWorkAreaId?: number;
+    getText: (key: string) => string;
+    translation: (val?: I18nText) => string;
+    onWorkAreaChange?: (value: number) => void;
+    onValuesChange?: (_changed: unknown, values: {
+        name?: LangDict;
+    }) => void;
+    showSelectedModel?: boolean;
+}
+declare const DeviceBasicInfoForm: React.FC<DeviceBasicInfoFormProps>;
+export default DeviceBasicInfoForm;

package/lib/plus/saasDevice/devicePlanning/components/shared/DeviceBasicInfoForm.js

@@ -0,0 +1,126 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/components/shared/DeviceBasicInfoForm.tsx
+var DeviceBasicInfoForm_exports = {};
+__export(DeviceBasicInfoForm_exports, {
+  default: () => DeviceBasicInfoForm_default
+});
+module.exports = __toCommonJS(DeviceBasicInfoForm_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_types = require("../../types");
+var DeviceBasicInfoForm = ({
+  form,
+  selectedModel,
+  profiles = [],
+  profileRequired,
+  showProfile,
+  workAreas,
+  workAreaId,
+  currentWorkAreaId,
+  getText,
+  translation,
+  onWorkAreaChange,
+  onValuesChange,
+  showSelectedModel = true
+}) => {
+  var _a;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__body", style: { minHeight: "auto" } }, showSelectedModel && selectedModel ? /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__selected-model" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: ((_a = selectedModel.type) == null ? void 0 : _a.icon) || "DesktopOutlined" }), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__model-name" }, translation(selectedModel.name) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__model-desc" }, translation(selectedModel.description) || ""))) : null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form,
+    {
+      form,
+      layout: "vertical",
+      preserve: false,
+      onValuesChange
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "name",
+        label: getText("pisell2.saas.device-planning.add.device-name"),
+        required: true,
+        rules: [
+          {
+            validator: (0, import_types.validateI18nRequired)(
+              getText("pisell2.saas.device-planning.add.device-name-required")
+            )
+          }
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.BaseTranslation, { renderMode: "edit" })
+    ),
+    workAreas ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: getText("pisell2.saas.device-planning.edit.work-area"),
+        required: true
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Select,
+        {
+          value: workAreaId,
+          options: workAreas.map((area) => ({
+            label: `${translation(area.name) || area.id}${area.id === currentWorkAreaId ? ` (${getText("pisell2.saas.device-planning.connect.current")})` : ""}`,
+            value: area.id
+          })),
+          onChange: (value) => onWorkAreaChange == null ? void 0 : onWorkAreaChange(value)
+        }
+      )
+    ) : null,
+    showProfile && profileRequired ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "profile_id",
+        label: getText("pisell2.saas.device-planning.add.device-profile"),
+        required: true,
+        rules: [
+          {
+            required: true,
+            message: getText(
+              "pisell2.saas.device-planning.add.device-profile-required"
+            )
+          }
+        ],
+        help: profiles.length === 0 ? getText("pisell2.saas.device-planning.add.create-profile-first") : void 0
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Select,
+        {
+          disabled: profiles.length === 0,
+          options: profiles.map((profile) => ({
+            label: translation(profile.name) || String(profile.id),
+            value: profile.id
+          }))
+        }
+      )
+    ) : null
+  ));
+};
+var DeviceBasicInfoForm_default = DeviceBasicInfoForm;

package/lib/plus/saasDevice/devicePlanning/components/shared/DeviceIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DeviceKind } from '../../types';
+interface DeviceIconProps {
+    icon?: string | null;
+    kind: DeviceKind;
+    className?: string;
+    fallbackIcon?: string;
+}
+declare const DeviceIcon: React.FC<DeviceIconProps>;
+export default DeviceIcon;

package/lib/plus/saasDevice/devicePlanning/components/shared/DeviceIcon.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/components/shared/DeviceIcon.tsx
+var DeviceIcon_exports = {};
+__export(DeviceIcon_exports, {
+  default: () => DeviceIcon_default
+});
+module.exports = __toCommonJS(DeviceIcon_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("../../utils");
+var DeviceIcon = ({
+  icon,
+  kind,
+  className,
+  fallbackIcon = "DesktopOutlined"
+}) => /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(className, `is-${kind}`) }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: icon || fallbackIcon, color: import_utils.DEVICE_ICON_COLOR[kind] }));
+var DeviceIcon_default = DeviceIcon;

package/lib/plus/saasDevice/devicePlanning/components/shared/DeviceModelPicker.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { DeviceBrandItem, DeviceKind, DeviceModelItem, I18nText } from '../../types';
+interface DeviceModelPickerProps {
+    activeKind: DeviceKind;
+    models: DeviceModelItem[];
+    brands?: DeviceBrandItem[];
+    getText: (key: string) => string;
+    translation: (val?: I18nText) => string;
+    onSelect: (model: DeviceModelItem) => void;
+}
+declare const DeviceModelPicker: React.FC<DeviceModelPickerProps>;
+export default DeviceModelPicker;

package/lib/plus/saasDevice/devicePlanning/components/shared/DeviceModelPicker.js

@@ -0,0 +1,165 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/components/shared/DeviceModelPicker.tsx
+var DeviceModelPicker_exports = {};
+__export(DeviceModelPicker_exports, {
+  default: () => DeviceModelPicker_default
+});
+module.exports = __toCommonJS(DeviceModelPicker_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_constants = require("../../constants");
+var import_utils = require("../../utils");
+var import_ModelPickerGrid = __toESM(require("./ModelPickerGrid"));
+var DeviceModelPicker = ({
+  activeKind,
+  models,
+  brands = [],
+  getText,
+  translation,
+  onSelect
+}) => {
+  const [keyword, setKeyword] = (0, import_react.useState)("");
+  const [brandFilter, setBrandFilter] = (0, import_react.useState)();
+  const [connectionFilter, setConnectionFilter] = (0, import_react.useState)();
+  const isPeripheral = activeKind === "dumb";
+  const brandNameMap = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    brands.forEach((brand) => {
+      map.set(brand.code, translation(brand.name) || brand.code);
+    });
+    models.forEach((model) => {
+      var _a;
+      if (model.brand_code && ((_a = model.brand) == null ? void 0 : _a.name) && !map.has(model.brand_code)) {
+        map.set(
+          model.brand_code,
+          translation(model.brand.name) || model.brand_code
+        );
+      }
+    });
+    return map;
+  }, [brands, models, translation]);
+  const brandOptions = (0, import_react.useMemo)(
+    () => brands.map((brand) => ({
+      label: translation(brand.name) || brand.code,
+      value: (0, import_utils.getBrandOptionValue)(brand)
+    })),
+    [brands, translation]
+  );
+  const filteredModels = (0, import_react.useMemo)(() => {
+    const value = (0, import_constants.normalizeText)(keyword);
+    return models.filter((model) => {
+      const name = translation(model.name);
+      const connections = (0, import_utils.getModelConnectionTypes)(model);
+      const matchesKeyword = value ? (0, import_constants.normalizeText)(name).includes(value) : true;
+      const matchesBrand = brandFilter ? model.brand_code === (0, import_utils.getBrandCodeFromOptionValue)(brandFilter) : true;
+      const matchesConnection = connectionFilter ? connections.some(
+        (connection) => (0, import_constants.normalizeText)(connection) === connectionFilter
+      ) : true;
+      return matchesKeyword && matchesBrand && matchesConnection;
+    });
+  }, [brandFilter, connectionFilter, keyword, models, translation]);
+  const groupedModels = (0, import_react.useMemo)(() => {
+    const groups = /* @__PURE__ */ new Map();
+    filteredModels.forEach((model) => {
+      const key = model.type_code || getText(import_constants.DEVICE_KIND_LABEL_KEY[activeKind]);
+      groups.set(key, [...groups.get(key) || [], model]);
+    });
+    return Array.from(groups.entries());
+  }, [activeKind, filteredModels, getText]);
+  const renderModelMeta = (model) => {
+    if (!isPeripheral) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__model-desc" }, translation(model.description) || "");
+    }
+    const brandName = model.brand_code ? brandNameMap.get(model.brand_code) || model.brand_code : "";
+    const connections = (0, import_utils.getModelConnectionTypes)(model);
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__model-brand" }, brandName), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__model-desc" }, translation(model.description) || ""), connections.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__connection-list" }, connections.map((connection) => /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        key: connection,
+        className: "add-device-modal__connection-tag"
+      },
+      (0, import_utils.getConnectionTypeLabel)(connection)
+    ))) : null);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__filters" }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Input,
+    {
+      allowClear: true,
+      prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null),
+      value: keyword,
+      placeholder: getText("pisell2.saas.device-planning.add.search"),
+      onChange: (event) => setKeyword(event.target.value),
+      className: "add-device-modal__search"
+    }
+  ), isPeripheral ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Select,
+    {
+      allowClear: true,
+      value: brandFilter,
+      placeholder: getText(
+        "pisell2.saas.device-planning.add.all-brands"
+      ),
+      options: brandOptions,
+      onChange: (value) => setBrandFilter(value),
+      className: "add-device-modal__filter-select"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Select,
+    {
+      allowClear: true,
+      value: connectionFilter,
+      placeholder: getText(
+        "pisell2.saas.device-planning.add.all-connections"
+      ),
+      options: import_utils.CONNECTION_TYPE_OPTIONS,
+      onChange: (value) => setConnectionFilter(value),
+      className: "add-device-modal__filter-select"
+    }
+  )) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-device-modal__model-list" }, groupedModels.length ? /* @__PURE__ */ import_react.default.createElement(
+    import_ModelPickerGrid.default,
+    {
+      groups: groupedModels,
+      classNamePrefix: "add-device-modal",
+      groupTitleClassName: "add-device-modal__group-title",
+      translation,
+      onSelect,
+      renderMeta: renderModelMeta,
+      useButton: false
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Empty,
+    {
+      image: import_materials.Empty.PRESENTED_IMAGE_SIMPLE,
+      description: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, getText("pisell2.saas.device-planning.add.no-devices")), /* @__PURE__ */ import_react.default.createElement("div", null, getText("pisell2.saas.device-planning.add.adjust-search")))
+    }
+  )));
+};
+var DeviceModelPicker_default = DeviceModelPicker;

package/lib/plus/saasDevice/devicePlanning/components/shared/I18nNameFormItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface I18nNameFormItemProps {
+    name: string;
+    label: string;
+    requiredMessage?: string;
+    textarea?: boolean;
+}
+declare const I18nNameFormItem: React.FC<I18nNameFormItemProps>;
+export default I18nNameFormItem;

package/lib/plus/saasDevice/devicePlanning/components/shared/I18nNameFormItem.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/components/shared/I18nNameFormItem.tsx
+var I18nNameFormItem_exports = {};
+__export(I18nNameFormItem_exports, {
+  default: () => I18nNameFormItem_default
+});
+module.exports = __toCommonJS(I18nNameFormItem_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_types = require("../../types");
+var I18nNameFormItem = ({
+  name,
+  label,
+  requiredMessage,
+  textarea
+}) => /* @__PURE__ */ import_react.default.createElement(
+  import_antd.Form.Item,
+  {
+    name,
+    label,
+    required: Boolean(requiredMessage),
+    rules: requiredMessage ? [{ validator: (0, import_types.validateI18nRequired)(requiredMessage) }] : void 0
+  },
+  /* @__PURE__ */ import_react.default.createElement(import_materials.BaseTranslation, { renderMode: "edit", type: textarea ? "textarea" : void 0 })
+);
+var I18nNameFormItem_default = I18nNameFormItem;

package/lib/plus/saasDevice/devicePlanning/components/shared/LinkStatusTag.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DeviceLinkStatus } from '../../types';
+interface LinkStatusTagProps {
+    value: DeviceLinkStatus;
+    getText: (key: string) => string;
+    style?: React.CSSProperties;
+}
+declare const LinkStatusTag: React.FC<LinkStatusTagProps>;
+export default LinkStatusTag;

package/lib/plus/saasDevice/devicePlanning/components/shared/LinkStatusTag.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/components/shared/LinkStatusTag.tsx
+var LinkStatusTag_exports = {};
+__export(LinkStatusTag_exports, {
+  default: () => LinkStatusTag_default
+});
+module.exports = __toCommonJS(LinkStatusTag_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var LinkStatusTag = ({
+  value,
+  getText,
+  style
+}) => /* @__PURE__ */ import_react.default.createElement(import_materials.Tag, { color: value === "linked" ? "green" : "gold", style }, getText(`pisell2.saas.device-planning.status.${value}`) || value);
+var LinkStatusTag_default = LinkStatusTag;

package/lib/plus/saasDevice/devicePlanning/components/shared/ModelPickerGrid.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DeviceModelItem, I18nText } from '../../types';
+interface ModelPickerGridProps {
+    groups: [string, DeviceModelItem[]][];
+    classNamePrefix: string;
+    separator?: string;
+    groupTitleClassName?: string;
+    translation: (val?: I18nText) => string;
+    onSelect: (model: DeviceModelItem) => void;
+    getFallbackGroupTitle?: (typeCode: string) => string;
+    renderMeta?: (model: DeviceModelItem) => React.ReactNode;
+    useButton?: boolean;
+}
+declare const ModelPickerGrid: React.FC<ModelPickerGridProps>;
+export default ModelPickerGrid;

package/lib/plus/saasDevice/devicePlanning/components/shared/ModelPickerGrid.js

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/components/shared/ModelPickerGrid.tsx
+var ModelPickerGrid_exports = {};
+__export(ModelPickerGrid_exports, {
+  default: () => ModelPickerGrid_default
+});
+module.exports = __toCommonJS(ModelPickerGrid_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var ModelPickerGrid = ({
+  groups,
+  classNamePrefix,
+  separator = "__",
+  groupTitleClassName,
+  translation,
+  onSelect,
+  getFallbackGroupTitle,
+  renderMeta,
+  useButton = true
+}) => /* @__PURE__ */ import_react.default.createElement("div", { className: `${classNamePrefix}${separator}model-groups` }, groups.map(([typeCode, items]) => {
+  var _a;
+  const type = (_a = items[0]) == null ? void 0 : _a.type;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: typeCode || "default",
+      className: `${classNamePrefix}${separator}model-group`
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: groupTitleClassName || `${classNamePrefix}${separator}model-group-title`
+      },
+      (type == null ? void 0 : type.icon) ? /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: type.icon }) : null,
+      /* @__PURE__ */ import_react.default.createElement("span", null, translation(type == null ? void 0 : type.name) || (getFallbackGroupTitle == null ? void 0 : getFallbackGroupTitle(typeCode)) || typeCode)
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${classNamePrefix}${separator}model-grid` }, items.map((model) => {
+      const content = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${classNamePrefix}${separator}model-name` }, translation(model.name) || model.code), renderMeta == null ? void 0 : renderMeta(model));
+      return useButton ? /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          key: model.code,
+          className: `${classNamePrefix}${separator}model-card`,
+          onClick: () => onSelect(model)
+        },
+        content
+      ) : /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: model.code,
+          role: "button",
+          tabIndex: 0,
+          className: `${classNamePrefix}${separator}model-card`,
+          onClick: () => onSelect(model)
+        },
+        content
+      );
+    }))
+  );
+}));
+var ModelPickerGrid_default = ModelPickerGrid;

package/lib/plus/saasDevice/devicePlanning/components/shared/OnlineStatus.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DeviceOnlineStatus } from '../../types';
+interface OnlineStatusProps {
+    value: DeviceOnlineStatus;
+    getText: (key: string) => string;
+    className: string;
+    dotClassName: string;
+}
+declare const OnlineStatus: React.FC<OnlineStatusProps>;
+export default OnlineStatus;