@steroidsjs/core 3.0.0-beta.12 → 3.0.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.12",
+ "version": "3.0.0-beta.14",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/form/Field/fieldWrapper.d.ts

@@ -46,6 +46,10 @@ export interface IFieldWrapperInputProps {
      * @example 'horizontal'
      */
     layout?: FormLayout;
+    /**
+     * Input ID для связи поля с label
+     */
+    id?: string;
     value?: any;
     onChange?: (...args: any[]) => any;
     /**

package/ui/form/Field/fieldWrapper.js

@@ -131,8 +131,10 @@ function fieldWrapper(componentId, Component, optionsConfig) {
         }
         // Resolve layout
         var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
+        var uniqueId = (0, hooks_1.useUniqueId)('input');
+        var inputId = props.id || uniqueId;
         if (layout !== null) {
-            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
+            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId }))) }));
         }
         return components.ui.renderView(Component.DynamicField, props);
     };

package/ui/form/FieldLayout/FieldLayout.d.ts

@@ -48,6 +48,7 @@ export interface IFieldLayoutViewProps {
     hint: string | boolean;
     errors: string[];
     successful: boolean;
+    id: string;
     size: Size;
     layout?: {
         layout: FormLayoutName | boolean;

package/ui/form/RadioListField/RadioListField.d.ts

@@ -37,6 +37,7 @@ export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
         isHovered: boolean;
     }[];
     selectedIds: (PrimaryKey | any)[];
+    className?: CssClassName;
     onItemSelect: (id: PrimaryKey | any) => void;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IRadioListFieldProps>;

package/ui/form/RadioListField/demo/basic.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/**
- * Обычный пример использования RadioListField.
- * @order 1
- * @col 6
- */
-export declare const items: {
-    id: number;
-    label: string;
-}[];
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/RadioListField/demo/basic.js

@@ -1,56 +0,0 @@
-"use strict";
-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;
-exports.items = void 0;
-var React = __importStar(require("react"));
-var RadioListField_1 = __importDefault(require("../RadioListField"));
-/**
- * Обычный пример использования RadioListField.
- * @order 1
- * @col 6
- */
-exports.items = [
-    {
-        id: 1,
-        label: 'First'
-    },
-    {
-        id: 2,
-        label: 'Second'
-    },
-    {
-        id: 3,
-        label: 'Third'
-    },
-    {
-        id: 4,
-        label: 'Fourth'
-    },
-];
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RadioListField_1["default"], { label: 'Basic', items: exports.items }))); });

package/ui/form/RadioListField/demo/disabled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Выключенный или недоступный для использования.
- * @order 2
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/RadioListField/demo/disabled.js

@@ -1,38 +0,0 @@
-"use strict";
-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 = __importStar(require("react"));
-var RadioListField_1 = __importDefault(require("../RadioListField"));
-var basic_1 = require("./basic");
-/**
- * Выключенный или недоступный для использования.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RadioListField_1["default"], { label: 'Disabled', disabled: true, items: basic_1.items }))); });

package/ui/form/RadioListField/demo/errors.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Обработка ошибок.
- * @order 4
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/RadioListField/demo/errors.js

@@ -1,38 +0,0 @@
-"use strict";
-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 = __importStar(require("react"));
-var RadioListField_1 = __importDefault(require("../RadioListField"));
-var basic_1 = require("./basic");
-/**
- * Обработка ошибок.
- * @order 4
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RadioListField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true, items: basic_1.items }))); });

package/ui/form/RadioListField/demo/required.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Как обязательное поле для заполнения.
- * @order 3
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

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

@@ -1,38 +0,0 @@
-"use strict";
-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 = __importStar(require("react"));
-var RadioListField_1 = __importDefault(require("../RadioListField"));
-var basic_1 = require("./basic");
-/**
- * Как обязательное поле для заполнения.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RadioListField_1["default"], { label: 'Required', items: basic_1.items, required: true }))); });