@steroidsjs/core 3.0.0-beta.27 → 3.0.0-beta.28

package/package.json

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

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -2,6 +2,16 @@ import * as React from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
 import { IInputFieldProps } from '../InputField/InputField';
+export interface IAutoCompleteItem {
+    id: number | string | boolean;
+    label?: string;
+    additional?: {
+        icon: string;
+        text: string;
+    };
+    category?: string;
+    [key: string]: unknown;
+}
 /**
  * AutoComplete
  * Поле ввода текста с подсказками (auto-complete)
@@ -15,7 +25,8 @@ export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProvider
     [key: string]: any;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
-    items: Record<string, unknown>[];
+    items: IAutoCompleteItem[];
+    categories: string[];
     hoveredId: PrimaryKey | any;
     selectedIds: (PrimaryKey | any)[];
     forwardedRef: any;

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -19,6 +19,12 @@ var react_use_1 = require("react-use");
 var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
+var getCategories = function (items) { return items.reduce(function (allCategories, item) {
+    if (item.category && !allCategories.includes(item.category)) {
+        allCategories.push(item.category);
+    }
+    return allCategories;
+}, []); };
 function AutoCompleteField(props) {
     var components = (0, useComponents_1["default"])();
     // Query state
@@ -86,7 +92,7 @@ function AutoCompleteField(props) {
     (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds[0] || null);
     }, [props.input.onChange, selectedIds]);
-    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect }));
+    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect, categories: getCategories(props.items) }));
 }
 AutoCompleteField.defaultProps = {
     primaryKey: 'label',
@@ -94,6 +100,7 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    className: ''
+    className: '',
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

package/ui/layout/Loader/Loader.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export interface ILoaderProps {
     view?: CustomView;
+    size?: Size;
+    color?: ColorName;
     [key: string]: any;
 }
+export type ILoaderViewProps = ILoaderProps;
 export default function Loader(props: ILoaderProps): JSX.Element;

package/ui/content/Icon/demo/icon.d.ts

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

package/ui/content/Icon/demo/icon.js

@@ -1,32 +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 Icon_1 = __importDefault(require("../Icon"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Icon_1["default"], { name: 'star' }))); });

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/**
- * Простой пример использзования AutoAutoCompleteField с коллекцией элементов вложенных в {props.items} .
- * @order 1
- * @col 6
- */
-export declare const items: {
-    id: string;
-    label: string;
-}[];
-declare const _default: () => JSX.Element;
-export default _default;

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

@@ -1,52 +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 AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
-/**
- * Простой пример использзования AutoAutoCompleteField с коллекцией элементов вложенных в {props.items} .
- * @order 1
- * @col 6
- */
-exports.items = [
-    {
-        id: '1',
-        label: 'Moscow'
-    },
-    {
-        id: '2',
-        label: 'Krasnoyarsk'
-    },
-    {
-        id: '3',
-        label: 'Krasnodar'
-    },
-];
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(AutoCompleteField_1["default"], { label: 'Write city', items: exports.items, searchOnFocus: true }))); });

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Выключенный AutoCompleteField также выключает Input.
- * @order 2
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/AutoCompleteField/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 AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
-var basic_1 = require("./basic");
-/**
- * Выключенный AutoCompleteField также выключает Input.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(AutoCompleteField_1["default"], { label: 'Disabled', disabled: true, items: basic_1.items }))); });

package/ui/form/AutoCompleteField/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/AutoCompleteField/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 AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
-var basic_1 = require("./basic");
-/**
- * Пример обработки ошибок в поле.
- * @order 4
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(AutoCompleteField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/AutoCompleteField/demo/placeholder.d.ts

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

package/ui/form/AutoCompleteField/demo/placeholder.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 AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
-var basic_1 = require("./basic");
-/**
- * Сообщение внутри AutoCompleteField по контексту использования.
- * @order 5
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(AutoCompleteField_1["default"], { label: 'Placeholder', placeholder: 'Your text...', items: basic_1.items }))); });

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

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

package/ui/form/AutoCompleteField/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 AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
-var basic_1 = require("./basic");
-/**
- * Пример использования AutoCompleteField как обязательного поля для заполнения.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(AutoCompleteField_1["default"], { label: 'Required', required: true, items: basic_1.items }))); });

package/ui/form/AutoCompleteField/demo/sizes.d.ts

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

package/ui/form/AutoCompleteField/demo/sizes.js

@@ -1,43 +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 AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
-var basic_1 = require("./basic");
-/**
- * По-умлочанию AutoCompleteField имеет 3 заданных размера.
- * @order 6
- * @col 12
- */
-var sizes = {
-    sm: 'Small',
-    md: 'Middle',
-    lg: 'Large'
-};
-exports["default"] = (function () { return (React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
-    React.createElement(AutoCompleteField_1["default"], { label: size, size: size, items: basic_1.items }))); }))); });