@steroidsjs/core 2.1.0-beta.3 → 2.1.0-beta.33

package/ui/content/Collapse/Collapse.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+export interface ICollapseProps {
+    view?: any;
+    style?: React.CSSProperties;
+    children?: any;
+    /**
+     * Дополнительный CSS-класс
+     */
+    className?: CssClassName;
+    /**
+     * @example {true}
+     */
+    disabled?: boolean;
+    /**
+     * Кастомная иконка svg или название иконки
+     * @example {'circle'}
+     */
+    icon?: React.ReactNode | string;
+    /**
+     * Показ иконки, которая показывает состояние CollapseItem. Поумолчанию включены.
+     * @example {false}
+     */
+    showIcon?: boolean;
+    /**
+     * Позиция иконки-индикатора
+     * @example {'left'}
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Включает режим Аккордиона (только один CollapseItem может быть открыт)
+     * @example {true}
+     */
+    isAccordion?: boolean;
+    /**
+     * Номер активного CollapseItem, который может меняться динамический или быть статичным
+     * @example
+     */
+    activeKey?: number;
+    /**
+     * Вызываемая функция при каждом изменении состояния
+     * @example {() => {console.log('success')}}
+     */
+    onChange?: (state: any) => void;
+    /**
+     * Отключение внешних рамок
+     * @example {true}
+     */
+    borderless?: boolean;
+}
+export interface ICollapseViewProps extends ICollapseProps {
+    toggleCollapse: (number: any) => void;
+    toggleAccordion: (number: any) => void;
+    childIndex: number;
+    isShowMore?: boolean;
+}
+declare function Collapse(props: ICollapseProps): JSX.Element;
+declare namespace Collapse {
+    var defaultProps: {
+        iconPosition: string;
+        showIcon: boolean;
+    };
+}
+export default Collapse;

package/ui/content/Collapse/Collapse.js

@@ -0,0 +1,80 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var hooks_1 = require("@steroidsjs/core/hooks");
+function Collapse(props) {
+    var _a = React.useState([]), state = _a[0], setState = _a[1];
+    React.useEffect(function () {
+        if (props.onChange) {
+            props.onChange(state);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state]);
+    var toggleCollapse = function (indexSelected) {
+        if (state.includes(indexSelected)) {
+            var newState = __spreadArray([], state);
+            var indexInArray = state.indexOf(indexSelected);
+            newState.splice(indexInArray, 1);
+            setState(newState);
+        }
+        else {
+            var newState = __spreadArray([], state);
+            newState.push(indexSelected);
+            setState(newState);
+        }
+    };
+    var toggleAccordion = function (indexSelected) {
+        if (state.includes(indexSelected)) {
+            setState([]);
+        }
+        else {
+            var newState = [];
+            newState.push(indexSelected);
+            setState(newState);
+        }
+    };
+    var components = hooks_1.useComponents();
+    var CollapseView = components.ui.getView(props.view || 'content.CollapseView');
+    return (React.createElement(CollapseView, __assign({}, props), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, isAccordion: props.isAccordion, childIndex: index, toggleAccordion: toggleAccordion,
+        toggleCollapse: toggleCollapse, isShowMore: (state || []).includes(index), icon: props.icon, showIcon: props.showIcon, iconPosition: props.iconPosition, borderless: props.borderless }, child.props)); })));
+}
+Collapse.defaultProps = {
+    iconPosition: 'right',
+    showIcon: true
+};
+exports["default"] = Collapse;

package/ui/content/Collapse/CollapseItem.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+export interface ICollapseItemProps {
+    view?: any;
+    style?: React.CSSProperties;
+    children?: any;
+    /**
+     * Дополнительный CSS-класс
+     */
+    className?: CssClassName;
+    /**
+     * Название CollapseItem
+     * @example {'Подробнее'}
+     */
+    title?: string;
+    /**
+     * @example {true}
+     */
+    disabled?: boolean;
+    /**
+     * Кастомная иконка svg или название иконки
+     * @example {'circle'}
+     */
+    icon?: React.ReactNode | string;
+    /**
+     * Показ иконки, которая показывает состояние CollapseItem. Поумолчанию включены.
+     * @example {false}
+     */
+    showIcon?: boolean;
+    /**
+     * Позиция иконки-индикатора
+     * @example {'left'}
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Включает режим Аккордиона (только один CollapseItem может быть открыт)
+     * @example {true}
+     */
+    isAccordion?: boolean;
+    /**
+     * Номер активного CollapseItem, который может меняться динамический или быть статичным
+     * @example
+     */
+    activeKey?: number;
+    /**
+     * Вызываемая функция при каждом изменении состояния
+     * @example {() => {console.log('success')}}
+     */
+    onChange?: () => void;
+    /**
+     * Отключение внешних рамок
+     * @example {true}
+     */
+    borderless?: boolean;
+}
+export interface ICollapseItemViewProps extends ICollapseItemProps {
+    toggleCollapse?: (number: any) => void;
+    toggleAccordion?: (number: any) => void;
+    childIndex?: number;
+    isShowMore?: boolean;
+}
+declare function CollapseItem(props: ICollapseItemProps): any;
+declare namespace CollapseItem {
+    var defaultProps: {
+        title: string;
+    };
+}
+export default CollapseItem;

package/ui/content/Collapse/CollapseItem.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);
+};
+exports.__esModule = true;
+var hooks_1 = require("@steroidsjs/core/hooks");
+function CollapseItem(props) {
+    var components = hooks_1.useComponents();
+    return components.ui.renderView(props.view || 'content.CollapseItemView', __assign({}, props));
+}
+CollapseItem.defaultProps = {
+    title: 'Collapse'
+};
+exports["default"] = CollapseItem;

package/ui/content/Collapse/demo/accordion.d.ts

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

package/ui/content/Collapse/demo/accordion.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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Accordion mode
+ * @order 2
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
+    React.createElement(Collapse_1["default"], { isAccordion: true, activeKey: 2 },
+        React.createElement(CollapseItem_1["default"], { title: 'Accordion' }, "1"),
+        React.createElement(CollapseItem_1["default"], { title: 'Accordion' }, "2"),
+        React.createElement(CollapseItem_1["default"], { title: 'Accordion' }, "3")))); });

package/ui/content/Collapse/demo/basic.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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Basic
+ * @order 1
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
+    React.createElement(Collapse_1["default"], null,
+        React.createElement(CollapseItem_1["default"], { title: 'Show more' }, "1"),
+        React.createElement(CollapseItem_1["default"], { title: 'Show more' }, "2"),
+        React.createElement(CollapseItem_1["default"], { title: 'Show more' }, "3")))); });

package/ui/{form/SliderField/demo/required.d.ts → content/Collapse/demo/borderless.d.ts}

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

package/ui/content/Collapse/demo/borderless.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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Borderless mode
+ * @order 3
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
+    React.createElement(Collapse_1["default"], { borderless: true },
+        React.createElement(CollapseItem_1["default"], { title: 'borderless' }, "1"),
+        React.createElement(CollapseItem_1["default"], { title: 'borderless' }, "2"),
+        React.createElement(CollapseItem_1["default"], { title: 'borderless' }, "3")))); });

package/ui/content/Collapse/demo/disable.d.ts

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

package/ui/content/Collapse/demo/disable.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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Disable CollapseItem
+ * @order 4
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
+    React.createElement(Collapse_1["default"], { activeKey: 1 },
+        React.createElement(CollapseItem_1["default"], null, "1"),
+        React.createElement(CollapseItem_1["default"], { disabled: true, title: 'disable' }, "2"),
+        React.createElement(CollapseItem_1["default"], null, "3")))); });

package/ui/content/Collapse/demo/icon position.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Icon position left or right
+ * @order 7
+ * @col 6
+ */
+export default _default;

package/ui/content/Collapse/demo/icon position.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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Icon position left or right
+ * @order 7
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Collapse_1["default"], { iconPosition: 'left', activeKey: 2 },
+        React.createElement(CollapseItem_1["default"], null, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], { showIcon: false }, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], null, "Custom icon")))); });

package/ui/{form/SliderField/demo/size.d.ts → content/Collapse/demo/icon.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Sizes
+ * Custom icon
  * @order 5
  * @col 12
  */

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

@@ -0,0 +1,52 @@
+"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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Custom icon
+ * @order 5
+ * @col 12
+ */
+exports["default"] = (function () { return (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gridGap: '15px', minHeight: '255px' } },
+    React.createElement(Collapse_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#39BBD8", strokeWidth: "2" }),
+            React.createElement("path", { d: "M16 13.5L16 23.5", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M16 9.5L16 9.51", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))), activeKey: 1 },
+        React.createElement(CollapseItem_1["default"], null, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], null, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], null, "Custom icon")),
+    React.createElement(Collapse_1["default"], { activeKey: 2 },
+        React.createElement(CollapseItem_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#64D03E", strokeWidth: "2" }),
+                React.createElement("path", { d: "M21 12.5L14.3333 20.5L11 17.3", stroke: "#64D03E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) }, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#39BBD8", strokeWidth: "2" }),
+                React.createElement("path", { d: "M16 13.5L16 23.5", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("path", { d: "M16 9.5L16 9.51", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) }, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#FFE457", strokeWidth: "2" }),
+                React.createElement("path", { d: "M16 19.5L16 9.5", stroke: "#FFE457", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("path", { d: "M16 23.5L16 23.49", stroke: "#FFE457", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) }, "Custom icon")))); });

package/ui/content/Collapse/demo/onChange.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Anonymous function every time you change state of Collapse
+ * @order 8
+ * @col 6
+ */
+export default _default;

package/ui/content/Collapse/demo/onChange.js

@@ -0,0 +1,47 @@
+"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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Anonymous function every time you change state of Collapse
+ * @order 8
+ * @col 6
+ */
+exports["default"] = (function () {
+    var _a = React.useState(-2), touches = _a[0], setTouches = _a[1];
+    return (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gridGap: '15px', minHeight: '225px' } },
+        React.createElement(Collapse_1["default"], { style: { backgroundColor: 'lavender' }, icon: 'plus', onChange: function () { return setTouches(function (e) { return e + 1; }); } },
+            React.createElement(CollapseItem_1["default"], null, "Custom icon"),
+            React.createElement(CollapseItem_1["default"], null, "Custom icon"),
+            React.createElement(CollapseItem_1["default"], null, "Custom icon")),
+        React.createElement("div", null,
+            React.createElement("p", { style: { backgroundColor: 'lavender' } },
+                "You touched collapse",
+                ' ',
+                touches,
+                ' ',
+                "time"))));
+});

package/ui/content/Collapse/demo/show icon.d.ts

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

package/ui/content/Collapse/demo/show icon.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 Collapse_1 = __importDefault(require("../Collapse"));
+var CollapseItem_1 = __importDefault(require("../CollapseItem"));
+/**
+ * Show or hide icon
+ * @order 6
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Collapse_1["default"], { activeKey: 1 },
+        React.createElement(CollapseItem_1["default"], null, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], { showIcon: false }, "Custom icon"),
+        React.createElement(CollapseItem_1["default"], null, "Custom icon")))); });

package/ui/content/Collapse/index.d.ts

@@ -0,0 +1,7 @@
+import CollapseItem from './CollapseItem';
+import Collapse from './Collapse';
+declare const _default: {
+    CollapseItem: typeof CollapseItem;
+    Collapse: typeof Collapse;
+};
+export default _default;

package/ui/content/Collapse/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var CollapseItem_1 = __importDefault(require("./CollapseItem"));
+var Collapse_1 = __importDefault(require("./Collapse"));
+exports["default"] = { CollapseItem: CollapseItem_1["default"], Collapse: Collapse_1["default"] };