@steroidsjs/core 2.2.75 → 2.2.78

package/ui/form/TimeField/demo/required.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+});
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var TimeField_1 = __importDefault(require("../TimeField"));
+/**
+ * Как обязательное поле для заполнения.
+ * @order 3
+ * @col 3
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(TimeField_1["default"], { label: 'Required', required: true }))); });

package/ui/form/TimeField/demo/showRemove.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * После выбора времени при наведении на иконку иконка меняется на кнопку для очищении значения.
+ * @order 8
+ * @col 3
+ */
+export default _default;

package/ui/form/TimeField/demo/showRemove.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+});
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var TimeField_1 = __importDefault(require("../TimeField"));
+/**
+ * После выбора времени при наведении на иконку иконка меняется на кнопку для очищении значения.
+ * @order 8
+ * @col 3
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(TimeField_1["default"], { label: 'showRemove', showRemove: true }))); });

package/ui/form/TimeField/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var TimeField_1 = __importDefault(require("./TimeField"));
+exports["default"] = TimeField_1["default"];

package/ui/form/index.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+import AutoCompleteField from './AutoCompleteField';
+import BlankField from './BlankField';
+import Button from './Button';
+import CheckboxField from './CheckboxField';
+import CheckboxListField from './CheckboxListField';
+import DateField from './DateField';
+import DateRangeField from './DateRangeField';
+import DateTimeField from './DateTimeField';
+import DateTimeRangeField from './DateTimeRangeField';
+import DropDownField from './DropDownField';
+import Field from './Field';
+import FieldLayout from './FieldLayout';
+import FieldList from './FieldList';
+import FieldSet from './FieldSet';
+import FileField from './FileField';
+import Form from './Form';
+import HtmlField from './HtmlField';
+import InputField from './InputField';
+import NavField from './NavField';
+import NumberField from './NumberField';
+import PasswordField from './PasswordField';
+import RadioListField from './RadioListField';
+import ReCaptchaField from './ReCaptchaField';
+import SliderField from './SliderField';
+import SwitcherField from './SwitcherField';
+import TextField from './TextField';
+import TimeField from './TimeField';
+export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, };
+declare const _default: {
+    AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
+    BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
+    Button: typeof Button;
+    CheckboxField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxField/CheckboxField").ICheckboxFieldProps>;
+    CheckboxListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxListField/CheckboxListField").ICheckboxListFieldProps>;
+    DateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateField/DateField").IDateFieldProps>;
+    DateRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateRangeField/DateRangeField").IDateRangeFieldProps>;
+    DateTimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeField/DateTimeField").IDateTimeFieldProps>;
+    DateTimeRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeRangeField/DateTimeRangeField").IDateTimeRangeFieldProps>;
+    DropDownField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DropDownField/DropDownField").IDropDownFieldProps>;
+    Field: import("react").MemoExoticComponent<(props: import("./Field/Field").IFieldProps) => JSX.Element>;
+    FieldLayout: import("react").MemoExoticComponent<(props: import("./FieldLayout/FieldLayout").IFieldLayoutProps) => JSX.Element>;
+    FieldList: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FieldList/FieldList").IFieldListProps>;
+    FieldSet: typeof FieldSet;
+    FileField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FileField/FileField").IFileFieldProps>;
+    Form: typeof Form;
+    HtmlField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./HtmlField/HtmlField").IHtmlFieldProps>;
+    InputField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./InputField/InputField").IInputFieldProps>;
+    NavField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NavField/NavField").INavFieldProps>;
+    NumberField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NumberField/NumberField").INumberFieldProps>;
+    PasswordField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./PasswordField/PasswordField").IPasswordFieldProps>;
+    RadioListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioListField/RadioListField").IRadioListFieldProps>;
+    ReCaptchaField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./ReCaptchaField/ReCaptchaField").IReCaptchaFieldProps>;
+    SliderField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SliderField/SliderField").ISliderFieldProps>;
+    SwitcherField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SwitcherField/SwitcherField").ISwitcherFieldProps>;
+    TextField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TextField/TextField").ITextFieldProps>;
+    TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
+};
+export default _default;

package/ui/form/index.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
+var AutoCompleteField_1 = __importDefault(require("./AutoCompleteField"));
+exports.AutoCompleteField = AutoCompleteField_1["default"];
+var BlankField_1 = __importDefault(require("./BlankField"));
+exports.BlankField = BlankField_1["default"];
+var Button_1 = __importDefault(require("./Button"));
+exports.Button = Button_1["default"];
+var CheckboxField_1 = __importDefault(require("./CheckboxField"));
+exports.CheckboxField = CheckboxField_1["default"];
+var CheckboxListField_1 = __importDefault(require("./CheckboxListField"));
+exports.CheckboxListField = CheckboxListField_1["default"];
+var DateField_1 = __importDefault(require("./DateField"));
+exports.DateField = DateField_1["default"];
+var DateRangeField_1 = __importDefault(require("./DateRangeField"));
+exports.DateRangeField = DateRangeField_1["default"];
+var DateTimeField_1 = __importDefault(require("./DateTimeField"));
+exports.DateTimeField = DateTimeField_1["default"];
+var DateTimeRangeField_1 = __importDefault(require("./DateTimeRangeField"));
+exports.DateTimeRangeField = DateTimeRangeField_1["default"];
+var DropDownField_1 = __importDefault(require("./DropDownField"));
+exports.DropDownField = DropDownField_1["default"];
+var Field_1 = __importDefault(require("./Field"));
+exports.Field = Field_1["default"];
+var FieldLayout_1 = __importDefault(require("./FieldLayout"));
+exports.FieldLayout = FieldLayout_1["default"];
+var FieldList_1 = __importDefault(require("./FieldList"));
+exports.FieldList = FieldList_1["default"];
+var FieldSet_1 = __importDefault(require("./FieldSet"));
+exports.FieldSet = FieldSet_1["default"];
+var FileField_1 = __importDefault(require("./FileField"));
+exports.FileField = FileField_1["default"];
+var Form_1 = __importDefault(require("./Form"));
+exports.Form = Form_1["default"];
+var HtmlField_1 = __importDefault(require("./HtmlField"));
+exports.HtmlField = HtmlField_1["default"];
+var InputField_1 = __importDefault(require("./InputField"));
+exports.InputField = InputField_1["default"];
+var NavField_1 = __importDefault(require("./NavField"));
+exports.NavField = NavField_1["default"];
+var NumberField_1 = __importDefault(require("./NumberField"));
+exports.NumberField = NumberField_1["default"];
+var PasswordField_1 = __importDefault(require("./PasswordField"));
+exports.PasswordField = PasswordField_1["default"];
+var RadioListField_1 = __importDefault(require("./RadioListField"));
+exports.RadioListField = RadioListField_1["default"];
+var ReCaptchaField_1 = __importDefault(require("./ReCaptchaField"));
+exports.ReCaptchaField = ReCaptchaField_1["default"];
+var SliderField_1 = __importDefault(require("./SliderField"));
+exports.SliderField = SliderField_1["default"];
+var SwitcherField_1 = __importDefault(require("./SwitcherField"));
+exports.SwitcherField = SwitcherField_1["default"];
+var TextField_1 = __importDefault(require("./TextField"));
+exports.TextField = TextField_1["default"];
+var TimeField_1 = __importDefault(require("./TimeField"));
+exports.TimeField = TimeField_1["default"];
+exports["default"] = {
+    AutoCompleteField: AutoCompleteField_1["default"],
+    BlankField: BlankField_1["default"],
+    Button: Button_1["default"],
+    CheckboxField: CheckboxField_1["default"],
+    CheckboxListField: CheckboxListField_1["default"],
+    DateField: DateField_1["default"],
+    DateRangeField: DateRangeField_1["default"],
+    DateTimeField: DateTimeField_1["default"],
+    DateTimeRangeField: DateTimeRangeField_1["default"],
+    DropDownField: DropDownField_1["default"],
+    Field: Field_1["default"],
+    FieldLayout: FieldLayout_1["default"],
+    FieldList: FieldList_1["default"],
+    FieldSet: FieldSet_1["default"],
+    FileField: FileField_1["default"],
+    Form: Form_1["default"],
+    HtmlField: HtmlField_1["default"],
+    InputField: InputField_1["default"],
+    NavField: NavField_1["default"],
+    NumberField: NumberField_1["default"],
+    PasswordField: PasswordField_1["default"],
+    RadioListField: RadioListField_1["default"],
+    ReCaptchaField: ReCaptchaField_1["default"],
+    SliderField: SliderField_1["default"],
+    SwitcherField: SwitcherField_1["default"],
+    TextField: TextField_1["default"],
+    TimeField: TimeField_1["default"]
+};

package/ui/form/validate.d.ts

@@ -0,0 +1,5 @@
+declare const validate: {
+    (data: any, rules: any): void;
+    error(attribute: any, message: any): void;
+};
+export default validate;

package/ui/form/validate.js

@@ -0,0 +1,97 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var isString_1 = __importDefault(require("lodash-es/isString"));
+var isInteger_1 = __importDefault(require("lodash-es/isInteger"));
+var set_1 = __importDefault(require("lodash-es/set"));
+var get_1 = __importDefault(require("lodash-es/get"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var size_1 = __importDefault(require("lodash-es/size"));
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var moment_1 = __importDefault(require("moment"));
+var validate = function (data, rules) {
+    var errors = {};
+    rules.forEach(function (item) {
+        var attributes = [].concat(item[0]);
+        var rule = item[1];
+        var params = item[2] || {};
+        attributes.forEach(function (attribute) {
+            var value = get_1["default"](data, attribute);
+            switch (rule) {
+                case 'required':
+                    if (!value) {
+                        errors[attribute] = __('Field is required');
+                    }
+                    break;
+                case 'date':
+                    if (value && !moment_1["default"](value, 'YYYY-MM-DD').isValid()) {
+                        errors[attribute] = __('Date wrong format');
+                    }
+                    break;
+                case 'integer':
+                case 'number':
+                    if (value) {
+                        if (isString_1["default"](value)) {
+                            value = Number(value);
+                        }
+                        if (rule === 'integer' && !isInteger_1["default"](value)) {
+                            errors[attribute] = __('Field must be integer');
+                        }
+                        else if ((params.min || params.min === 0) && value < params.min) {
+                            errors[attribute] = __('Value is too small, min: {min}', {
+                                min: params.min
+                            });
+                        }
+                        else if ((params.max || params.max === 0) && value > params.max) {
+                            errors[attribute] = __('Value is too large, max: {max}', {
+                                max: params.max
+                            });
+                        }
+                    }
+                    break;
+                case 'string':
+                    params.max = params.max || 1000;
+                    if (value) {
+                        if (isInteger_1["default"](value)) {
+                            value = String(value);
+                        }
+                        if (!isString_1["default"](value)) {
+                            errors[attribute] = __('Field must be string');
+                        }
+                        else if (size_1["default"](value) > params.max) {
+                            errors[attribute] = __('String is too long, max: {max}', {
+                                max: params.max
+                            });
+                        }
+                        else if ((params.min || params.min === 0) &&
+                            size_1["default"](value) < params.min) {
+                            errors[attribute] = __('String is too short, min: {min}', {
+                                min: params.min
+                            });
+                        }
+                    }
+                    break;
+            }
+            if (isFunction_1["default"](rule)) {
+                var error = rule(data, attribute);
+                if (error) {
+                    errors[attribute] = error;
+                }
+            }
+            set_1["default"](data, attribute, value);
+        });
+    });
+    if (!isEmpty_1["default"](errors)) {
+        // TODO
+        // throw new SubmissionError(errors);
+    }
+};
+validate.error = function (attribute, message) {
+    // TODO
+    // throw new SubmissionError({
+    //     [attribute]: message
+    // });
+};
+exports["default"] = validate;

package/ui/format/BooleanFormatter/BooleanFormatter.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface IBooleanFormatterProps {
+    value?: string | number | boolean;
+    view?: CustomView;
+    [key: string]: any;
+}
+export interface IBooleanFormatterPropsView {
+    value?: string | number | boolean;
+    children?: React.ReactNode;
+}
+export default function BooleanFormatter(props: IBooleanFormatterProps): JSX.Element;

package/ui/format/BooleanFormatter/BooleanFormatter.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+var hooks_1 = require("../../../hooks");
+function BooleanFormatter(props) {
+    return hooks_1.useComponents().ui.renderView(props.view || 'format.BooleanFormatterView', {
+        value: props.value
+    });
+}
+exports["default"] = BooleanFormatter;

package/ui/format/BooleanFormatter/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var BooleanFormatter_1 = __importDefault(require("./BooleanFormatter"));
+exports["default"] = BooleanFormatter_1["default"];

package/ui/format/DateFormatter/DateFormatter.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface IDateFormatterProps {
+    /**
+     * Формат даты
+     * @example LL
+     */
+    format?: string;
+    view?: CustomView;
+    /**
+     * Дата
+     * @example 2023-09-11
+     */
+    value?: any;
+    [key: string]: any;
+}
+export default function DateFormatter(props: IDateFormatterProps): JSX.Element;

package/ui/format/DateFormatter/DateFormatter.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var hooks_1 = require("../../../hooks");
+var defaultProps = {
+    format: 'LL'
+};
+function DateFormatter(props) {
+    var components = hooks_1.useComponents();
+    if (!props.value) {
+        return null;
+    }
+    return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
+        value: components.locale.moment(props.value).format(props.format || defaultProps.format)
+    });
+}
+exports["default"] = DateFormatter;

package/ui/format/DateFormatter/demo/basic.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/ui/format/DateFormatter/demo/basic.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+});
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateFormatter_1 = __importDefault(require("../DateFormatter"));
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateFormatter_1["default"], { value: '2018-05-04' }))); });

package/ui/format/DateFormatter/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var DateFormatter_1 = __importDefault(require("./DateFormatter"));
+exports["default"] = DateFormatter_1["default"];

package/ui/format/DateTimeFormatter/DateTimeFormatter.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { IDateFormatterProps } from '../DateFormatter/DateFormatter';
+export interface IDateTimeFormatterProps {
+    /**
+     * Формат даты
+     * @example LLL
+     */
+    format?: string;
+    /**
+     * Показывать ли дату учитываю временную зону
+     * @example true
+     */
+    timeZone?: string | boolean;
+    view?: CustomView;
+    /**
+     * Дата
+     * @example 2023-09-11
+     */
+    value?: any;
+    [key: string]: any;
+}
+declare function DateTimeFormatter(props: IDateFormatterProps): JSX.Element;
+declare namespace DateTimeFormatter {
+    var defaultProps: {
+        format: string;
+    };
+}
+export default DateTimeFormatter;

package/ui/format/DateTimeFormatter/DateTimeFormatter.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var moment_1 = __importDefault(require("moment"));
+var hooks_1 = require("../../../hooks");
+function DateTimeFormatter(props) {
+    var components = hooks_1.useComponents();
+    if (!props.value) {
+        return null;
+    }
+    var date = props.timeZone === false
+        ? moment_1["default"](props.value).locale(components.locale.language)
+        : components.locale.moment(props.value);
+    return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
+        value: date.format(props.format)
+    });
+}
+DateTimeFormatter.defaultProps = {
+    format: 'LLL'
+};
+exports["default"] = DateTimeFormatter;

package/ui/format/DateTimeFormatter/demo/basic.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/ui/format/DateTimeFormatter/demo/basic.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+});
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateTimeFormatter_1 = __importDefault(require("../DateTimeFormatter"));
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateTimeFormatter_1["default"], { value: '2018-05-04 16:15:00' }))); });

package/ui/format/DateTimeFormatter/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var DateTimeFormatter_1 = __importDefault(require("./DateTimeFormatter"));
+exports["default"] = DateTimeFormatter_1["default"];

package/ui/format/EnumFormatter/EnumFormatter.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { DataProviderItems } from '../../../hooks/useDataProvider';
+export interface IEnumFormatterProps {
+    /**
+     * Перечисление элементов.
+     * 1) Может быть строкой вида: `app.geo.enums.Cities`
+     * 2) Массивом: [{id: 1, label: "London"}]
+     */
+    items?: DataProviderItems;
+    /**
+     * Уникальный идентификатор элемента из `items`
+     * @example unique label
+     */
+    value?: number | string;
+    view?: CustomView;
+    [key: string]: any;
+}
+/**
+ * @param {array|function} items
+ * @param {string|number} id
+ * @returns {*}
+ */
+export declare const getLabel: (items: any, id: any) => any;
+export default function EnumFormatter(props: IEnumFormatterProps): JSX.Element;

package/ui/format/EnumFormatter/EnumFormatter.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.getLabel = void 0;
+var isArray_1 = __importDefault(require("lodash-es/isArray"));
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var isObject_1 = __importDefault(require("lodash-es/isObject"));
+var hooks_1 = require("../../../hooks");
+/**
+ * @param {array|function} items
+ * @param {string|number} id
+ * @returns {*}
+ */
+var getLabel = function (items, id) {
+    // Array
+    if (isArray_1["default"](items)) {
+        var foundItem = items.find(function (item) { return item.id === id; });
+        return foundItem ? foundItem.label : null;
+    }
+    // Enum
+    if (isObject_1["default"](items) && isFunction_1["default"](items.getLabel)) {
+        return items.getLabel(id);
+    }
+    return null;
+};
+exports.getLabel = getLabel;
+function EnumFormatter(props) {
+    var components = hooks_1.useComponents();
+    var items = hooks_1.useDataProvider({ items: props.items }).items;
+    return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
+        value: exports.getLabel(items, props.value)
+    });
+}
+exports["default"] = EnumFormatter;

package/ui/format/EnumFormatter/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var EnumFormatter_1 = __importDefault(require("./EnumFormatter"));
+exports["default"] = EnumFormatter_1["default"];