@steroidsjs/core 2.3.0-beta.5 → 2.3.0-beta.6

package/ui/nav/Controls/Controls.js

@@ -0,0 +1,55 @@
+"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);
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+function Controls(props) {
+    var defaultItems = {
+        index: {
+            icon: 'back',
+            label: __('К списку'),
+            color: 'secondary',
+            outline: true
+        },
+        create: {
+            icon: 'create',
+            label: __('Добавить'),
+            color: 'success',
+            outline: true
+        },
+        view: {
+            icon: 'view',
+            label: __('Просмотр'),
+            color: 'secondary',
+            outline: true
+        },
+        update: {
+            icon: 'update',
+            label: __('Редактировать'),
+            color: 'secondary',
+            outline: true
+        },
+        "delete": {
+            icon: 'delete',
+            label: __('Удалить'),
+            confirm: __('Удалить запись?'),
+            color: 'danger',
+            outline: true,
+            position: 'right'
+        }
+    };
+    var components = hooks_1.useComponents();
+    var items = react_1.useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, defaultItems[item.id]), item)); }); }, [defaultItems, props.items]);
+    return components.ui.renderView(props.view || 'nav.ControlsView', __assign(__assign({}, props), { items: items }));
+}
+exports["default"] = Controls;

package/ui/nav/Controls/demo/basic.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const controls: {
+    id: string;
+    onClick: () => void;
+}[];
+declare const _default: () => JSX.Element;
+/**
+ * Basic
+ * @order 1
+ * @col 6
+ */
+export default _default;

package/ui/nav/Controls/demo/basic.js

@@ -0,0 +1,55 @@
+"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;
+exports.controls = void 0;
+var React = __importStar(require("react"));
+var Controls_1 = __importDefault(require("../Controls"));
+exports.controls = [
+    {
+        id: 'back',
+        onClick: function () { return alert('Go back'); }
+    }, {
+        id: 'create',
+        onClick: function () { return alert('Something is created'); }
+    },
+    {
+        id: 'view',
+        onClick: function () { return alert('Something is shown'); }
+    },
+    {
+        id: 'update',
+        onClick: function () { return alert('Something is updated'); }
+    },
+    {
+        id: 'delete',
+        onClick: function () { return alert('Something is deleted'); }
+    },
+];
+/**
+ * Basic
+ * @order 1
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Controls_1["default"], { items: exports.controls }))); });

package/ui/nav/Controls/index.d.ts

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

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

package/ui/nav/Link/Link.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IButtonProps, IButtonViewProps } from '../../form/Button/Button';
+/**
+ * Link
+ * Ссылка
+ */
+export interface ILinkProps extends IButtonProps {
+    [key: string]: any;
+}
+export declare type ILinkViewProps = IButtonViewProps;
+export default function Link(props: ILinkProps): JSX.Element;

package/ui/nav/Link/Link.js

@@ -0,0 +1,41 @@
+"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 __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 Button_1 = __importDefault(require("../../form/Button"));
+function Link(props) {
+    return (React.createElement(Button_1["default"], __assign({ tag: 'a', link: true }, props, { formId: false })));
+}
+exports["default"] = Link;

package/ui/nav/Link/demo/badge.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Link with badge
+ * @order 3
+ * @col 4
+ */
+export default _default;

package/ui/nav/Link/demo/badge.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 Link_1 = __importDefault(require("../Link"));
+/**
+ * Link with badge
+ * @order 3
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Link_1["default"], { url: 'https://google.ru', target: '_blank', badge: 2, label: __('Badge'), className: 'd-block mb-3' }))); });

package/ui/nav/Link/demo/basic.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Basic
+ * @order 1
+ * @col 4
+ */
+export default _default;

package/ui/nav/Link/demo/basic.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 Link_1 = __importDefault(require("../Link"));
+/**
+ * Basic
+ * @order 1
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Link_1["default"], { url: 'https://google.ru', target: '_blank', label: __('Basic'), className: 'd-block mb-3' }))); });

package/ui/nav/Link/demo/colors.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Colors
+ * @order 4
+ * @col 8
+ */
+export default _default;

package/ui/nav/Link/demo/colors.js

@@ -0,0 +1,42 @@
+"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 Link_1 = __importDefault(require("../Link"));
+var colors = {
+    primary: 'Primary',
+    secondary: 'Secondary',
+    success: 'Success',
+    danger: 'Danger',
+    warning: 'Warning',
+    info: 'Info',
+    light: 'Light',
+    dark: 'Dark'
+};
+/**
+ * Colors
+ * @order 4
+ * @col 8
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null, Object.keys(colors).map(function (color) { return (React.createElement(Link_1["default"], { url: 'https://google.ru', target: '_blank', key: color, color: color, label: colors[color], className: 'd-inline-block mb-3' })); }))); });

package/ui/nav/Link/demo/confirm.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Confirm
+ * @order 7
+ * @col 4
+ */
+export default _default;

package/ui/nav/Link/demo/confirm.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 Link_1 = __importDefault(require("../Link"));
+/**
+ * Confirm
+ * @order 7
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Link_1["default"], { confirm: 'Confirm text', label: 'Confirm', className: 'd-block mb-3' }))); });

package/ui/nav/Link/demo/disabled.d.ts

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

package/ui/nav/Link/demo/disabled.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 Link_1 = __importDefault(require("../Link"));
+/**
+ * Disabled
+ * @order 3
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Link_1["default"], { disabled: true, url: 'https://google.ru', target: '_blank', label: 'Disabled', className: 'd-block mb-3' }))); });

package/ui/nav/Link/demo/hint.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Hint
+ * @order 4
+ * @col 4
+ */
+export default _default;

package/ui/nav/Link/demo/hint.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 Link_1 = __importDefault(require("../Link"));
+/**
+ * Hint
+ * @order 4
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Link_1["default"], { label: 'Hint', hint: 'hint text', className: 'd-block mb-3' }))); });

package/ui/nav/Link/demo/icon.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Link with icon
+ * @order 6
+ * @col 4
+ */
+export default _default;

package/ui/nav/Link/demo/icon.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 Link_1 = __importDefault(require("../Link"));
+/**
+ * Link with icon
+ * @order 6
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Link_1["default"], { label: __('Icon'), icon: 'phone', url: 'https://google.ru', target: '_blank', className: 'd-block mb-3' }))); });

package/ui/nav/Link/demo/sizes.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Sizes
+ * @order 5
+ * @col 8
+ */
+export default _default;

package/ui/nav/Link/demo/sizes.js

@@ -0,0 +1,37 @@
+"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 Link_1 = __importDefault(require("../Link"));
+var sizes = {
+    sm: 'Small',
+    md: 'Middle',
+    lg: 'Large'
+};
+/**
+ * Sizes
+ * @order 5
+ * @col 8
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null, Object.keys(sizes).map(function (size) { return (React.createElement(Link_1["default"], { key: size, size: size, className: 'float-left mr-2', url: 'https://google.ru', target: '_blank', label: sizes[size] })); }))); });

package/ui/nav/Link/index.d.ts

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

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