@steroidsjs/core 3.0.56 → 3.0.59

package/ui/form/RateField/RateField.js

@@ -27,6 +27,7 @@ var react_1 = require("react");
 var react_use_1 = require("react-use");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
+var enums_1 = require("../../../enums");
 function RateField(props) {
     var components = (0, hooks_1.useComponents)();
     var items = (0, react_1.useMemo)(function () { return __spreadArray([], Array(props.itemsCount || 5), true).map(function (item, index) { return ({
@@ -59,4 +60,4 @@ RateField.defaultProps = {
     itemsCount: 5,
     disabled: false
 };
-exports["default"] = (0, fieldWrapper_1["default"])('RateField', RateField);
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.RATE_FIELD, RateField);

package/ui/form/ReCaptchaField/ReCaptchaField.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 /* eslint-disable max-len */
 var react_1 = require("react");
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function ReCaptchaField(props) {
@@ -35,4 +36,4 @@ function ReCaptchaField(props) {
     }); }, [props.className, props.style, recaptchaOptions]);
     return components.ui.renderView(props.view || 'form.ReCaptchaFieldView', viewProps);
 }
-exports["default"] = (0, fieldWrapper_1["default"])('ReCaptchaField', ReCaptchaField);
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.RE_CAPTCHA_FIELD, ReCaptchaField);

package/ui/form/SliderField/SliderField.js

@@ -18,6 +18,7 @@ var react_1 = require("react");
 var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
 var head_1 = __importDefault(require("lodash-es/head"));
 var last_1 = __importDefault(require("lodash-es/last"));
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var normalizeValue = function (value) { return (0, toInteger_1["default"])(String(value).replace(/[0-9]g/, '')) || 0; };
@@ -70,4 +71,4 @@ SliderField.defaultProps = {
     sliderDefaultValue: 5,
     rangeDefaultValue: [0, 10]
 };
-exports["default"] = (0, fieldWrapper_1["default"])('SliderField', SliderField);
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.SLIDER_FIELD, SliderField);

package/ui/form/SwitcherField/SwitcherField.d.ts

@@ -1,39 +1,3 @@
-import React from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
-import { IDataProviderConfig } from '../../../hooks/useDataProvider';
-import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-export interface ISwitcherItem {
-    id: number | string | boolean;
-    label?: string | {
-        checked: string;
-        unchecked: string;
-    };
-    [key: string]: any;
-}
-/**
- * SwitcherField
- * Список с кнопками. Используется для выбора одного значения.
- */
-export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'>, IUiComponent {
-    /**
-    * Свойства для элемента input
-    * @example {onKeyDown: ...}
-    */
-    inputProps?: any;
-}
-export interface ISwitcherFieldViewProps extends IFieldWrapperOutputProps, Omit<ISwitcherFieldProps, 'items'> {
-    items: ISwitcherItem[];
-    hoveredId: PrimaryKey | any;
-    selectedIds: (PrimaryKey | any)[];
-    onItemSelect: (id: PrimaryKey | any) => void;
-    onItemHover: (id: PrimaryKey | any) => void;
-    buttonProps?: any;
-    inputProps: {
-        name: string;
-        type: string;
-        disabled?: boolean;
-        onChange: (value: string | React.ChangeEvent) => void;
-    };
-}
-declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISwitcherFieldProps>;
-export default _default;
+/// <reference types="react" />
+import { ICheckboxFieldProps } from '../CheckboxField/CheckboxField';
+export default function SwitcherField(props: ICheckboxFieldProps): JSX.Element;

package/ui/form/SwitcherField/SwitcherField.js

@@ -10,89 +10,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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_1 = __importStar(require("react"));
-var react_use_1 = require("react-use");
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var hooks_1 = require("../../../hooks");
+var react_1 = __importDefault(require("react"));
+var CheckboxField_1 = __importDefault(require("../CheckboxField/CheckboxField"));
 function SwitcherField(props) {
-    var components = (0, hooks_1.useComponents)();
-    // Data Provider
-    var items = (0, hooks_1.useDataProvider)({
-        items: props.items
-    }).items;
-    // Data select
-    var _a = (0, hooks_1.useDataSelect)({
-        selectFirst: props.selectFirst,
-        selectedIds: props.selectedIds,
-        primaryKey: props.primaryKey,
-        items: items,
-        inputValue: props.input.value,
-        multiple: props.multiple
-    }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
-    var onItemHover = (0, react_1.useCallback)(function (id) {
-        setHoveredId(id);
-    }, [setHoveredId]);
-    var onItemSelect = (0, react_1.useCallback)(function (id) {
-        setSelectedIds(id);
-    }, [setSelectedIds]);
-    var inputProps = react_1["default"].useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input.name, props.inputProps]);
-    // Sync with form
-    var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (!(0, isEqual_1["default"])(prevSelectedIds, selectedIds)) {
-            props.input.onChange.call(null, (_a = selectedIds[0]) !== null && _a !== void 0 ? _a : null);
-            if (props.onChange) {
-                props.onChange(selectedIds);
-            }
-        }
-    }, [selectedIds, props.input.onChange, prevSelectedIds, props, items]);
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        items: items,
-        inputProps: inputProps,
-        hoveredId: hoveredId,
-        selectedIds: selectedIds,
-        onItemHover: onItemHover,
-        onItemSelect: onItemSelect,
-        className: props.className,
-        style: props.style,
-        size: props.size
-    }); }, [hoveredId, inputProps, items, onItemHover, onItemSelect, props.className, props.size, props.style, selectedIds]);
-    return components.ui.renderView(props.view || 'form.SwitcherFieldView', viewProps);
+    return (react_1["default"].createElement(CheckboxField_1["default"], __assign({ view: 'form.SwitcherFieldView' }, props)));
 }
-SwitcherField.defaultProps = {
-    primaryKey: 'id',
-    disabled: false,
-    required: false,
-    className: '',
-    errors: null
-};
-exports["default"] = (0, fieldWrapper_1["default"])('SwitcherField', SwitcherField);
+exports["default"] = SwitcherField;

package/ui/form/SwitcherListField/SwitcherListField.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ICheckboxListFieldProps } from '../CheckboxListField/CheckboxListField';
+export default function SwitcherListField(props: ICheckboxListFieldProps): JSX.Element;

package/ui/form/SwitcherListField/SwitcherListField.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = __importDefault(require("react"));
+var CheckboxListField_1 = __importDefault(require("../CheckboxListField/CheckboxListField"));
+function SwitcherListField(props) {
+    return (react_1["default"].createElement(CheckboxListField_1["default"], __assign({ view: 'form.SwitcherListFieldView' }, props)));
+}
+exports["default"] = SwitcherListField;

package/ui/form/SwitcherListField/index.d.ts

@@ -0,0 +1,2 @@
+import SwitcherListField from './SwitcherListField';
+export default SwitcherListField;

package/ui/form/SwitcherListField/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 SwitcherListField_1 = __importDefault(require("./SwitcherListField"));
+exports["default"] = SwitcherListField_1["default"];

package/ui/form/TextField/TextField.js

@@ -17,6 +17,7 @@ exports.__esModule = true;
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
+var enums_1 = require("../../../enums");
 function TextField(props) {
     // const dispatch = useDispatch();
     var components = (0, hooks_1.useComponents)();
@@ -47,4 +48,4 @@ TextField.defaultProps = {
     required: false,
     submitOnEnter: false
 };
-exports["default"] = (0, fieldWrapper_1["default"])('TextField', TextField);
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TEXT_FIELD, TextField);

package/ui/form/TimeField/TimeField.js

@@ -18,6 +18,7 @@ var react_1 = require("react");
 var useDateInputState_1 = __importDefault(require("../../form/DateField/useDateInputState"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
+var enums_1 = require("../../../enums");
 function TimeField(props) {
     var components = (0, hooks_1.useComponents)();
     var _a = (0, useDateInputState_1["default"])({
@@ -49,4 +50,4 @@ TimeField.defaultProps = {
     dateInUTC: false,
     icon: true
 };
-exports["default"] = (0, fieldWrapper_1["default"])('TimeField', TimeField);
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TIME_FIELD, TimeField);

package/ui/form/TimeRangeField/TimeRangeField.js

@@ -19,6 +19,7 @@ var hooks_1 = require("../../../hooks");
 var useDateInputState_1 = __importDefault(require("../DateField/useDateInputState"));
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var useDateRange_1 = __importDefault(require("../DateField/useDateRange"));
+var enums_1 = require("../../../enums");
 function TimeRangeField(props) {
     var components = (0, hooks_1.useComponents)();
     // Global onChange (from props)
@@ -88,6 +89,6 @@ TimeRangeField.defaultProps = {
     dateInUTC: false,
     icon: true
 };
-exports["default"] = (0, fieldWrapper_1["default"])('TimeRangeField', TimeRangeField, {
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TIME_RANGE_FIELD, TimeRangeField, {
     attributeSuffixes: ['from', 'to']
 });

package/ui/form/index.d.ts

@@ -29,12 +29,13 @@ import RadioListField from './RadioListField';
 import RateField from './RateField';
 import ReCaptchaField from './ReCaptchaField';
 import SliderField from './SliderField';
-import SwitcherField from './SwitcherField';
 import TextField from './TextField';
 import TimeField from './TimeField';
 import TimeRangeField from './TimeRangeField';
 import WizardForm from './WizardForm';
-export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, CheckboxTreeField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, ImageField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, MaskField, EmailField, TimeRangeField, WizardForm, };
+import SwitcherField from './SwitcherField';
+import SwitcherListField from './SwitcherListField';
+export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, CheckboxTreeField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, ImageField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, TextField, TimeField, RateField, MaskField, EmailField, TimeRangeField, WizardForm, SwitcherField, SwitcherListField, };
 declare const _default: {
     AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
     BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
@@ -59,11 +60,10 @@ declare const _default: {
     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>;
-    RadioField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioField/RadioField").IRadioFieldProps>;
-    RadioListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioListField/RadioListField").IRadioListFieldProps>;
+    RadioField: typeof RadioField;
+    RadioListField: typeof RadioListField;
     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>;
     RateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RateField/RateField").IRateFieldProps>;
@@ -71,5 +71,7 @@ declare const _default: {
     EmailField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./EmailField/EmailField").IEmailFieldProps>;
     TimeRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeRangeField/TimeRangeField").ITimeRangeFieldProps>;
     WizardForm: typeof WizardForm;
+    SwitcherField: typeof SwitcherField;
+    SwitcherListField: typeof SwitcherListField;
 };
 export default _default;

package/ui/form/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.WizardForm = exports.TimeRangeField = exports.EmailField = exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.ImageField = 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.CheckboxTreeField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
+exports.SwitcherListField = exports.SwitcherField = exports.WizardForm = exports.TimeRangeField = exports.EmailField = exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.ImageField = 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.CheckboxTreeField = 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"));
@@ -64,8 +64,6 @@ 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"));
@@ -74,6 +72,10 @@ var TimeRangeField_1 = __importDefault(require("./TimeRangeField"));
 exports.TimeRangeField = TimeRangeField_1["default"];
 var WizardForm_1 = __importDefault(require("./WizardForm"));
 exports.WizardForm = WizardForm_1["default"];
+var SwitcherField_1 = __importDefault(require("./SwitcherField"));
+exports.SwitcherField = SwitcherField_1["default"];
+var SwitcherListField_1 = __importDefault(require("./SwitcherListField"));
+exports.SwitcherListField = SwitcherListField_1["default"];
 exports["default"] = {
     AutoCompleteField: AutoCompleteField_1["default"],
     BlankField: BlankField_1["default"],
@@ -102,12 +104,13 @@ exports["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"],
     RateField: RateField_1["default"],
     MaskField: MaskField_1["default"],
     EmailField: EmailField_1["default"],
     TimeRangeField: TimeRangeField_1["default"],
-    WizardForm: WizardForm_1["default"]
+    WizardForm: WizardForm_1["default"],
+    SwitcherField: SwitcherField_1["default"],
+    SwitcherListField: SwitcherListField_1["default"]
 };