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

package/ui/form/Form/demo/border.js

@@ -1,62 +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 Form_1 = __importDefault(require("../Form"));
-var DateField_1 = __importDefault(require("../../DateField"));
-var DateTimeField_1 = __importDefault(require("../../DateTimeField"));
-var TextField_1 = __importDefault(require("../../TextField"));
-var InputField_1 = __importDefault(require("../../InputField"));
-/**
- * Обычный пример включения рамок у компонента Form.
- * @order 4
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { isBordered: true, formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'default', size: 'large', fields: [
-            {
-                component: InputField_1["default"],
-                attribute: 'email',
-                label: 'Email'
-            },
-            {
-                component: TextField_1["default"],
-                attribute: 'message',
-                label: 'Message'
-            },
-            {
-                component: DateField_1["default"],
-                attribute: 'date',
-                label: 'Date'
-            },
-            {
-                component: DateTimeField_1["default"],
-                attribute: 'startTime',
-                label: 'Start time'
-            },
-        ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });

package/ui/form/Form/demo/horizontal.d.ts

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

package/ui/form/Form/demo/horizontal.js

@@ -1,55 +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 Form_1 = __importDefault(require("../Form"));
-var DateField_1 = __importDefault(require("../../DateField"));
-var InputField_1 = __importDefault(require("../../InputField"));
-/**
- * Обычный пример использования с прокидыванием свойства layout='horizontal'.
- * @order 2
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'horizontal', size: 'large', fields: [
-            {
-                component: InputField_1["default"],
-                attribute: 'email',
-                label: 'Email'
-            },
-            {
-                component: function () { return React.createElement(InputField_1["default"], null); },
-                attribute: 'message',
-                label: 'Message'
-            },
-            {
-                component: DateField_1["default"],
-                attribute: 'date',
-                label: 'Date'
-            },
-        ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });

package/ui/form/Form/demo/inline.d.ts

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

package/ui/form/Form/demo/inline.js

@@ -1,53 +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 form_1 = require("../../../form");
-var Form_1 = __importDefault(require("../Form"));
-var DateField_1 = __importDefault(require("../../DateField"));
-var InputField_1 = __importDefault(require("../../InputField"));
-/**
- * Обычный пример использования с Form в одну строку с использованием layout='inline'.
- * @order 3
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'inline', size: 'large', fields: [
-            {
-                component: form_1.DropDownField,
-                attribute: 'email'
-            },
-            {
-                component: InputField_1["default"],
-                attribute: 'message'
-            },
-            {
-                component: DateField_1["default"],
-                attribute: 'date'
-            },
-        ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });

package/ui/layout/Tooltip/demo/basic.d.ts

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

package/ui/layout/Tooltip/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;
-var React = __importStar(require("react"));
-var form_1 = require("../../../../ui/form");
-var Tooltip_1 = __importDefault(require("../Tooltip"));
-/**
- * Обычное использование Tooltip c 4-мя разными позициями и по-умолчанию включена видимость.
- * @order 1
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { style: {
-            display: 'flex',
-            flexFlow: 'column',
-            alignItems: 'center',
-            gridGap: '15px',
-            padding: '50px'
-        } },
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'top', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u0432\u0435\u0440\u0445\u0443.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip on Top' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'right', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043F\u0440\u0430\u0432\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip Right' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'left', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043B\u0435\u0432\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { label: 'Show Tooltip Left' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'bottom', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043D\u0438\u0437\u0443.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { label: 'Show Tooltip Bottom' })))))); });