@pisell/private-materials 3.4.105 → 3.4.106

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

@@ -0,0 +1,82 @@
+import React from 'react';
+import { Form } from 'antd';
+import { BaseTranslation, Icon, Select } from '@pisell/materials';
+import { validateI18nRequired } from "../../types";
+var DeviceBasicInfoForm = function DeviceBasicInfoForm(_ref) {
+  var _selectedModel$type;
+  var form = _ref.form,
+    selectedModel = _ref.selectedModel,
+    _ref$profiles = _ref.profiles,
+    profiles = _ref$profiles === void 0 ? [] : _ref$profiles,
+    profileRequired = _ref.profileRequired,
+    showProfile = _ref.showProfile,
+    workAreas = _ref.workAreas,
+    workAreaId = _ref.workAreaId,
+    currentWorkAreaId = _ref.currentWorkAreaId,
+    getText = _ref.getText,
+    translation = _ref.translation,
+    onWorkAreaChange = _ref.onWorkAreaChange,
+    onValuesChange = _ref.onValuesChange,
+    _ref$showSelectedMode = _ref.showSelectedModel,
+    showSelectedModel = _ref$showSelectedMode === void 0 ? true : _ref$showSelectedMode;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__body",
+    style: {
+      minHeight: 'auto'
+    }
+  }, showSelectedModel && selectedModel ? /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__selected-model"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: ((_selectedModel$type = selectedModel.type) === null || _selectedModel$type === void 0 ? void 0 : _selectedModel$type.icon) || 'DesktopOutlined'
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__model-name"
+  }, translation(selectedModel.name) || ''), /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__model-desc"
+  }, translation(selectedModel.description) || ''))) : null, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    layout: "vertical",
+    preserve: false,
+    onValuesChange: onValuesChange
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "name",
+    label: getText('pisell2.saas.device-planning.add.device-name'),
+    required: true,
+    rules: [{
+      validator: validateI18nRequired(getText('pisell2.saas.device-planning.add.device-name-required'))
+    }]
+  }, /*#__PURE__*/React.createElement(BaseTranslation, {
+    renderMode: "edit"
+  })), workAreas ? /*#__PURE__*/React.createElement(Form.Item, {
+    label: getText('pisell2.saas.device-planning.edit.work-area'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: workAreaId,
+    options: workAreas.map(function (area) {
+      return {
+        label: "".concat(translation(area.name) || area.id).concat(area.id === currentWorkAreaId ? " (".concat(getText('pisell2.saas.device-planning.connect.current'), ")") : ''),
+        value: area.id
+      };
+    }),
+    onChange: function onChange(value) {
+      return onWorkAreaChange === null || onWorkAreaChange === void 0 ? void 0 : onWorkAreaChange(value);
+    }
+  })) : null, showProfile && profileRequired ? /*#__PURE__*/React.createElement(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') : undefined
+  }, /*#__PURE__*/React.createElement(Select, {
+    disabled: profiles.length === 0,
+    options: profiles.map(function (profile) {
+      return {
+        label: translation(profile.name) || String(profile.id),
+        value: profile.id
+      };
+    })
+  })) : null));
+};
+export default DeviceBasicInfoForm;

package/es/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/es/plus/saasDevice/devicePlanning/components/shared/DeviceIcon.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Icon } from '@pisell/materials';
+import classNames from 'classnames';
+import { DEVICE_ICON_COLOR } from "../../utils";
+var DeviceIcon = function DeviceIcon(_ref) {
+  var icon = _ref.icon,
+    kind = _ref.kind,
+    className = _ref.className,
+    _ref$fallbackIcon = _ref.fallbackIcon,
+    fallbackIcon = _ref$fallbackIcon === void 0 ? 'DesktopOutlined' : _ref$fallbackIcon;
+  return /*#__PURE__*/React.createElement("span", {
+    className: classNames(className, "is-".concat(kind))
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: icon || fallbackIcon,
+    color: DEVICE_ICON_COLOR[kind]
+  }));
+};
+export default DeviceIcon;

package/es/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/es/plus/saasDevice/devicePlanning/components/shared/DeviceModelPicker.js

@@ -0,0 +1,147 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useState } from 'react';
+import { Empty, Input, Select } from '@pisell/materials';
+import { SearchOutlined } from '@ant-design/icons';
+import { DEVICE_KIND_LABEL_KEY, normalizeText } from "../../constants";
+import { CONNECTION_TYPE_OPTIONS, getBrandCodeFromOptionValue, getBrandOptionValue, getConnectionTypeLabel, getModelConnectionTypes } from "../../utils";
+import ModelPickerGrid from "./ModelPickerGrid";
+var DeviceModelPicker = function DeviceModelPicker(_ref) {
+  var activeKind = _ref.activeKind,
+    models = _ref.models,
+    _ref$brands = _ref.brands,
+    brands = _ref$brands === void 0 ? [] : _ref$brands,
+    getText = _ref.getText,
+    translation = _ref.translation,
+    onSelect = _ref.onSelect;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    keyword = _useState2[0],
+    setKeyword = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    brandFilter = _useState4[0],
+    setBrandFilter = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    connectionFilter = _useState6[0],
+    setConnectionFilter = _useState6[1];
+  var isPeripheral = activeKind === 'dumb';
+  var brandNameMap = useMemo(function () {
+    var map = new Map();
+    brands.forEach(function (brand) {
+      map.set(brand.code, translation(brand.name) || brand.code);
+    });
+    models.forEach(function (model) {
+      var _model$brand;
+      if (model.brand_code && (_model$brand = model.brand) !== null && _model$brand !== void 0 && _model$brand.name && !map.has(model.brand_code)) {
+        map.set(model.brand_code, translation(model.brand.name) || model.brand_code);
+      }
+    });
+    return map;
+  }, [brands, models, translation]);
+  var brandOptions = useMemo(function () {
+    return brands.map(function (brand) {
+      return {
+        label: translation(brand.name) || brand.code,
+        value: getBrandOptionValue(brand)
+      };
+    });
+  }, [brands, translation]);
+  var filteredModels = useMemo(function () {
+    var value = normalizeText(keyword);
+    return models.filter(function (model) {
+      var name = translation(model.name);
+      var connections = getModelConnectionTypes(model);
+      var matchesKeyword = value ? normalizeText(name).includes(value) : true;
+      var matchesBrand = brandFilter ? model.brand_code === getBrandCodeFromOptionValue(brandFilter) : true;
+      var matchesConnection = connectionFilter ? connections.some(function (connection) {
+        return normalizeText(connection) === connectionFilter;
+      }) : true;
+      return matchesKeyword && matchesBrand && matchesConnection;
+    });
+  }, [brandFilter, connectionFilter, keyword, models, translation]);
+  var groupedModels = useMemo(function () {
+    var groups = new Map();
+    filteredModels.forEach(function (model) {
+      var key = model.type_code || getText(DEVICE_KIND_LABEL_KEY[activeKind]);
+      groups.set(key, [].concat(_toConsumableArray(groups.get(key) || []), [model]));
+    });
+    return Array.from(groups.entries());
+  }, [activeKind, filteredModels, getText]);
+  var renderModelMeta = function renderModelMeta(model) {
+    if (!isPeripheral) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "add-device-modal__model-desc"
+      }, translation(model.description) || '');
+    }
+    var brandName = model.brand_code ? brandNameMap.get(model.brand_code) || model.brand_code : '';
+    var connections = getModelConnectionTypes(model);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "add-device-modal__model-brand"
+    }, brandName), /*#__PURE__*/React.createElement("div", {
+      className: "add-device-modal__model-desc"
+    }, translation(model.description) || ''), connections.length ? /*#__PURE__*/React.createElement("div", {
+      className: "add-device-modal__connection-list"
+    }, connections.map(function (connection) {
+      return /*#__PURE__*/React.createElement("span", {
+        key: connection,
+        className: "add-device-modal__connection-tag"
+      }, getConnectionTypeLabel(connection));
+    })) : null);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__filters"
+  }, /*#__PURE__*/React.createElement(Input, {
+    allowClear: true,
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
+    value: keyword,
+    placeholder: getText('pisell2.saas.device-planning.add.search'),
+    onChange: function onChange(event) {
+      return setKeyword(event.target.value);
+    },
+    className: "add-device-modal__search"
+  }), isPeripheral ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
+    allowClear: true,
+    value: brandFilter,
+    placeholder: getText('pisell2.saas.device-planning.add.all-brands'),
+    options: brandOptions,
+    onChange: function onChange(value) {
+      return setBrandFilter(value);
+    },
+    className: "add-device-modal__filter-select"
+  }), /*#__PURE__*/React.createElement(Select, {
+    allowClear: true,
+    value: connectionFilter,
+    placeholder: getText('pisell2.saas.device-planning.add.all-connections'),
+    options: CONNECTION_TYPE_OPTIONS,
+    onChange: function onChange(value) {
+      return setConnectionFilter(value);
+    },
+    className: "add-device-modal__filter-select"
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: "add-device-modal__model-list"
+  }, groupedModels.length ? /*#__PURE__*/React.createElement(ModelPickerGrid, {
+    groups: groupedModels,
+    classNamePrefix: "add-device-modal",
+    groupTitleClassName: "add-device-modal__group-title",
+    translation: translation,
+    onSelect: onSelect,
+    renderMeta: renderModelMeta,
+    useButton: false
+  }) : /*#__PURE__*/React.createElement(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE,
+    description: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, getText('pisell2.saas.device-planning.add.no-devices')), /*#__PURE__*/React.createElement("div", null, getText('pisell2.saas.device-planning.add.adjust-search')))
+  })));
+};
+export default DeviceModelPicker;

package/es/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/es/plus/saasDevice/devicePlanning/components/shared/I18nNameFormItem.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Form } from 'antd';
+import { BaseTranslation } from '@pisell/materials';
+import { validateI18nRequired } from "../../types";
+var I18nNameFormItem = function I18nNameFormItem(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    requiredMessage = _ref.requiredMessage,
+    textarea = _ref.textarea;
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    name: name,
+    label: label,
+    required: Boolean(requiredMessage),
+    rules: requiredMessage ? [{
+      validator: validateI18nRequired(requiredMessage)
+    }] : undefined
+  }, /*#__PURE__*/React.createElement(BaseTranslation, {
+    renderMode: "edit",
+    type: textarea ? 'textarea' : undefined
+  }));
+};
+export default I18nNameFormItem;

package/es/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/es/plus/saasDevice/devicePlanning/components/shared/LinkStatusTag.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Tag } from '@pisell/materials';
+var LinkStatusTag = function LinkStatusTag(_ref) {
+  var value = _ref.value,
+    getText = _ref.getText,
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement(Tag, {
+    color: value === 'linked' ? 'green' : 'gold',
+    style: style
+  }, getText("pisell2.saas.device-planning.status.".concat(value)) || value);
+};
+export default LinkStatusTag;

package/es/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/es/plus/saasDevice/devicePlanning/components/shared/ModelPickerGrid.js

@@ -0,0 +1,61 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from 'react';
+import { Button } from 'antd';
+import { Icon } from '@pisell/materials';
+var ModelPickerGrid = function ModelPickerGrid(_ref) {
+  var groups = _ref.groups,
+    classNamePrefix = _ref.classNamePrefix,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? '__' : _ref$separator,
+    groupTitleClassName = _ref.groupTitleClassName,
+    translation = _ref.translation,
+    onSelect = _ref.onSelect,
+    getFallbackGroupTitle = _ref.getFallbackGroupTitle,
+    renderMeta = _ref.renderMeta,
+    _ref$useButton = _ref.useButton,
+    useButton = _ref$useButton === void 0 ? true : _ref$useButton;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classNamePrefix).concat(separator, "model-groups")
+  }, groups.map(function (_ref2) {
+    var _items$;
+    var _ref3 = _slicedToArray(_ref2, 2),
+      typeCode = _ref3[0],
+      items = _ref3[1];
+    var type = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.type;
+    return /*#__PURE__*/React.createElement("div", {
+      key: typeCode || 'default',
+      className: "".concat(classNamePrefix).concat(separator, "model-group")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: groupTitleClassName || "".concat(classNamePrefix).concat(separator, "model-group-title")
+    }, type !== null && type !== void 0 && type.icon ? /*#__PURE__*/React.createElement(Icon, {
+      type: type.icon
+    }) : null, /*#__PURE__*/React.createElement("span", null, translation(type === null || type === void 0 ? void 0 : type.name) || (getFallbackGroupTitle === null || getFallbackGroupTitle === void 0 ? void 0 : getFallbackGroupTitle(typeCode)) || typeCode)), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classNamePrefix).concat(separator, "model-grid")
+    }, items.map(function (model) {
+      var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classNamePrefix).concat(separator, "model-name")
+      }, translation(model.name) || model.code), renderMeta === null || renderMeta === void 0 ? void 0 : renderMeta(model));
+      return useButton ? /*#__PURE__*/React.createElement(Button, {
+        key: model.code,
+        className: "".concat(classNamePrefix).concat(separator, "model-card"),
+        onClick: function onClick() {
+          return onSelect(model);
+        }
+      }, content) : /*#__PURE__*/React.createElement("div", {
+        key: model.code,
+        role: "button",
+        tabIndex: 0,
+        className: "".concat(classNamePrefix).concat(separator, "model-card"),
+        onClick: function onClick() {
+          return onSelect(model);
+        }
+      }, content);
+    })));
+  }));
+};
+export default ModelPickerGrid;

package/es/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;

package/es/plus/saasDevice/devicePlanning/components/shared/OnlineStatus.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import classNames from 'classnames';
+var OnlineStatus = function OnlineStatus(_ref) {
+  var value = _ref.value,
+    getText = _ref.getText,
+    className = _ref.className,
+    dotClassName = _ref.dotClassName;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classNames(dotClassName, {
+      'is-online': value === 'online'
+    })
+  }), getText("pisell2.saas.device-planning.status.".concat(value)) || value);
+};
+export default OnlineStatus;

package/es/plus/saasDevice/devicePlanning/components/shared/OnlineWarningAlert.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface OnlineWarningAlertProps {
+    message: React.ReactNode;
+    description: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const OnlineWarningAlert: React.FC<OnlineWarningAlertProps>;
+export default OnlineWarningAlert;

package/es/plus/saasDevice/devicePlanning/components/shared/OnlineWarningAlert.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Alert } from 'antd';
+import { ExclamationCircleFilled } from '@ant-design/icons';
+var OnlineWarningAlert = function OnlineWarningAlert(_ref) {
+  var message = _ref.message,
+    description = _ref.description,
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement(Alert, {
+    type: "warning",
+    showIcon: true,
+    icon: /*#__PURE__*/React.createElement(ExclamationCircleFilled, null),
+    message: message,
+    description: description,
+    style: style
+  });
+};
+export default OnlineWarningAlert;

package/es/plus/saasDevice/devicePlanning/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import type { I18nText } from '../types';
+export declare const useTranslation: () => (val?: I18nText) => any;

package/es/plus/saasDevice/devicePlanning/hooks/index.js

@@ -0,0 +1,12 @@
+import useEngineContext from "../../../../hooks/useEngineContext";
+export var useTranslation = function useTranslation() {
+  var context = useEngineContext();
+  return function (val) {
+    var _context$appHelper;
+    var translation = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.translation;
+    if (translation) return translation(val);
+    if (!val) return '';
+    if (typeof val === 'string') return val;
+    return val.original || val.en || val['zh-CN'] || '';
+  };
+};

package/es/plus/saasDevice/devicePlanning/hooks/useDeviceList.d.ts

@@ -0,0 +1,33 @@
+import type { DeviceItem, DeviceKind, DeviceRow, I18nText, UpdateDevicePayload } from '../types';
+interface UseDeviceListParams {
+    activeKind: DeviceKind;
+    selectedWorkAreaId?: number;
+    translation: (val?: I18nText) => string;
+    profileNameMap: Map<number, string>;
+}
+/** 管理当前工作区和设备种类下的设备列表、筛选、分页、排序与 CRUD 请求。 */
+export declare const useDeviceList: ({ activeKind, selectedWorkAreaId, translation, profileNameMap, }: UseDeviceListParams) => {
+    search: string;
+    typeFilter: string | undefined;
+    page: number;
+    pageSize: number;
+    devices: DeviceItem[];
+    tableData: DeviceRow[];
+    deviceRequest: import("ahooks/lib/useRequest/src/types").Result<DeviceItem[], [params: import("../types").ListDeviceParams]>;
+    createDeviceRequest: import("ahooks/lib/useRequest/src/types").Result<DeviceItem | null, [payload: import("../types").CreateDevicePayload]>;
+    updateDeviceRequest: import("ahooks/lib/useRequest/src/types").Result<DeviceItem | null, [params: {
+        id: number;
+        payload: UpdateDevicePayload;
+    }]>;
+    removeDeviceRequest: import("ahooks/lib/useRequest/src/types").Result<any, [id: string | number]>;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setTypeFilter: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    resetDeviceView: () => void;
+    reloadDevices: () => void;
+    reloadDevicesAsync: () => Promise<DeviceItem[]>;
+    toDeviceRow: (item: DeviceItem) => DeviceRow;
+    handleDeviceSort: (orderedRows: DeviceRow[]) => Promise<void>;
+};
+export {};