react-restyle-components 0.1.3 → 0.1.7

package/lib/cjs/library/components/Organisms/TableBootstrap.js

@@ -0,0 +1,242 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableBootstrap = void 0;
+/* eslint-disable */
+const react_1 = __importStar(require("react"));
+const react_bootstrap_table_next_1 = __importDefault(require("react-bootstrap-table-next"));
+const lodash_1 = __importDefault(require("lodash"));
+const react_bootstrap_table2_toolkit_1 = __importStar(require("react-bootstrap-table2-toolkit"));
+const react_bootstrap_table2_editor_1 = __importDefault(require("react-bootstrap-table2-editor"));
+const react_bootstrap_table2_paginator_1 = __importStar(require("react-bootstrap-table2-paginator"));
+const react_bootstrap_table2_filter_1 = __importDefault(require("react-bootstrap-table2-filter"));
+const dayjs_1 = __importDefault(require("dayjs"));
+require("./style.css");
+const __1 = require("..");
+const config_1 = require("@/config");
+const { SearchBar, ClearSearchButton } = react_bootstrap_table2_toolkit_1.Search;
+const { ExportCSVButton } = react_bootstrap_table2_toolkit_1.CSVExport;
+const TableBootstrap = ({ id, data, totalSize = 10, searchPlaceholder = "Search...", page = 0, sizePerPage = 10, columns, fileName, isEditModify, isSelectRow, onSelectedRow, onUpdateItem, onPageSizeChange, onFilter, clearAllFilter, }) => {
+    const [selectedRow, setSelectedRow] = react_1.useState();
+    const [isFilterOpen, setIsFilterOpen] = react_1.useState(false);
+    const customTotal = (from, to, size) => {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "clearfix" }),
+            react_1.default.createElement("span", null,
+                "Showing ",
+                from,
+                " to ",
+                to,
+                " of ",
+                size,
+                " Results")));
+    };
+    const sizePerPageRenderer = ({ options, currSizePerPage, onSizePerPageChange, }) => (react_1.default.createElement("div", { className: "btn-group items-center", role: "group" },
+        isSelectRow && (react_1.default.createElement(__1.Buttons.Button, { style: { height: 10, width: 200 }, size: "small", type: "solid", onClick: () => {
+                if (selectedRow) {
+                    onSelectedRow && onSelectedRow(selectedRow);
+                }
+                else {
+                    alert("Please select any item.");
+                }
+            } },
+            react_1.default.createElement(__1.Icons.EvaIcon, { icon: "trash-outline", size: "large", color: config_1.Styles.COLORS.BLACK }),
+            "Remove Selected")),
+        react_1.default.createElement("input", { type: "number", min: "0", placeholder: "No", onChange: (e) => {
+                if (e.target.value) {
+                    onSizePerPageChange(e.target.value);
+                }
+            }, className: "mr-2 ml-2 leading-4 p-2 w-14 focus:outline-none focus:ring block  shadow-sm sm:text-base border border-gray-300 rounded-md" }),
+        options.map((option) => (react_1.default.createElement("button", { key: option.text, type: "button", onClick: () => onSizePerPageChange(option.page), className: `btn ${currSizePerPage === `${option.page}` ? "btn-primary" : "btn-secondary"}` }, option.text)))));
+    const options = {
+        cutome: true,
+        totalSize: totalSize,
+        paginationSize: 5,
+        pageStartIndex: 0,
+        firstPageText: "<<",
+        prePageText: "<",
+        nextPageText: ">",
+        lastPageText: ">>",
+        disablePageTitle: true,
+        paginationTotalRenderer: customTotal,
+        hideSizePerPage: true,
+        showTotal: false,
+        alwaysShowAllBtns: true,
+        sizePerPageList: [
+            {
+                text: "10",
+                value: 10,
+            },
+            {
+                text: "20",
+                value: 20,
+            },
+            {
+                text: "30",
+                value: 30,
+            },
+            {
+                text: "40",
+                value: 40,
+            },
+            {
+                text: "50",
+                value: 50,
+            },
+        ],
+        hidePageListOnlyOnePage: true,
+        sizePerPageRenderer: sizePerPageRenderer,
+    };
+    let searchProps = {
+        placeholder: searchPlaceholder,
+    };
+    const handleOnSelect = (rows, isSelect) => {
+        if (isSelect) {
+            if (selectedRow) {
+                let itemSelected = selectedRow;
+                itemSelected.push(rows);
+                setSelectedRow(itemSelected);
+            }
+            else {
+                setSelectedRow([rows]);
+            }
+        }
+    };
+    const handleOnSelectAll = (isSelect, rows) => {
+        if (isSelect) {
+            setSelectedRow(rows);
+        }
+    };
+    const handleTableChange = (type, { data, cellEdit, page, sizePerPage, filters, sortField, sortOrder, searchText }) => {
+        //console.log({ type, filters })
+        if (type === "cellEdit" && isEditModify) {
+            onUpdateItem &&
+                onUpdateItem(cellEdit.newValue, cellEdit.dataField, cellEdit.rowId);
+        }
+        if (type === "pagination" && lodash_1.default.isEmpty(filters)) {
+            // if (sizePerPage > totalSize) return alert("You have not more records.")
+            // if (page * sizePerPage > totalSize) return alert("You have not more records.")
+            onPageSizeChange && onPageSizeChange(page, sizePerPage);
+        }
+        if (type === "filter" || (type === "pagination" && !lodash_1.default.isEmpty(filters))) {
+            if (type === "pagination") {
+                if (sizePerPage > totalSize)
+                    return alert("You have not more records.");
+                if (page * sizePerPage > totalSize)
+                    return alert("You have not more records.");
+            }
+            let filter = {};
+            for (const [key, value] of Object.entries(filters)) {
+                const values = value;
+                const object = { [key]: values.filterVal };
+                filter = Object.assign(filter, object);
+            }
+            onFilter &&
+                onFilter(type, filter, type === "filter" && page === 1 ? 0 : page, sizePerPage);
+        }
+        if (type === "search") {
+            setTimeout(() => {
+                onFilter && onFilter(type, { srText: searchText }, page, sizePerPage);
+            }, 2000);
+        }
+        if (type === "sort") {
+            let result;
+            if (sortOrder === "asc") {
+                result = data.sort((a, b) => {
+                    if (a[sortField] > b[sortField]) {
+                        return 1;
+                    }
+                    else if (b[sortField] > a[sortField]) {
+                        return -1;
+                    }
+                    return 0;
+                });
+            }
+            else {
+                result = data.sort((a, b) => {
+                    if (a[sortField] > b[sortField]) {
+                        return -1;
+                    }
+                    else if (b[sortField] > a[sortField]) {
+                        return 1;
+                    }
+                    return 0;
+                });
+            }
+        }
+    };
+    const CustomToggleList = ({ columns, onColumnToggle, toggles }) => (react_1.default.createElement("div", { className: "btn-group btn-group-toggle", "data-toggle": "buttons" }, columns
+        .map((column) => (Object.assign(Object.assign({}, column), { toggle: toggles[column.dataField] })))
+        .map((column, index) => {
+        if (index > 0) {
+            return (react_1.default.createElement("button", { type: "button", key: column.dataField, className: ` btn btn-primary btn-sm whitespace-nowrap ${column.toggle ? "active" : ""}`, "data-toggle": "button", "aria-pressed": column.toggle ? "true" : "false", onClick: () => onColumnToggle(column.dataField) }, column.text));
+        }
+    })));
+    return (react_1.default.createElement(react_bootstrap_table2_paginator_1.PaginationProvider, { pagination: react_bootstrap_table2_paginator_1.default(totalSize !== 0 ? options : { page, sizePerPage, totalSize }), keyField: id, columns: columns, data: data }, ({ paginationProps, paginationTableProps }) => (react_1.default.createElement(react_bootstrap_table2_toolkit_1.default, { keyField: id, bootstrap4: true, data: data, columns: columns, search: true, exportCSV: {
+            fileName: `${fileName}_${dayjs_1.default(new Date()).format("YYYY-MM-DD HH:mm")}.csv`,
+            noAutoBOM: false,
+            blobType: "text/csv;charset=ansi",
+            exportAll: false,
+            onlyExportFiltered: true
+        }, columnToggle: true }, (props) => (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "flex items-center" },
+            react_1.default.createElement(SearchBar, Object.assign({}, searchProps, props.searchProps, { onChange: (value) => {
+                    console.log({ value });
+                } })),
+            react_1.default.createElement(ClearSearchButton, Object.assign({ className: `inline-flex ml-4 bg-gray-500 items-center small outline shadow-sm  font-medium  disabled:opacity-50 disabled:cursor-not-allowed text-center h-9 text-white` }, props.searchProps)),
+            react_1.default.createElement("button", { className: `ml-2 px-2 focus:outline-none bg-gray-500 items-center  outline shadow-sm  font-medium  text-center rounded-md h-9 text-white`, onClick: clearAllFilter }, "Clear all filters"),
+            react_1.default.createElement(ExportCSVButton, Object.assign({ className: `inline-flex m-2.5 bg-gray-500 items-center  small outline shadow-sm  font-medium  disabled:opacity-50 disabled:cursor-not-allowed text-center h-9 text-white` }, props.csvProps), "Export CSV!!"),
+            isFilterOpen ? (react_1.default.createElement(__1.Buttons.Button, { size: "medium", type: "outline", onClick: () => {
+                    setIsFilterOpen(!isFilterOpen);
+                } },
+                react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null))) : (react_1.default.createElement(__1.Buttons.Button, { size: "medium", type: "outline", onClick: () => {
+                    setIsFilterOpen(!isFilterOpen);
+                } },
+                react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null)))),
+        isFilterOpen && (react_1.default.createElement("div", { className: "mb-2 overflow-auto h-10" },
+            react_1.default.createElement(CustomToggleList, Object.assign({ contextual: "primary", className: "list-custom-class", btnClassName: "list-btn-custom-class" }, props.columnToggleProps)))),
+        react_1.default.createElement("div", { className: "scrollTable" },
+            react_1.default.createElement(react_bootstrap_table_next_1.default, Object.assign({ remote: true }, props.baseProps, { noDataIndication: "Table is Empty", hover: true }, paginationTableProps, { filter: react_bootstrap_table2_filter_1.default(), selectRow: isSelectRow
+                    ? {
+                        mode: "checkbox",
+                        onSelect: handleOnSelect,
+                        onSelectAll: handleOnSelectAll,
+                    }
+                    : undefined, cellEdit: isEditModify
+                    ? react_bootstrap_table2_editor_1.default({
+                        mode: "dbclick",
+                        blurToSave: true,
+                    })
+                    : undefined, headerClasses: "bg-gray-500 text-white whitespace-nowrap", onTableChange: handleTableChange }))),
+        react_1.default.createElement("div", { className: "flex items-center gap-2 mt-2" },
+            react_1.default.createElement(react_bootstrap_table2_paginator_1.SizePerPageDropdownStandalone, Object.assign({}, Object.assign({}, Object.assign(Object.assign({}, paginationProps), { hideSizePerPage: false })))),
+            react_1.default.createElement(react_bootstrap_table2_paginator_1.PaginationListStandalone, Object.assign({}, paginationProps))),
+        react_1.default.createElement("div", { className: "flex items-center gap-2 mt-2" },
+            react_1.default.createElement(react_bootstrap_table2_paginator_1.PaginationTotalStandalone, Object.assign({}, paginationProps)))))))));
+};
+exports.TableBootstrap = TableBootstrap;
+function alert(arg0) {
+    throw new Error("Function not implemented.");
+}
+//# sourceMappingURL=TableBootstrap.js.map

package/lib/cjs/library/components/Organisms/TableBootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBootstrap.js","sourceRoot":"","sources":["../../../../../src/library/components/Organisms/TableBootstrap.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/library/components/Organisms/utils.d.ts

@@ -0,0 +1,3 @@
+import { textFilter, customFilter, dateFilter, Comparator, numberFilter } from "react-bootstrap-table2-filter";
+import { Type } from "react-bootstrap-table2-editor";
+export { textFilter, customFilter, Type, dateFilter, Comparator, numberFilter, };

package/lib/cjs/library/components/Organisms/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberFilter = exports.Comparator = exports.dateFilter = exports.Type = exports.customFilter = exports.textFilter = void 0;
+const react_bootstrap_table2_filter_1 = require("react-bootstrap-table2-filter");
+Object.defineProperty(exports, "textFilter", { enumerable: true, get: function () { return react_bootstrap_table2_filter_1.textFilter; } });
+Object.defineProperty(exports, "customFilter", { enumerable: true, get: function () { return react_bootstrap_table2_filter_1.customFilter; } });
+Object.defineProperty(exports, "dateFilter", { enumerable: true, get: function () { return react_bootstrap_table2_filter_1.dateFilter; } });
+Object.defineProperty(exports, "Comparator", { enumerable: true, get: function () { return react_bootstrap_table2_filter_1.Comparator; } });
+Object.defineProperty(exports, "numberFilter", { enumerable: true, get: function () { return react_bootstrap_table2_filter_1.numberFilter; } });
+const react_bootstrap_table2_editor_1 = require("react-bootstrap-table2-editor");
+Object.defineProperty(exports, "Type", { enumerable: true, get: function () { return react_bootstrap_table2_editor_1.Type; } });
+//# sourceMappingURL=utils.js.map

package/lib/cjs/library/components/Organisms/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/library/components/Organisms/utils.ts"],"names":[],"mappings":";;;AAAA,iFAMsC;AAIpC,2FATA,0CAAU,OASA;AACV,6FATA,4CAAY,OASA;AAEZ,2FAVA,0CAAU,OAUA;AACV,2FAVA,0CAAU,OAUA;AACV,6FAVA,4CAAY,OAUA;AARd,iFAAoD;AAKlD,qFALO,oCAAI,OAKP"}

package/lib/cjs/library/components/index.d.ts

@@ -1,2 +1,32 @@
-import * as Atoms from './atoms';
-export { Atoms };
+import * as Buttons from './Atoms/buttons';
+import * as Form from './Atoms/form';
+import * as Svg from './Atoms/svg';
+import * as Icons from './Atoms/icons';
+export { Buttons, Form, Svg, Icons };
+export * from './Atoms/carousel';
+export * from './Atoms/grid';
+export * from './Atoms/header';
+export * from './Atoms/image';
+export * from './Atoms/list';
+export * from './Atoms/loader';
+export * from './Atoms/modals';
+export * from './Atoms/tooltip';
+export * from './Molecules/AutoComplete';
+export * from './Molecules/AutocompleteCheck';
+export * from './Molecules/AutoCompleteCheckMultiFilterKeys';
+export * from './Molecules/AutoCompleteCheckTwoTitleKeys';
+export * from './Molecules/AutoCompleteFilterMutiSelect';
+export * from './Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay';
+export * from './Molecules/AutoCompleteFilterSingleSelect';
+export * from './Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay';
+export * from './Molecules/AutocompleteGroupBy';
+export * from './Molecules/AutoCompleteGroupByCheck';
+export * from './Molecules/modal/ModalClock';
+export * from './Molecules/modal/ModalIdleTimeout';
+export * from './Molecules/modal/ModalSessionAllowed';
+export * from './Molecules/modal/ModalTokenExpire';
+export * from './Molecules/modal/ModalTransition';
+export * from "./Molecules/modal/ModalFileUpload";
+export * from './Organisms/FilterComp';
+export * from './Organisms/TableBootstrap';
+export * from './Organisms/utils';

package/lib/cjs/library/components/index.js

@@ -18,8 +18,45 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Atoms = void 0;
-const Atoms = __importStar(require("./atoms"));
-exports.Atoms = Atoms;
+exports.Icons = exports.Svg = exports.Form = exports.Buttons = void 0;
+const Buttons = __importStar(require("./Atoms/buttons"));
+exports.Buttons = Buttons;
+const Form = __importStar(require("./Atoms/form"));
+exports.Form = Form;
+const Svg = __importStar(require("./Atoms/svg"));
+exports.Svg = Svg;
+const Icons = __importStar(require("./Atoms/icons"));
+exports.Icons = Icons;
+__exportStar(require("./Atoms/carousel"), exports);
+__exportStar(require("./Atoms/grid"), exports);
+__exportStar(require("./Atoms/header"), exports);
+__exportStar(require("./Atoms/image"), exports);
+__exportStar(require("./Atoms/list"), exports);
+__exportStar(require("./Atoms/loader"), exports);
+__exportStar(require("./Atoms/modals"), exports);
+__exportStar(require("./Atoms/tooltip"), exports);
+__exportStar(require("./Molecules/AutoComplete"), exports);
+__exportStar(require("./Molecules/AutocompleteCheck"), exports);
+__exportStar(require("./Molecules/AutoCompleteCheckMultiFilterKeys"), exports);
+__exportStar(require("./Molecules/AutoCompleteCheckTwoTitleKeys"), exports);
+__exportStar(require("./Molecules/AutoCompleteFilterMutiSelect"), exports);
+__exportStar(require("./Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay"), exports);
+__exportStar(require("./Molecules/AutoCompleteFilterSingleSelect"), exports);
+__exportStar(require("./Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay"), exports);
+__exportStar(require("./Molecules/AutocompleteGroupBy"), exports);
+__exportStar(require("./Molecules/AutoCompleteGroupByCheck"), exports);
+__exportStar(require("./Molecules/modal/ModalClock"), exports);
+// modalConfirm and modalFileUpload
+__exportStar(require("./Molecules/modal/ModalIdleTimeout"), exports);
+__exportStar(require("./Molecules/modal/ModalSessionAllowed"), exports);
+__exportStar(require("./Molecules/modal/ModalTokenExpire"), exports);
+__exportStar(require("./Molecules/modal/ModalTransition"), exports);
+__exportStar(require("./Molecules/modal/ModalFileUpload"), exports);
+__exportStar(require("./Organisms/FilterComp"), exports);
+__exportStar(require("./Organisms/TableBootstrap"), exports);
+__exportStar(require("./Organisms/utils"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/library/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/library/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgC;AACvB,sBAAK"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/library/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAA0C;AAIjC,0BAAO;AAHhB,mDAAoC;AAGnB,oBAAI;AAFrB,iDAAkC;AAEZ,kBAAG;AADzB,qDAAsC;AACZ,sBAAK;AAC/B,mDAAiC;AACjC,+CAA4B;AAC5B,iDAA+B;AAC/B,gDAA6B;AAC7B,+CAA4B;AAC5B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAI/B,2DAAwC;AACxC,gEAA6C;AAC7C,+EAA4D;AAC5D,4EAAyD;AACzD,2EAAwD;AACxD,6FAA0E;AAC1E,6EAA0D;AAC1D,+FAA4E;AAC5E,kEAA+C;AAC/C,uEAAoD;AACpD,+DAA4C;AAE5C,mCAAmC;AACnC,qEAAkD;AAClD,wEAAqD;AACrD,qEAAkD;AAClD,oEAAiD;AACjD,oEAAiD;AACjD,yDAAsC;AACtC,6DAA0C;AAC1C,oDAAiC"}

package/lib/esm/config/index.d.ts

@@ -1 +1,2 @@
-export * as Styles from './style';
+import * as Styles from "./styles";
+export { Styles };

package/lib/esm/config/index.js

@@ -1,2 +1,3 @@
-export * as Styles from './style';
+import * as Styles from "./styles";
+export { Styles };
 //# sourceMappingURL=index.js.map

package/lib/esm/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/esm/config/{style.js → styles.js}

@@ -14,4 +14,4 @@ export var COLORS;
     COLORS["ORANGE"] = "#ffae1a";
     COLORS["MONO"] = "#754C00";
 })(COLORS || (COLORS = {}));
-//# sourceMappingURL=style.js.map
+//# sourceMappingURL=styles.js.map

package/lib/esm/config/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/config/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAcX;AAdD,WAAY,MAAM;IAChB,6BAAmB,CAAA;IACnB,+BAAqB,CAAA;IACrB,4BAAkB,CAAA;IAClB,2BAAiB,CAAA;IACjB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,6BAAmB,CAAA;IACnB,2BAAiB,CAAA;IACjB,gCAAsB,CAAA;IACtB,yBAAe,CAAA;IACf,iCAAuB,CAAA;IACvB,4BAAkB,CAAA;IAClB,0BAAgB,CAAA;AAClB,CAAC,EAdW,MAAM,KAAN,MAAM,QAcjB"}

package/lib/esm/library/components/Atoms/buttons.d.ts

@@ -0,0 +1,31 @@
+import React, { CSSProperties } from "react";
+import { IconProps } from "./svg";
+interface ButtonProps {
+    type?: "solid" | "outline";
+    onClick?: () => void;
+    style?: CSSProperties;
+    size?: "small" | "medium" | "large";
+    icon?: React.FunctionComponent<IconProps>;
+    pill?: boolean;
+    disabled?: string;
+    children?: React.ReactNode;
+}
+export declare const Button: React.FunctionComponent<ButtonProps>;
+interface ButtonCircleAddRemoveProps {
+    show?: boolean;
+    type?: "solid" | "outline";
+    onClick: (status: boolean) => void;
+    style?: CSSProperties;
+    size?: "small" | "medium" | "large";
+    icon?: React.FunctionComponent<IconProps>;
+    pill?: boolean;
+    disabled?: string;
+}
+export declare const ButtonCircleAddRemove: React.FunctionComponent<ButtonCircleAddRemoveProps>;
+export declare const ButtonCircleAddRemoveBottom: React.FunctionComponent<ButtonCircleAddRemoveProps>;
+interface CircleButtonProps {
+    style?: CSSProperties;
+    onClick: () => void;
+}
+export declare const CircleButton: React.FunctionComponent<CircleButtonProps>;
+export {};

package/lib/esm/library/components/Atoms/buttons.js

@@ -0,0 +1,71 @@
+import React from "react";
+import { Buttons, Icons } from "..";
+import { Styles } from "@/config";
+export const Button = (props) => {
+    const buttonSizeClass = props.size === "small"
+        ? `px-2 py-1 text-xs`
+        : props.size === "large"
+            ? `px-4 py-2 text-base`
+            : "px-3 py-2 text-sm";
+    const buttonColorClass = props.type === "solid"
+        ? "text-white bg-indigo-600 hover:bg-indigo-700 hover:shadow-lg"
+        : "text-gray-600 border border-gray-400 hover:shadow-lg";
+    const roundedClass = props.pill ? "rounded-full" : "rounded-lg";
+    const Icon = props.icon;
+    return (React.createElement("button", { onClick: props.onClick, type: "button", disabled: !!props.disabled, title: props.disabled, className: `inline-flex items-center ${buttonSizeClass} ${roundedClass} shadow-sm   font-medium ${buttonColorClass} disabled:opacity-50 disabled:cursor-not-allowed text-center` },
+        Icon && (React.createElement(Icon, { size: props.size, type: props.type === "solid" ? "inverse" : "solid", buttonOffset: true })),
+        props.children));
+};
+export const ButtonCircleAddRemove = (props) => {
+    return (React.createElement(React.Fragment, null,
+        props.show && (React.createElement(Buttons.CircleButton, { style: {
+                backgroundColor: Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "fixed",
+                bottom: 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(true) },
+            React.createElement(Icons.EvaIcon, { icon: "plus-outline", size: "large", color: Styles.COLORS.WHITE }))),
+        !props.show && (React.createElement(Buttons.CircleButton, { style: {
+                backgroundColor: Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "fixed",
+                bottom: 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(false) },
+            React.createElement(Icons.EvaIcon, { icon: "minus-outline", size: "large", color: Styles.COLORS.WHITE })))));
+};
+export const ButtonCircleAddRemoveBottom = (props) => {
+    var _a, _b;
+    return (React.createElement(React.Fragment, null,
+        props.show && (React.createElement(Buttons.CircleButton, { style: {
+                backgroundColor: Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "absolute",
+                bottom: ((_a = props.style) === null || _a === void 0 ? void 0 : _a.bottom) || 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(true) },
+            React.createElement(Icons.EvaIcon, { icon: "plus-outline", size: "large", color: Styles.COLORS.WHITE }))),
+        !props.show && (React.createElement(Buttons.CircleButton, { style: {
+                backgroundColor: Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "absolute",
+                bottom: ((_b = props.style) === null || _b === void 0 ? void 0 : _b.bottom) || 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(false) },
+            React.createElement(Icons.EvaIcon, { icon: "minus-outline", size: "large", color: Styles.COLORS.WHITE })))));
+};
+export const CircleButton = (props) => (React.createElement("div", { style: props.style, className: "rounded-full h-7 w-7 border border-gray-300 text-gray-400 flex justify-center items-center", onClick: props.onClick }, props.children));
+//# sourceMappingURL=buttons.js.map

package/lib/esm/library/components/Atoms/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/buttons.tsx"],"names":[],"mappings":"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"}

package/lib/esm/library/components/Atoms/carousel.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface CarouselProps {
+    images?: string[];
+}
+export declare const Carousel: (props: CarouselProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Atoms/carousel.js

@@ -0,0 +1,20 @@
+import React from "react";
+export const Carousel = (props) => {
+    var _a, _b, _c, _d;
+    const [currentSlide, setCurrentSlide] = React.useState(0);
+    return (React.createElement("div", { className: "overflow-hidden relative" },
+        React.createElement("div", { style: {
+                width: (((_a = props.images) === null || _a === void 0 ? void 0 : _a.length) || 1) * 100 + "%",
+                transform: `translateX(${-(currentSlide / (((_b = props.images) === null || _b === void 0 ? void 0 : _b.length) || 1)) * 100}%)`,
+            }, className: "flex flex-row items-start transition-transform ease-in-out duration-500" }, (_c = props.images) === null || _c === void 0 ? void 0 : _c.map((image, key) => {
+            var _a;
+            return (React.createElement("img", { key: key, src: image, style: { width: 100 / (((_a = props.images) === null || _a === void 0 ? void 0 : _a.length) || 1) + "%" }, alt: image }));
+        })),
+        currentSlide > 0 && (React.createElement("button", { style: { transform: "translateY(-50%)" }, onClick: () => setCurrentSlide(currentSlide - 1), className: "absolute w-6 h-6 bg-white rounded-full top-1/2 left-2 flex justify-center items-center shadow-sm hover:shadow-lg" },
+            React.createElement("svg", { className: "w-4 h-4 text-indigo-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })))),
+        currentSlide < (((_d = props.images) === null || _d === void 0 ? void 0 : _d.length) || 1) - 1 && (React.createElement("button", { style: { transform: "translateY(-50%)" }, onClick: () => setCurrentSlide(currentSlide + 1), className: "absolute w-6 h-6 bg-white rounded-full top-1/2 right-2 flex justify-center items-center shadow-sm hover:shadow-lg" },
+            React.createElement("svg", { className: "w-4 h-4 text-indigo-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }))))));
+};
+//# sourceMappingURL=carousel.js.map

package/lib/esm/library/components/Atoms/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzD,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;gBAC9C,SAAS,EAAE,cACT,CAAC,CAAC,YAAY,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,CAAC,GAAG,GAClD,IAAI;aACL,EACD,SAAS,EAAC,yEAAyE,IAElF,MAAA,KAAK,CAAC,MAAM,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;YAAC,OAAA,CACjC,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,GAAG,EAAE,EACzD,GAAG,EAAE,KAAK,GACV,CACH,CAAA;SAAA,CAAC,CACE;QACL,YAAY,GAAG,CAAC,IAAI,CACnB,gCACE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,EAChD,SAAS,EAAC,kHAAkH;YAE5H,6BACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,iBAAiB,GACnB,CACE,CACC,CACV;QACA,YAAY,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CACjD,gCACE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,EAChD,SAAS,EAAC,mHAAmH;YAE7H,6BACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,cAAc,GAChB,CACE,CACC,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA"}