plmt-constructor-sdk 0.13.40 → 0.15.0

package/__internal__/view-settings.d.ts

@@ -5,16 +5,63 @@ export declare enum ViewSettingsItemType {
     Radio = "radio",
     Select = "select",
     ColorPicker = "color-picker",
+    Group = "group",
     Title = "title",
+    Subtitle = "subtitle",
+    SectionLabel = "sectionLabel",
     TextArea = "textArea",
     ConditionalFormatters = "conditions"
 }
+export declare type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export declare type TooltipTrigger = 'hover' | 'focus' | 'click' | 'manual';
+export interface TooltipSettings {
+    content?: string;
+    placement?: TooltipPlacement;
+    disabled?: boolean;
+    distance?: number;
+    skidding?: number;
+    trigger?: TooltipTrigger | string;
+    hoist?: boolean;
+    maxWidth?: string;
+    hideDelay?: number;
+    showDelay?: number;
+}
+export declare enum InputType {
+    Text = "text",
+    Number = "number",
+    Password = "password",
+    Email = "email",
+    Tel = "tel",
+    Url = "url",
+    Search = "search",
+    Date = "date",
+    Time = "time",
+    DateTimeLocal = "datetime-local",
+    Month = "month",
+    Week = "week",
+    Color = "color",
+    Range = "range",
+    File = "file",
+    Hidden = "hidden",
+    Checkbox = "checkbox",
+    Radio = "radio",
+    Submit = "submit",
+    Reset = "reset",
+    Button = "button",
+    Image = "image"
+}
 export interface ViewSettingsItemValue {
     type: ViewSettingsItemType;
     key: string;
     label: Text;
     placeholder?: Text;
+    disabled?: true;
+    clearable?: true;
+    flex?: true;
+    id?: number;
+    typeInput?: InputType;
     defaultValue?: any;
+    tooltip?: TooltipSettings;
     options?: {
         label: Text;
         value: string;

package/__internal__/view-settings.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.valueConversion = exports.viewSettingsExtract = exports.viewSettingsItemValue = exports.ViewSettingsItemType = void 0;
+exports.valueConversion = exports.viewSettingsExtract = exports.viewSettingsItemValue = exports.InputType = exports.ViewSettingsItemType = void 0;
 var ViewSettingsItemType;
 (function (ViewSettingsItemType) {
     ViewSettingsItemType["Input"] = "text";
@@ -8,10 +8,38 @@ var ViewSettingsItemType;
     ViewSettingsItemType["Radio"] = "radio";
     ViewSettingsItemType["Select"] = "select";
     ViewSettingsItemType["ColorPicker"] = "color-picker";
+    ViewSettingsItemType["Group"] = "group";
     ViewSettingsItemType["Title"] = "title";
+    ViewSettingsItemType["Subtitle"] = "subtitle";
+    ViewSettingsItemType["SectionLabel"] = "sectionLabel";
     ViewSettingsItemType["TextArea"] = "textArea";
     ViewSettingsItemType["ConditionalFormatters"] = "conditions";
 })(ViewSettingsItemType = exports.ViewSettingsItemType || (exports.ViewSettingsItemType = {}));
+var InputType;
+(function (InputType) {
+    InputType["Text"] = "text";
+    InputType["Number"] = "number";
+    InputType["Password"] = "password";
+    InputType["Email"] = "email";
+    InputType["Tel"] = "tel";
+    InputType["Url"] = "url";
+    InputType["Search"] = "search";
+    InputType["Date"] = "date";
+    InputType["Time"] = "time";
+    InputType["DateTimeLocal"] = "datetime-local";
+    InputType["Month"] = "month";
+    InputType["Week"] = "week";
+    InputType["Color"] = "color";
+    InputType["Range"] = "range";
+    InputType["File"] = "file";
+    InputType["Hidden"] = "hidden";
+    InputType["Checkbox"] = "checkbox";
+    InputType["Radio"] = "radio";
+    InputType["Submit"] = "submit";
+    InputType["Reset"] = "reset";
+    InputType["Button"] = "button";
+    InputType["Image"] = "image";
+})(InputType = exports.InputType || (exports.InputType = {}));
 exports.viewSettingsItemValue = '418d9556-a046-4623-be0b-4f4f69ccb783';
 function viewSettingsExtract(viewSettings) {
     return viewSettings
@@ -21,7 +49,13 @@ function viewSettingsExtract(viewSettings) {
         key: item.key,
         label: item.label,
         placeholder: item.placeholder,
+        disabled: item.disabled,
+        clearable: item.clearable,
+        flex: item.flex,
+        id: item.id,
+        typeInput: item.typeInput,
         defaultValue: valueConversion(item.type, item.defaultValue),
+        tooltip: item.tooltip,
         options: item.options || [],
         span: getSpan(item.span),
     }));

package/config.d.ts

@@ -7,7 +7,7 @@
 import { ColumnType } from './data';
 import { DataSettings as WidgetDataSettings, DataSettingsMap as WidgetDataSettingsMap, ViewSettings } from './widget';
 import { configDataBlock_Server } from './__internal__/config';
-import { viewSettingsItemValue } from './__internal__/view-settings';
+import { TooltipSettings, InputType, viewSettingsItemValue } from './__internal__/view-settings';
 export declare enum DataQueryMethod {
     Table = "table",
     PivotTable = "pivot",
@@ -136,6 +136,7 @@ export interface CreateViewSettings<DataSettings extends WidgetDataSettings | Wi
     }): ViewSettingsItem[];
 }
 export declare type ViewSettingsValidator = (value: any) => Text | null;
+declare type ViewSettingsLabel = Text | string;
 export interface ViewSettingsValidation {
     [key: string]: ViewSettingsValidator;
 }
@@ -149,6 +150,12 @@ export declare function input(params: {
     span?: number;
     placeholder?: Text;
     defaultValue?: string;
+    tooltip?: TooltipSettings;
+    disabled?: true;
+    clearable?: true;
+    flex?: true;
+    id?: number;
+    typeInput?: InputType;
 }): ViewSettingsItem;
 export declare function textArea(params: {
     key: string;
@@ -162,6 +169,7 @@ export declare function checkbox(params: {
     label: Text;
     span?: number;
     defaultValue?: boolean;
+    tooltip?: TooltipSettings;
 }): ViewSettingsItem;
 export declare function radio(params: {
     key: string;
@@ -182,12 +190,30 @@ export declare function select(params: {
     }[];
     span?: number;
     defaultValue?: string;
+    tooltip?: TooltipSettings;
 }): ViewSettingsItem;
 export declare function colorPicker(params: {
     key: string;
     label: Text;
     span?: number;
     defaultValue?: string;
+    tooltip?: TooltipSettings;
 }): ViewSettingsItem;
-export declare function title(label: any): ViewSettingsItem;
+/**
+ * Создаёт collapsible секцию в панели настроек
+ */
+export declare function group(label: ViewSettingsLabel): ViewSettingsItem;
+/**
+ * @deprecated Используйте group(), старый title() оставлен как alias для обратной совместимости
+ */
+export declare function title(label: ViewSettingsLabel): ViewSettingsItem;
+/**
+ * Создаёт внутренний подзаголовок внутри текущей секции настроек
+ */
+export declare function subtitle(label: ViewSettingsLabel): ViewSettingsItem;
+/**
+ * Создаёт вложенный заголовок внутри секции настроек
+ */
+export declare function sectionLabel(label: ViewSettingsLabel): ViewSettingsItem;
 export declare function conditionalFormatters(key: string, label?: Text): ViewSettingsItem;
+export {};

package/config.js

@@ -6,7 +6,7 @@
  * @module Конфигурация
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.conditionalFormatters = exports.title = exports.colorPicker = exports.select = exports.radio = exports.checkbox = exports.textArea = exports.input = exports.ViewSettingsItem = exports.drilldown = exports.colorize = exports.sort = exports.filter = exports.block = exports.Block = exports.BlockIcon = exports.DataQueryFunction = exports.DataQueryMethod = void 0;
+exports.conditionalFormatters = exports.sectionLabel = exports.subtitle = exports.title = exports.group = exports.colorPicker = exports.select = exports.radio = exports.checkbox = exports.textArea = exports.input = exports.ViewSettingsItem = exports.drilldown = exports.colorize = exports.sort = exports.filter = exports.block = exports.Block = exports.BlockIcon = exports.DataQueryFunction = exports.DataQueryMethod = void 0;
 const data_1 = require("./data");
 const config_1 = require("./__internal__/config");
 const dataset_1 = require("./__internal__/dataset");
@@ -149,6 +149,9 @@ function createViewSettingsItem(value) {
         [view_settings_1.viewSettingsItemValue]: value,
     });
 }
+function toText(label) {
+    return typeof label === 'string' ? { ru: label, en: label } : label;
+}
 function input(params) {
     return createViewSettingsItem({
         type: view_settings_1.ViewSettingsItemType.Input,
@@ -191,14 +194,41 @@ function colorPicker(params) {
     });
 }
 exports.colorPicker = colorPicker;
-function title(label) {
+function layoutItem(type, label) {
     return createViewSettingsItem({
-        type: view_settings_1.ViewSettingsItemType.Title,
+        type,
         key: '',
-        label,
+        label: toText(label),
     });
 }
+/**
+ * Создаёт collapsible секцию в панели настроек
+ */
+function group(label) {
+    return layoutItem(view_settings_1.ViewSettingsItemType.Group, label);
+}
+exports.group = group;
+/**
+ * @deprecated Используйте group(), старый title() оставлен как alias для обратной совместимости
+ */
+function title(label) {
+    return layoutItem(view_settings_1.ViewSettingsItemType.Title, label);
+}
 exports.title = title;
+/**
+ * Создаёт внутренний подзаголовок внутри текущей секции настроек
+ */
+function subtitle(label) {
+    return layoutItem(view_settings_1.ViewSettingsItemType.Subtitle, label);
+}
+exports.subtitle = subtitle;
+/**
+ * Создаёт вложенный заголовок внутри секции настроек
+ */
+function sectionLabel(label) {
+    return layoutItem(view_settings_1.ViewSettingsItemType.SectionLabel, label);
+}
+exports.sectionLabel = sectionLabel;
 function conditionalFormatters(key, label) {
     return createViewSettingsItem({
         type: view_settings_1.ViewSettingsItemType.ConditionalFormatters,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "plmt-constructor-sdk",
-    "version": "0.13.40",
+    "version": "0.15.0",
     "description": "Набор инструментов для создания виджетов.",
     "dependencies": {
         "logical-not": "^1.0.9"