wini-web-components 2.2.8 → 2.3.2

package/dist/component/slider/slider.d.ts

@@ -1,31 +1,31 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './slider.css';
-interface SliderProps {
-    id?: string;
-    children?: Array<ReactNode>;
-    autoPlay?: boolean;
-    /** default: 2000ms */
-    duration?: number;
-    className?: string;
-    iconSize?: number | string;
-    iconColor?: string;
-    prevButton?: ReactNode;
-    nextButton?: ReactNode;
-    style?: CSSProperties;
-    buttons?: boolean;
-    onChage?: (i: number) => void;
-}
-interface SliderState {
-    page: number;
-}
-export declare class CustomSlider extends React.Component<SliderProps, SliderState> {
-    private intervalPlay;
-    constructor(props: SliderProps);
-    nextPage: () => void;
-    previousPage: () => void;
-    private autoPlay;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<SliderProps>, prevState: Readonly<SliderState>): void;
-    render(): React.JSX.Element;
-}
-export {};
+import React, { CSSProperties, ReactNode } from 'react';
+import './slider.css';
+interface SliderProps {
+    id?: string;
+    children?: Array<ReactNode>;
+    autoPlay?: boolean;
+    /** default: 2000ms */
+    duration?: number;
+    className?: string;
+    iconSize?: number | string;
+    iconColor?: string;
+    prevButton?: ReactNode;
+    nextButton?: ReactNode;
+    style?: CSSProperties;
+    buttons?: boolean;
+    onChage?: (i: number) => void;
+}
+interface SliderState {
+    page: number;
+}
+export declare class CustomSlider extends React.Component<SliderProps, SliderState> {
+    private intervalPlay;
+    constructor(props: SliderProps);
+    nextPage: () => void;
+    previousPage: () => void;
+    private autoPlay;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<SliderProps>, prevState: Readonly<SliderState>): void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/component/slider/slider.js

@@ -1,81 +1,80 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomSlider = void 0;
-var react_1 = __importDefault(require("react"));
-var react_awesome_slider_1 = __importDefault(require("react-awesome-slider"));
-require("./slider.css");
-var winicon_1 = require("../wini-icon/winicon");
-var CustomSlider = /** @class */ (function (_super) {
-    __extends(CustomSlider, _super);
-    function CustomSlider(props) {
-        var _this = this;
-        var _a;
-        _this = _super.call(this, props) || this;
-        _this.nextPage = function () {
-            var _a, _b, _c;
-            var index = (_b = (_a = _this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
-            if (((_c = _this.props) === null || _c === void 0 ? void 0 : _c.children) && (index + 1) < _this.props.children.length) {
-                _this.setState({ page: index + 1 });
-                if (_this.props.onChage)
-                    _this.props.onChage(index + 1);
-            }
-        };
-        _this.previousPage = function () {
-            var _a, _b, _c;
-            var index = (_b = (_a = _this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
-            if (((_c = _this.props) === null || _c === void 0 ? void 0 : _c.children) && index > 0) {
-                _this.setState({ page: index - 1 });
-                if (_this.props.onChage)
-                    _this.props.onChage(index - 1);
-            }
-        };
-        _this.autoPlay = function () {
-            var _a, _b, _c;
-            var index = (_b = (_a = _this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
-            if (((_c = _this.props) === null || _c === void 0 ? void 0 : _c.children) && (index + 1) === _this.props.children.length)
-                index = -1;
-            _this.setState({ page: index + 1 });
-            if (_this.props.onChage)
-                _this.props.onChage(index + 1);
-        };
-        (_a = props.buttons) !== null && _a !== void 0 ? _a : (props.buttons = true);
-        _this.state = {
-            page: 0
-        };
-        _this.autoPlay = _this.autoPlay.bind(_this);
-        return _this;
-    }
-    CustomSlider.prototype.componentDidMount = function () {
-        var _a;
-        if (this.props.autoPlay)
-            this.intervalPlay = setInterval(this.autoPlay, (_a = this.props.duration) !== null && _a !== void 0 ? _a : 2000);
-    };
-    CustomSlider.prototype.componentDidUpdate = function (prevProps, prevState) {
-        if (this.props.autoPlay !== prevProps.autoPlay && !this.props.autoPlay)
-            clearInterval(this.intervalPlay);
-    };
-    CustomSlider.prototype.render = function () {
-        var _a, _b, _c, _d, _e, _f;
-        return react_1.default.createElement(react_awesome_slider_1.default, { style: this.props.style, className: "custom-slider-container ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : ''), selected: this.state.page, bullets: false, buttons: this.props.buttons ? (this.props.children && ((_b = this.props.children) === null || _b === void 0 ? void 0 : _b.length) > 1) : false, organicArrows: false, buttonContentLeft: (_c = this.props.prevButton) !== null && _c !== void 0 ? _c : react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/circle-ctrl-left", size: "2.4rem", color: (_d = this.props.iconColor) !== null && _d !== void 0 ? _d : "var(--neutral-absolute-background-color)" }), buttonContentRight: (_e = this.props.nextButton) !== null && _e !== void 0 ? _e : react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/circle-ctrl-right", size: "2.4rem", color: (_f = this.props.iconColor) !== null && _f !== void 0 ? _f : "var(--neutral-absolute-background-color)" }) }, this.props.children);
-    };
-    return CustomSlider;
-}(react_1.default.Component));
-exports.CustomSlider = CustomSlider;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSlider = void 0;
+var react_1 = __importDefault(require("react"));
+var react_awesome_slider_1 = __importDefault(require("react-awesome-slider"));
+require("./slider.css");
+var winicon_1 = require("../wini-icon/winicon");
+var CustomSlider = /** @class */ (function (_super) {
+    __extends(CustomSlider, _super);
+    function CustomSlider(props) {
+        var _a;
+        var _this = _super.call(this, props) || this;
+        _this.nextPage = function () {
+            var _a, _b, _c;
+            var index = (_b = (_a = _this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
+            if (((_c = _this.props) === null || _c === void 0 ? void 0 : _c.children) && (index + 1) < _this.props.children.length) {
+                _this.setState({ page: index + 1 });
+                if (_this.props.onChage)
+                    _this.props.onChage(index + 1);
+            }
+        };
+        _this.previousPage = function () {
+            var _a, _b, _c;
+            var index = (_b = (_a = _this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
+            if (((_c = _this.props) === null || _c === void 0 ? void 0 : _c.children) && index > 0) {
+                _this.setState({ page: index - 1 });
+                if (_this.props.onChage)
+                    _this.props.onChage(index - 1);
+            }
+        };
+        _this.autoPlay = function () {
+            var _a, _b, _c;
+            var index = (_b = (_a = _this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
+            if (((_c = _this.props) === null || _c === void 0 ? void 0 : _c.children) && (index + 1) === _this.props.children.length)
+                index = -1;
+            _this.setState({ page: index + 1 });
+            if (_this.props.onChage)
+                _this.props.onChage(index + 1);
+        };
+        (_a = props.buttons) !== null && _a !== void 0 ? _a : (props.buttons = true);
+        _this.state = {
+            page: 0
+        };
+        _this.autoPlay = _this.autoPlay.bind(_this);
+        return _this;
+    }
+    CustomSlider.prototype.componentDidMount = function () {
+        var _a;
+        if (this.props.autoPlay)
+            this.intervalPlay = setInterval(this.autoPlay, (_a = this.props.duration) !== null && _a !== void 0 ? _a : 2000);
+    };
+    CustomSlider.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (this.props.autoPlay !== prevProps.autoPlay && !this.props.autoPlay)
+            clearInterval(this.intervalPlay);
+    };
+    CustomSlider.prototype.render = function () {
+        var _a, _b, _c, _d, _e, _f;
+        return react_1.default.createElement(react_awesome_slider_1.default, { style: this.props.style, className: "custom-slider-container ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : ''), selected: this.state.page, bullets: false, buttons: this.props.buttons ? (this.props.children && ((_b = this.props.children) === null || _b === void 0 ? void 0 : _b.length) > 1) : false, organicArrows: false, buttonContentLeft: (_c = this.props.prevButton) !== null && _c !== void 0 ? _c : react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/circle-ctrl-left", size: "2.4rem", color: (_d = this.props.iconColor) !== null && _d !== void 0 ? _d : "var(--neutral-absolute-background-color)" }), buttonContentRight: (_e = this.props.nextButton) !== null && _e !== void 0 ? _e : react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/circle-ctrl-right", size: "2.4rem", color: (_f = this.props.iconColor) !== null && _f !== void 0 ? _f : "var(--neutral-absolute-background-color)" }) }, this.props.children);
+    };
+    return CustomSlider;
+}(react_1.default.Component));
+exports.CustomSlider = CustomSlider;

package/dist/component/switch/switch.d.ts

@@ -1,23 +1,23 @@
-import React, { CSSProperties } from 'react';
-interface SwitchProps {
-    id?: string;
-    onChange?: (value: boolean) => void;
-    value?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    size?: number | string;
-    dotColor?: string;
-    onBackground?: string;
-    offBackground?: string;
-    name?: string;
-}
-interface SwitchState {
-    value?: boolean;
-}
-export declare class Switch extends React.Component<SwitchProps, SwitchState> {
-    state: Readonly<SwitchState>;
-    componentDidUpdate(prevProps: Readonly<SwitchProps>): void;
-    render(): React.JSX.Element;
-}
-export {};
+import React, { CSSProperties } from 'react';
+interface SwitchProps {
+    id?: string;
+    onChange?: (value: boolean) => void;
+    value?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    size?: number | string;
+    dotColor?: string;
+    onBackground?: string;
+    offBackground?: string;
+    name?: string;
+}
+interface SwitchState {
+    value?: boolean;
+}
+export declare class Switch extends React.Component<SwitchProps, SwitchState> {
+    state: Readonly<SwitchState>;
+    componentDidUpdate(prevProps: Readonly<SwitchProps>): void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/component/switch/switch.js

@@ -1,81 +1,80 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-var react_1 = __importDefault(require("react"));
-var switch_module_css_1 = __importDefault(require("./switch.module.css"));
-var Switch = /** @class */ (function (_super) {
-    __extends(Switch, _super);
-    function Switch() {
-        var _this = this;
-        var _a;
-        _this = _super.apply(this, arguments) || this;
-        _this.state = {
-            value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : false
-        };
-        return _this;
-    }
-    Switch.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.value !== this.props.value) {
-            this.setState({ value: this.props.value });
-        }
-    };
-    Switch.prototype.render = function () {
-        var _this = this;
-        var _a, _b, _c, _d, _e;
-        var propStyle = {
-            '--off-bg': (_a = this.props.offBackground) !== null && _a !== void 0 ? _a : 'var(--neutral-main-background-color)',
-            '--on-bg': (_b = this.props.onBackground) !== null && _b !== void 0 ? _b : 'var(--primary-main-color)',
-            '--dot-color': (_c = this.props.dotColor) !== null && _c !== void 0 ? _c : '#ffffff',
-            '--size': this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem'
-        };
-        var convertStyle = __assign({ height: (_d = this.props.size) !== null && _d !== void 0 ? _d : '2rem', width: "calc(".concat(this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem', " * 9 / 5)") }, propStyle);
-        if (this.props.style) {
-            delete this.props.style.width;
-            delete this.props.style.minWidth;
-            delete this.props.style.maxWidth;
-            delete this.props.style.height;
-            delete this.props.style.minHeight;
-            delete this.props.style.maxHeight;
-            convertStyle = __assign(__assign({}, this.props.style), convertStyle);
-        }
-        return react_1.default.createElement("label", { id: this.props.id, className: "".concat(switch_module_css_1.default['switch-container'], " row ").concat((_e = this.props.className) !== null && _e !== void 0 ? _e : ''), style: convertStyle },
-            react_1.default.createElement("input", { type: "checkbox", checked: this.state.value, name: this.props.name, disabled: this.props.disabled, onChange: function () {
-                    var newValue = !_this.state.value;
-                    _this.setState({ value: newValue });
-                    if (_this.props.onChange)
-                        _this.props.onChange(newValue);
-                } }),
-            react_1.default.createElement("span", { className: switch_module_css_1.default['slider'] }));
-    };
-    return Switch;
-}(react_1.default.Component));
-exports.Switch = Switch;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var react_1 = __importDefault(require("react"));
+var switch_module_css_1 = __importDefault(require("./switch.module.css"));
+var Switch = /** @class */ (function (_super) {
+    __extends(Switch, _super);
+    function Switch() {
+        var _a;
+        var _this = _super.apply(this, arguments) || this;
+        _this.state = {
+            value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : false
+        };
+        return _this;
+    }
+    Switch.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.value !== this.props.value) {
+            this.setState({ value: this.props.value });
+        }
+    };
+    Switch.prototype.render = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e;
+        var propStyle = {
+            '--off-bg': (_a = this.props.offBackground) !== null && _a !== void 0 ? _a : 'var(--neutral-main-background-color)',
+            '--on-bg': (_b = this.props.onBackground) !== null && _b !== void 0 ? _b : 'var(--primary-main-color)',
+            '--dot-color': (_c = this.props.dotColor) !== null && _c !== void 0 ? _c : '#ffffff',
+            '--size': this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem'
+        };
+        var convertStyle = __assign({ height: (_d = this.props.size) !== null && _d !== void 0 ? _d : '2rem', width: "calc(".concat(this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem', " * 9 / 5)") }, propStyle);
+        if (this.props.style) {
+            delete this.props.style.width;
+            delete this.props.style.minWidth;
+            delete this.props.style.maxWidth;
+            delete this.props.style.height;
+            delete this.props.style.minHeight;
+            delete this.props.style.maxHeight;
+            convertStyle = __assign(__assign({}, this.props.style), convertStyle);
+        }
+        return react_1.default.createElement("label", { id: this.props.id, className: "".concat(switch_module_css_1.default['switch-container'], " row ").concat((_e = this.props.className) !== null && _e !== void 0 ? _e : ''), style: convertStyle },
+            react_1.default.createElement("input", { type: "checkbox", checked: this.state.value, name: this.props.name, disabled: this.props.disabled, onChange: function () {
+                    var newValue = !_this.state.value;
+                    _this.setState({ value: newValue });
+                    if (_this.props.onChange)
+                        _this.props.onChange(newValue);
+                } }),
+            react_1.default.createElement("span", { className: switch_module_css_1.default['slider'] }));
+    };
+    return Switch;
+}(react_1.default.Component));
+exports.Switch = Switch;

package/dist/component/table/table.d.ts

@@ -1,51 +1,51 @@
-import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import './table.css';
-export declare enum CellAlignItems {
-    start = "start",
-    center = "center",
-    end = "end"
-}
-type TbCellProps = {
-    id?: string;
-    fixed?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    align?: CellAlignItems | string;
-    onClick?: React.MouseEventHandler<HTMLTableDataCellElement>;
-};
-export declare class TbCell extends React.Component<TbCellProps> {
-    render(): React.ReactNode;
-}
-interface TbRowProps {
-    id?: string;
-    children?: Array<TbCell>;
-    className?: string;
-    style?: CSSProperties;
-    onClick?: MouseEventHandler<HTMLTableRowElement>;
-}
-export declare class TbRow extends React.Component<TbRowProps> {
-    render(): React.ReactNode;
-}
-export declare class TbHeader extends React.Component<TbRowProps> {
-    render(): React.JSX.Element;
-}
-interface TbBodyProps {
-    id?: string;
-    children?: Array<TbRow>;
-    className?: string;
-    style?: CSSProperties;
-}
-export declare class TbBody extends React.Component<TbBodyProps> {
-    render(): React.ReactNode;
-}
-interface TableProps {
-    id?: string;
-    children?: Array<TbBody | TbHeader>;
-    className?: string;
-    style?: CSSProperties;
-}
-export declare class Table extends React.Component<TableProps> {
-    render(): React.ReactNode;
-}
-export {};
+import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import './table.css';
+export declare enum CellAlignItems {
+    start = "start",
+    center = "center",
+    end = "end"
+}
+type TbCellProps = {
+    id?: string;
+    fixed?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    align?: CellAlignItems | string;
+    onClick?: React.MouseEventHandler<HTMLTableDataCellElement>;
+};
+export declare class TbCell extends React.Component<TbCellProps> {
+    render(): React.ReactNode;
+}
+interface TbRowProps {
+    id?: string;
+    children?: Array<TbCell>;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: MouseEventHandler<HTMLTableRowElement>;
+}
+export declare class TbRow extends React.Component<TbRowProps> {
+    render(): React.ReactNode;
+}
+export declare class TbHeader extends React.Component<TbRowProps> {
+    render(): React.JSX.Element;
+}
+interface TbBodyProps {
+    id?: string;
+    children?: Array<TbRow>;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare class TbBody extends React.Component<TbBodyProps> {
+    render(): React.ReactNode;
+}
+interface TableProps {
+    id?: string;
+    children?: Array<TbBody | TbHeader>;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare class Table extends React.Component<TableProps> {
+    render(): React.ReactNode;
+}
+export {};