wini-web-components 2.7.0 → 2.7.2

package/dist/component/number-picker/number-picker.js

@@ -1,125 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberPicker = void 0;
-const react_1 = __importStar(require("react"));
-const number_picker_module_css_1 = __importDefault(require("./number-picker.module.css"));
-const NumberPicker = ({ id, value, onChange, disabled, readOnly, className, helperText, helperTextColor, max, min, style, type = "icon-button", volume = 1 }) => {
-    const [val, setValue] = (0, react_1.useState)(0);
-    const inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (inputRef.current) {
-            setValue(value !== null && value !== void 0 ? value : 0);
-            inputRef.current.value = `${value !== null && value !== void 0 ? value : 0}`;
-        }
-    }, [value, inputRef]);
-    return react_1.default.createElement("div", { id: id, className: `row ${number_picker_module_css_1.default["number-picker-container"]} ${className !== null && className !== void 0 ? className : "body-2"} ${(helperText === null || helperText === void 0 ? void 0 : helperText.length) && number_picker_module_css_1.default['helper-text']}`, "number-picker-type": type !== null && type !== void 0 ? type : "icon-button", "helper-text": helperText, style: style ? Object.assign(Object.assign({}, { '--helper-text-color': helperTextColor !== null && helperTextColor !== void 0 ? helperTextColor : '#e14337' }), style) : { '--helper-text-color': helperTextColor !== null && helperTextColor !== void 0 ? helperTextColor : '#e14337' } },
-        react_1.default.createElement("div", { className: "row", onClick: () => {
-                let newValue = val - volume;
-                if (min === undefined || newValue >= min) {
-                    if (volume % 1 === 0)
-                        newValue = Math.round(newValue);
-                    else
-                        newValue = parseFloat(newValue.toFixed(1));
-                    setValue(newValue);
-                    if (inputRef.current)
-                        inputRef.current.value = `${newValue}`;
-                    if (onChange)
-                        onChange(newValue);
-                }
-            } },
-            react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.3335 7.93907C1.3335 7.60435 1.60484 7.33301 1.93956 7.33301H14.0608C14.3955 7.33301 14.6668 7.60435 14.6668 7.93907C14.6668 8.27379 14.3955 8.54513 14.0608 8.54513H1.93956C1.60484 8.54513 1.3335 8.27379 1.3335 7.93907Z" }))),
-        react_1.default.createElement("input", { ref: inputRef, readOnly: readOnly, disabled: disabled, onKeyDown: (ev) => {
-                switch (ev.key.toLowerCase()) {
-                    case "enter":
-                        ev.target.blur();
-                        break;
-                    default:
-                        break;
-                }
-            }, onFocus: (ev) => { ev.target.select(); }, onBlur: (ev) => {
-                let newValue = volume % 1 === 0 ? parseInt(ev.target.value.trim()) : parseFloat(ev.target.value.trim());
-                if (isNaN(newValue))
-                    ev.target.value = `${val}`;
-                else {
-                    if (volume % 1 === 0)
-                        newValue = Math.round(newValue);
-                    else
-                        newValue = parseFloat(newValue.toFixed(1));
-                    if (min !== undefined && newValue < min) {
-                        setValue(min);
-                        if (inputRef.current)
-                            inputRef.current.value = `${min}`;
-                        if (onChange)
-                            onChange(min);
-                    }
-                    else if (max !== undefined && newValue > max) {
-                        setValue(max);
-                        if (inputRef.current)
-                            inputRef.current.value = `${max}`;
-                        if (onChange)
-                            onChange(max);
-                    }
-                    else {
-                        setValue(newValue);
-                        if (inputRef.current)
-                            inputRef.current.value = `${newValue}`;
-                        if (onChange)
-                            onChange(newValue);
-                    }
-                }
-            } }),
-        react_1.default.createElement("div", { className: "row", onClick: () => {
-                let newValue = val + volume;
-                if (max === undefined || newValue <= max) {
-                    if (volume % 1 === 0)
-                        newValue = Math.round(newValue);
-                    else
-                        newValue = parseFloat(newValue.toFixed(1));
-                    setValue(newValue);
-                    if (inputRef.current)
-                        inputRef.current.value = `${newValue}`;
-                    if (onChange)
-                        onChange(newValue);
-                }
-            } },
-            react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("path", { d: "M8.60622 1.93907C8.60622 1.60435 8.33488 1.33301 8.00016 1.33301C7.66544 1.33301 7.3941 1.60435 7.3941 1.93907V7.39361H1.93956C1.60484 7.39361 1.3335 7.66496 1.3335 7.99967C1.3335 8.33439 1.60484 8.60574 1.93956 8.60574H7.3941V14.0603C7.3941 14.395 7.66544 14.6663 8.00016 14.6663C8.33488 14.6663 8.60622 14.395 8.60622 14.0603V8.60574H14.0608C14.3955 8.60574 14.6668 8.33439 14.6668 7.99967C14.6668 7.66496 14.3955 7.39361 14.0608 7.39361H8.60622V1.93907Z" }))));
-};
-exports.NumberPicker = NumberPicker;

package/dist/component/pagination/pagination.d.ts

@@ -1,13 +0,0 @@
-import React, { CSSProperties } from "react";
-interface Props {
-    id?: string;
-    currentPage: number;
-    itemPerPage: number;
-    totalItem: number;
-    onChangePage: Function;
-    hideGoToPage?: boolean;
-    hidePageSize?: boolean;
-    style: CSSProperties;
-}
-export declare function Pagination({ id, currentPage, itemPerPage, totalItem, onChangePage, hidePageSize, hideGoToPage, style }: Props): React.JSX.Element;
-export {};

package/dist/component/pagination/pagination.js

@@ -1,90 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = Pagination;
-const react_1 = __importStar(require("react"));
-const react_paginate_1 = __importDefault(require("react-paginate"));
-const pagination_module_css_1 = __importDefault(require("./pagination.module.css"));
-const select1_1 = require("../select1/select1");
-const text_1 = require("../text/text");
-const text_field_1 = require("../text-field/text-field");
-const winicon_1 = require("../wini-icon/winicon");
-const react_i18next_1 = require("react-i18next");
-function Pagination({ id, currentPage, itemPerPage, totalItem, onChangePage, hidePageSize = false, hideGoToPage = false, style }) {
-    const goToPageRef = (0, react_1.useRef)(null);
-    const { t } = (0, react_i18next_1.useTranslation)();
-    (0, react_1.useEffect)(() => {
-        if (goToPageRef.current) {
-            const _inputPage = goToPageRef.current.getInput();
-            if (_inputPage)
-                _inputPage.value = currentPage.toString();
-        }
-    }, [currentPage]);
-    if (currentPage > 1 && (totalItem === 0 || (Math.floor(totalItem / itemPerPage) + (totalItem % itemPerPage === 0 ? 0 : 1)) < currentPage)) {
-        onChangePage(1, itemPerPage);
-        return react_1.default.createElement("div", null);
-    }
-    else if (totalItem > 0) {
-        return react_1.default.createElement("div", { id: id, className: `${pagination_module_css_1.default['custom-pagination']} row`, style: style },
-            hidePageSize ? null : react_1.default.createElement("div", { className: "row", style: { gap: '0.8rem' } },
-                react_1.default.createElement(select1_1.Select1, { readOnly: true, placeholder: itemPerPage.toString(), options: [10, 20, 50, 80, 100, 150, 200].map((item, _) => { return { id: item, name: item }; }), style: { borderRadius: '0.4rem', width: '5.6rem', padding: '0 0.8rem', height: '2.4rem' }, onChange: (ev) => {
-                        onChangePage(currentPage, isNaN(parseInt(ev.id)) ? itemPerPage : parseInt(ev.id));
-                    } }),
-                react_1.default.createElement(text_1.Text, { className: "body-3" }, t("ofItems", { totalItem: totalItem }))),
-            react_1.default.createElement("div", { style: { flex: 1 } }),
-            react_1.default.createElement(react_paginate_1.default, { onPageChange: (ev) => {
-                    onChangePage(ev.selected + 1, itemPerPage);
-                }, forcePage: currentPage - 1, breakClassName: "row button-text-3", breakLabel: "...", pageCount: Math.ceil(totalItem / itemPerPage), previousClassName: "row", previousLabel: react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/left-arrow", size: "1.4rem" }), nextClassName: "row", nextLabel: react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/right-arrow", size: "1.4rem" }), containerClassName: `${pagination_module_css_1.default['pagination']} row`, pageClassName: "row button-text-3", activeClassName: pagination_module_css_1.default['active'], hrefBuilder: (pageIndex) => pageIndex >= 1 && pageIndex <= Math.ceil(totalItem / itemPerPage) ? `/page/${pageIndex}` : '#', renderOnZeroPageCount: null }),
-            hideGoToPage ? null : react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { style: { height: '1.6rem', backgroundColor: "var(--neutral-bolder-border-color)", width: 1 } }),
-                react_1.default.createElement(text_1.Text, { className: "label-3" },
-                    t("go"),
-                    " ",
-                    t("page").toLowerCase()),
-                react_1.default.createElement(text_field_1.TextField, { ref: goToPageRef, style: { width: '4.8rem', textAlign: "center", padding: 0, height: '2.4rem', borderRadius: '0.4rem' }, className: "body-3", type: "number", onBlur: (ev) => {
-                        const _tmp = ev.target.value.trim().length ? parseInt(ev.target.value.trim()) : undefined;
-                        if (_tmp && !isNaN(_tmp) && _tmp > 0 && _tmp <= Math.ceil(totalItem / itemPerPage)) {
-                            onChangePage(_tmp, itemPerPage);
-                        }
-                        else
-                            ev.target.value = "";
-                    } })));
-    }
-    else
-        return react_1.default.createElement("div", { id: id });
-}

package/dist/component/popup/popup.d.ts

@@ -1,40 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './popup.css';
-interface PopupState {
-    readonly open?: boolean;
-    heading?: ReactNode;
-    body?: ReactNode;
-    content?: ReactNode;
-    footer?: ReactNode;
-    clickOverlayClosePopup?: boolean;
-    style?: CSSProperties;
-    className?: string;
-    hideButtonClose?: boolean;
-}
-export declare const showPopup: (props: {
-    ref: React.RefObject<Popup | undefined>;
-    heading?: ReactNode;
-    content?: ReactNode;
-    body?: ReactNode;
-    footer?: ReactNode;
-    clickOverlayClosePopup?: boolean;
-    style?: CSSProperties;
-    className?: string;
-    hideButtonClose?: boolean;
-}) => void;
-export declare const closePopup: (ref: React.RefObject<Popup>) => void;
-export declare class Popup extends React.Component<Object, PopupState> {
-    constructor(props: Object | Readonly<Object>);
-    state: Readonly<PopupState>;
-    onOpen(data: PopupState): void;
-    onClose(): void;
-    render(): React.JSX.Element;
-}
-export declare function PopupOverlay({ children, onClose, className, style, onOpen }: {
-    children?: ReactNode;
-    className?: string;
-    onClose?: (ev: MouseEvent) => void;
-    style?: CSSProperties;
-    onOpen?: (ev: HTMLDivElement) => void;
-}): React.JSX.Element;
-export {};

package/dist/component/popup/popup.js

@@ -1,125 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popup = exports.closePopup = exports.showPopup = void 0;
-exports.PopupOverlay = PopupOverlay;
-const react_1 = __importStar(require("react"));
-require("./popup.css");
-const showPopup = (props) => {
-    var _a, _b;
-    (_b = (_a = props.ref) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.onOpen({
-        heading: props.heading,
-        content: props.content,
-        body: props.body,
-        footer: props.footer,
-        clickOverlayClosePopup: props.clickOverlayClosePopup,
-        style: props.style,
-        className: props.className,
-        hideButtonClose: props.hideButtonClose
-    });
-};
-exports.showPopup = showPopup;
-const closePopup = (ref) => {
-    ref.current.onClose();
-};
-exports.closePopup = closePopup;
-class Popup extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            open: false,
-        };
-    }
-    onOpen(data) {
-        this.setState(Object.assign({ open: true }, data));
-    }
-    onClose() {
-        this.setState({ open: false });
-    }
-    render() {
-        var _a, _b;
-        return (react_1.default.createElement(react_1.default.Fragment, null, this.state.open &&
-            react_1.default.createElement(PopupOverlay, { className: this.state.clickOverlayClosePopup ? 'hidden-overlay' : '', onClose: this.state.clickOverlayClosePopup ? () => { this.onClose(); } : undefined }, (_a = this.state.content) !== null && _a !== void 0 ? _a : react_1.default.createElement("div", { className: `popup-container col ${(_b = this.state.className) !== null && _b !== void 0 ? _b : ""}`, onClick: e => e.stopPropagation(), style: this.state.style },
-                this.state.heading,
-                this.state.body,
-                this.state.footer,
-                this.state.hideButtonClose ? null : react_1.default.createElement("button", { type: 'button', onClick: () => this.onClose(), className: 'popup-close-btn row' },
-                    react_1.default.createElement("svg", { width: '100%', height: '100%', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', style: { width: '2rem', height: '2rem' } },
-                        react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M16.4223 4.7559C16.7477 4.43047 16.7477 3.90283 16.4223 3.57739C16.0968 3.25195 15.5692 3.25195 15.2438 3.57739L9.99967 8.82147L4.7556 3.57739C4.43016 3.25195 3.90252 3.25195 3.57709 3.57739C3.25165 3.90283 3.25165 4.43047 3.57709 4.7559L8.82116 9.99998L3.57709 15.2441C3.25165 15.5695 3.25165 16.0971 3.57709 16.4226C3.90252 16.748 4.43016 16.748 4.7556 16.4226L9.99967 11.1785L15.2438 16.4226C15.5692 16.748 16.0968 16.748 16.4223 16.4226C16.7477 16.0971 16.7477 15.5695 16.4223 15.2441L11.1782 9.99998L16.4223 4.7559Z', fill: '#00204D', fillOpacity: 0.6 })))))));
-    }
-}
-exports.Popup = Popup;
-function PopupOverlay({ children, onClose, className, style, onOpen }) {
-    const overlayRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (overlayRef.current && onClose) {
-            const onClickDropDown = (ev) => {
-                if (ev.target === overlayRef.current || !overlayRef.current.contains(ev.target))
-                    onClose(ev);
-            };
-            window.document.body.addEventListener("mousedown", onClickDropDown);
-            return () => {
-                window.document.body.removeEventListener("mousedown", onClickDropDown);
-            };
-        }
-    }, [overlayRef.current]);
-    (0, react_1.useEffect)(() => {
-        if (overlayRef.current && onOpen)
-            onOpen(overlayRef.current);
-    }, [overlayRef.current, onOpen]);
-    (0, react_1.useEffect)(() => {
-        if (overlayRef.current && overlayRef.current.firstChild) {
-            const popupContent = overlayRef.current.firstChild;
-            const rect = popupContent.getBoundingClientRect();
-            if (rect.x < 0) {
-                popupContent.style.left = "0px";
-                popupContent.style.right = "unset";
-            }
-            else if (rect.right > document.body.offsetWidth) {
-                popupContent.style.right = "0px";
-                popupContent.style.left = "unset";
-            }
-            if (rect.y < 0) {
-                popupContent.style.top = "0px";
-                popupContent.style.bottom = "unset";
-            }
-            else if (rect.bottom > document.body.offsetHeight) {
-                popupContent.style.bottom = "0px";
-                popupContent.style.top = "unset";
-            }
-        }
-    }, [overlayRef]);
-    return react_1.default.createElement("div", { ref: overlayRef, className: `popup-overlay ${className !== null && className !== void 0 ? className : ""}`, style: style }, children);
-}

package/dist/component/progress-bar/progress-bar.d.ts

@@ -1,16 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import React from 'react';
-import { ComponentStatus } from '../../index';
-export declare function ProgressBar({ id, status, percent, titleText, title, hideTitle, progressBarOnly, fullColor, percentColor, style, progressBarStyle }: {
-    id?: string;
-    percent: number;
-    titleText?: string;
-    title?: ReactNode;
-    hideTitle: boolean;
-    progressBarOnly: boolean;
-    fullColor: string;
-    percentColor: string;
-    style?: CSSProperties;
-    status: ComponentStatus;
-    progressBarStyle?: CSSProperties;
-}): React.JSX.Element;

package/dist/component/progress-bar/progress-bar.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressBar = ProgressBar;
-const react_1 = require("react");
-const progress_bar_module_css_1 = __importDefault(require("./progress-bar.module.css"));
-const react_2 = __importDefault(require("react"));
-const index_1 = require("../../index");
-function ProgressBar({ id, status = index_1.ComponentStatus.INFOR, percent = 100, titleText, title, hideTitle = false, progressBarOnly = false, fullColor = 'var(--neutral-main-background-color)', percentColor = 'var(--primary-main-color)', style, progressBarStyle }) {
-    const [openDetails, setOpenDetails] = (0, react_1.useState)(true);
-    return react_2.default.createElement("div", { id: id, className: `col ${progress_bar_module_css_1.default["progress-bar-container"]}`, style: style ? Object.assign({ padding: progressBarOnly ? '0' : '1.6rem 2.4rem' }, style) : { padding: progressBarOnly ? '0' : '1.6rem 2.4rem' } },
-        (hideTitle || progressBarOnly) ? null : (title !== null && title !== void 0 ? title : react_2.default.createElement("div", { className: `row ${progress_bar_module_css_1.default["progress-bar-title"]}` },
-            react_2.default.createElement("div", { className: "heading-8" }, titleText),
-            react_2.default.createElement(index_1.Winicon, { src: openDetails ? "fill/arrows/down-arrow" : "fill/arrows/up-arrow", onClick: () => { setOpenDetails(!openDetails); } }))),
-        openDetails ? react_2.default.createElement("div", { className: `row ${progress_bar_module_css_1.default["progress-bar-tile"]}` },
-            react_2.default.createElement("div", { className: progress_bar_module_css_1.default["progress-bar-value"], style: Object.assign({ '--percent-color': percentColor, '--full-color': fullColor, '--percent': `${percent}%` }, (progressBarStyle !== null && progressBarStyle !== void 0 ? progressBarStyle : {})) }),
-            progressBarOnly || status === index_1.ComponentStatus.INFOR ? null : react_2.default.createElement("div", { className: `${progress_bar_module_css_1.default["status-icon"]}` }, (0, index_1.getStatusIcon)(status)),
-            progressBarOnly ? null : react_2.default.createElement("div", { className: 'label-4' },
-                percent,
-                "/100")) : null);
-}

package/dist/component/progress-circle/progress-circle.d.ts

@@ -1,14 +0,0 @@
-import { CSSProperties } from 'react';
-import './progress-circle.css';
-import React from 'react';
-export declare function ProgressCircle(props: {
-    id?: string;
-    /** value:  0 - 100 (%)*/
-    percent?: number;
-    style?: CSSProperties;
-    fillColor?: string;
-    percentColor?: string;
-    strokeWidth?: number;
-    strokeColor?: string;
-    textStyle?: CSSProperties;
-}): React.JSX.Element;

package/dist/component/progress-circle/progress-circle.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressCircle = ProgressCircle;
-require("./progress-circle.css");
-const react_1 = __importDefault(require("react"));
-function ProgressCircle(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const radius = 30 - ((_a = props.strokeWidth) !== null && _a !== void 0 ? _a : 4);
-    const diameter = Math.PI * 2 * radius;
-    const strokeOffset = (1 - (((_b = props.percent) !== null && _b !== void 0 ? _b : 0) / 100)) * diameter;
-    return react_1.default.createElement("svg", { id: props.id, width: "100%", height: "100%", viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: Object.assign({ width: '6rem', height: '6rem' }, ((_c = props.style) !== null && _c !== void 0 ? _c : {})) },
-        react_1.default.createElement("path", { d: `M 30,30 m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 * radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`, style: { fill: "none", stroke: (_d = props.strokeColor) !== null && _d !== void 0 ? _d : "var(--neutral-main-background-color)", strokeWidth: (_e = props.strokeWidth) !== null && _e !== void 0 ? _e : '4px', } }),
-        react_1.default.createElement("path", { d: `M 30,30 m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 * radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`, style: { fill: (_f = props.fillColor) !== null && _f !== void 0 ? _f : "none", stroke: (_g = props.percentColor) !== null && _g !== void 0 ? _g : "var(--primary-main-color)", strokeWidth: (_h = props.strokeWidth) !== null && _h !== void 0 ? _h : '4px', strokeLinecap: 'round', strokeDasharray: `${diameter}px ${diameter}px`, strokeDashoffset: `${strokeOffset}px` } }),
-        react_1.default.createElement("text", { x: "50%", y: "50%", dy: ".3em", textAnchor: "middle", fontSize: "1.6rem", fontWeight: '600', style: Object.assign({ fill: "var(neutral-text-title-color)" }, ((_j = props.textStyle) !== null && _j !== void 0 ? _j : {})) }, (_k = props.percent) !== null && _k !== void 0 ? _k : 0,
-            "%"));
-}

package/dist/component/radio-button/radio-button.d.ts

@@ -1,20 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { UseFormRegister } from 'react-hook-form';
-interface RadioButtonProps {
-    id?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    value?: string | number | readonly string[];
-    disabled?: boolean;
-    style?: CSSProperties;
-    size?: number | string;
-    defaultChecked?: boolean;
-    name?: string;
-    activeColor?: string;
-    offColor?: string;
-    className?: string;
-    register?: UseFormRegister<{}>;
-}
-export declare class RadioButton extends React.Component<RadioButtonProps> {
-    render(): React.ReactNode;
-}
-export {};

package/dist/component/radio-button/radio-button.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = void 0;
-const react_1 = __importDefault(require("react"));
-const radio_button_module_css_1 = __importDefault(require("./radio-button.module.css"));
-class RadioButton extends react_1.default.Component {
-    render() {
-        var _a, _b, _c;
-        let convertStyle = {
-            '--off-color': (_a = this.props.offColor) !== null && _a !== void 0 ? _a : 'var(--neutral-bolder-border-color)',
-            '--active-color': (_b = this.props.activeColor) !== null && _b !== void 0 ? _b : 'var(--primary-main-color)',
-            '--size': this.props.size ? (typeof this.props.size === 'number') ? `${this.props.size}px` : this.props.size : '20px'
-        };
-        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 = Object.assign(Object.assign({}, this.props.style), convertStyle);
-        }
-        return react_1.default.createElement("label", { id: this.props.id, className: `row ${radio_button_module_css_1.default['radio-btn-container']} ${(_c = this.props.className) !== null && _c !== void 0 ? _c : ''}`, style: convertStyle },
-            this.props.register ?
-                react_1.default.createElement("input", Object.assign({}, this.props.register, { type: "radio", value: this.props.value, disabled: this.props.disabled })) :
-                react_1.default.createElement("input", { type: "radio", name: this.props.name, value: this.props.value, defaultChecked: this.props.defaultChecked, disabled: this.props.disabled, onChange: this.props.onChange }),
-            react_1.default.createElement("span", { className: radio_button_module_css_1.default['checkmark'] }));
-    }
-}
-exports.RadioButton = RadioButton;

package/dist/component/rating/rating.d.ts

@@ -1,23 +0,0 @@
-import React, { CSSProperties } from "react";
-interface RatingProps {
-    id?: string;
-    /**
-    value: 0-5
-    */
-    value?: number;
-    size?: number | string;
-    onChange?: (e: number) => void;
-    className?: string;
-    style?: CSSProperties;
-    strokeColor?: string;
-    fillColor?: string;
-}
-interface RatingState {
-    value: number;
-}
-export declare class Rating extends React.Component<RatingProps, RatingState> {
-    state: Readonly<RatingState>;
-    componentDidUpdate(prevProps: Readonly<RatingProps>): void;
-    render(): React.ReactNode;
-}
-export {};

package/dist/component/rating/rating.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Rating = void 0;
-const react_1 = __importDefault(require("react"));
-const rating_module_css_1 = __importDefault(require("./rating.module.css"));
-const autoKeyId = () => window.crypto.randomUUID().replace(/-/g, '');
-class Rating extends react_1.default.Component {
-    constructor() {
-        var _a;
-        super(...arguments);
-        this.state = {
-            value: (_a = this.props.value) !== null && _a !== void 0 ? _a : 0
-        };
-    }
-    componentDidUpdate(prevProps) {
-        var _a;
-        if (prevProps.value !== this.props.value) {
-            this.setState({ value: (_a = this.props.value) !== null && _a !== void 0 ? _a : 0 });
-        }
-    }
-    render() {
-        var _a;
-        return react_1.default.createElement("div", { id: this.props.id, className: `row ${rating_module_css_1.default['rating-container']} ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ''}`, style: this.props.style }, Array.from({ length: 5 }).map((_, i) => {
-            var _a, _b, _c, _d, _e;
-            let uniqueId = 'rating-star-grad-0';
-            let stopValue = 0;
-            if (this.state.value >= 5) {
-                uniqueId = 'rating-star-grad-5';
-                stopValue = 100;
-            }
-            else if (this.state.value >= i) {
-                uniqueId = autoKeyId();
-                stopValue = (this.state.value - i) * 100;
-            }
-            return react_1.default.createElement("svg", { onClick: () => {
-                    if (this.props.onChange) {
-                        this.setState({ value: i + 1 });
-                        this.props.onChange(i + 1);
-                    }
-                }, key: 'rate-' + i, width: "100%", height: "100%", style: { width: (_a = this.props.size) !== null && _a !== void 0 ? _a : '2rem', height: (_b = this.props.size) !== null && _b !== void 0 ? _b : '2rem' }, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("defs", null,
-                    react_1.default.createElement("linearGradient", { id: uniqueId, x1: "0%", x2: "100%", y1: "0%", y2: "0%" },
-                        react_1.default.createElement("stop", { offset: "0%", style: { stopColor: (_c = this.props.fillColor) !== null && _c !== void 0 ? _c : 'var(--secondary3-main-color,#FAAD1E)' } }),
-                        react_1.default.createElement("stop", { offset: `${stopValue}%`, style: { stopColor: (_d = this.props.fillColor) !== null && _d !== void 0 ? _d : 'var(--secondary3-main-color,#FAAD1E)' } }),
-                        react_1.default.createElement("stop", { offset: `${stopValue}%`, style: { stopColor: '#00000000' } }))),
-                react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 1.66667C10.2884 1.66667 10.5518 1.82993 10.6794 2.0878L12.844 6.46194L17.6847 7.16325C17.97 7.20459 18.2071 7.4039 18.2962 7.67736C18.3853 7.95082 18.311 8.25101 18.1045 8.45172L14.6018 11.8563L15.4285 16.6636C15.4772 16.947 15.3604 17.2334 15.127 17.4024C14.8937 17.5714 14.5844 17.5937 14.3292 17.4599L10 15.1897L5.67081 17.4599C5.41557 17.5937 5.10627 17.5714 4.87295 17.4024C4.63964 17.2334 4.52278 16.947 4.57151 16.6636L5.39815 11.8563L1.89545 8.45172C1.68896 8.25101 1.61465 7.95082 1.70377 7.67736C1.79288 7.4039 2.02996 7.20459 2.31533 7.16325L7.15599 6.46194L9.32063 2.0878C9.44825 1.82993 9.71162 1.66667 10 1.66667ZM10 4.12915L8.33846 7.48665C8.22811 7.70963 8.01479 7.86418 7.76802 7.89993L4.05223 8.43827L6.74094 11.0517C6.91947 11.2252 7.00094 11.4752 6.95881 11.7203L6.3243 15.4102L9.64738 13.6676C9.86813 13.5519 10.1319 13.5519 10.3526 13.6676L13.6757 15.4102L13.0412 11.7203C12.9991 11.4752 13.0805 11.2252 13.2591 11.0517L15.9478 8.43827L12.232 7.89993C11.9852 7.86418 11.7719 7.70963 11.6615 7.48665L10 4.12915Z", style: { fill: (_e = this.props.strokeColor) !== null && _e !== void 0 ? _e : 'var(--neutral-text-placeholder-color,#878792)' } }),
-                react_1.default.createElement("path", { d: "M17.738 7.18949L12.8212 6.47499L10.6249 2.02268C10.5611 1.91426 10.47 1.82438 10.3608 1.76194C10.2515 1.6995 10.1279 1.66666 10.0021 1.66666C9.87623 1.66666 9.75259 1.6995 9.64335 1.76194C9.53411 1.82438 9.44306 1.91426 9.37921 2.02268L7.17875 6.47499L2.26191 7.18949C2.13368 7.208 2.0132 7.26201 1.91406 7.34542C1.81493 7.42882 1.74111 7.5383 1.70095 7.66147C1.66078 7.78463 1.65588 7.91658 1.68678 8.04239C1.71769 8.1682 1.78317 8.28286 1.87583 8.3734L5.43449 11.8411L4.59499 16.7385C4.57311 16.8662 4.58739 16.9975 4.63622 17.1175C4.68505 17.2375 4.76648 17.3414 4.8713 17.4175C4.97612 17.4937 5.10016 17.539 5.22938 17.5483C5.3586 17.5577 5.48785 17.5306 5.60252 17.4704L9.99998 15.1588L14.3974 17.4704C14.5121 17.5306 14.6414 17.5577 14.7706 17.5483C14.8998 17.539 15.0238 17.4937 15.1286 17.4175C15.2335 17.3414 15.3149 17.2375 15.3637 17.1175C15.4126 16.9975 15.4268 16.8662 15.405 16.7385L14.5655 11.8411L18.1241 8.3734C18.2168 8.28295 18.2823 8.16841 18.3132 8.0427C18.3442 7.91699 18.3394 7.78512 18.2994 7.66199C18.2594 7.53886 18.1858 7.42937 18.0868 7.34587C17.9879 7.26238 17.8675 7.20822 17.7394 7.18949H17.738Z", fill: `url(#${uniqueId})` }));
-        }));
-    }
-}
-exports.Rating = Rating;

package/dist/component/select1/select1.d.ts

@@ -1,31 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { WithTranslation } from 'react-i18next';
-export interface OptionsItem {
-    id: string | number;
-    parentId?: string;
-    name: string | ReactNode;
-    title?: string | ((onSelect: (e: OptionsItem) => void) => ReactNode);
-    disabled?: boolean;
-}
-interface Select1Props extends WithTranslation {
-    id?: string;
-    value?: string | number;
-    options: Required<Array<OptionsItem>>;
-    onChange?: (v?: OptionsItem) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
-    helperText?: string;
-    helperTextColor?: string;
-    style?: CSSProperties;
-    handleSearch?: (e: string) => Promise<Array<OptionsItem>>;
-    handleLoadmore?: (onLoadMore: boolean, ev: React.UIEvent<HTMLDivElement, UIEvent>) => void;
-    handleLoadChildren?: () => {};
-    readOnly?: boolean;
-    popupClassName?: string;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    onOpenOptions?: (popupRef: HTMLDivElement) => void;
-}
-export declare const Select1: React.ComponentType<Omit<import("react-i18next/helpers").$Subtract<Select1Props, import("react-i18next").WithTranslationProps>, keyof WithTranslation<Ns, undefined>> & import("react-i18next").WithTranslationProps>;
-export {};