phx-uikit 1.0.0

package/dist/cjs/components/DescriptionLists/DescriptionLists.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionLists.js","sourceRoot":"","sources":["../../../../src/components/DescriptionLists/DescriptionLists.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AASrC,SAAgB,mBAAmB,CAAC,EAA8E;QAA5E,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IACvF,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtF,yCAAI,SAAS,EAAC,0BAA0B,IACrC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,0CACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAE,IAAA,kBAAU,EACnB,iCAAiC,EACjC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAC7C;gBAED,yCAAI,SAAS,EAAC,6CAA6C,IAAE,IAAI,CAAC,KAAK,CAAM;gBAC7E,yCAAI,SAAS,EAAC,4DAA4D,IAAE,IAAI,CAAC,WAAW,CAAM,CAC9F,CACP,EAZoB,CAYpB,CAAC,CACC,CACD,CACF,CACP,CAAA;AACH,CAAC;AAtBD,kDAsBC"}

package/dist/cjs/components/DescriptionLists/index.d.ts

@@ -0,0 +1 @@
+export * from './DescriptionLists';

package/dist/cjs/components/DescriptionLists/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DescriptionLists"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DescriptionLists/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DescriptionLists/index.ts"],"names":[],"mappings":";;;AAAA,6DAAkC"}

package/dist/cjs/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import * as SolidIcons from '@heroicons/react/24/solid';
+import * as OutlineIcons from '@heroicons/react/24/outline';
+export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
+export interface DropdownProps {
+    className?: string;
+    buttonContent?: string;
+    optionTitle?: string;
+    options?: Array<{
+        content?: string;
+        icon?: IconName;
+        iconOutline?: boolean;
+        active?: boolean;
+        destructive?: boolean;
+        onClick?(): void;
+    }>;
+    origin?: 'left' | 'right' | 'top-left';
+    type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon' | 'soft-small';
+    defaultDate?: string;
+    max?: string;
+    min?: string;
+    startDisabled?: string;
+    endDisabled?: string;
+    disabledDate?: Array<string>;
+    onChangeDate?(): void;
+    soft?: boolean;
+    widthContent?: any;
+}
+export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type, origin, defaultDate, onChangeDate, soft, max, min, startDisabled, endDisabled, disabledDate, widthContent, }: DropdownProps): React.JSX.Element;

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -0,0 +1,55 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXDropdown = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var SolidIcons = tslib_1.__importStar(require("@heroicons/react/24/solid"));
+var OutlineIcons = tslib_1.__importStar(require("@heroicons/react/24/outline"));
+var Calendar_1 = tslib_1.__importDefault(require("../DatePicker/components/Calendar"));
+var types_1 = require("../types");
+function PHXDropdown(_a) {
+    var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.origin, origin = _c === void 0 ? 'left' : _c, defaultDate = _a.defaultDate, onChangeDate = _a.onChangeDate, _d = _a.soft, soft = _d === void 0 ? false : _d, max = _a.max, min = _a.min, startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, widthContent = _a.widthContent;
+    var Icon = function (_a) {
+        var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
+        // @ts-ignore
+        var Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
+        return react_1["default"].createElement(Icon, { className: (0, types_1.classNames)('w-4 h-4', active && 'font-semibold') });
+    };
+    return (react_1["default"].createElement("div", { className: (0, types_1.classNames)('max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
+        react_1["default"].createElement(react_2.Menu, { as: 'div', className: (0, types_1.classNames)('w-full relative inline-block text-left', className && "".concat(className), type === 'ellipsis-icon' && 'flex items-center') }, function (_a) {
+            var open = _a.open;
+            return (react_1["default"].createElement(react_1["default"].Fragment, null,
+                react_1["default"].createElement("div", null,
+                    react_1["default"].createElement(react_2.Menu.Button, { className: (0, types_1.classNames)('w-full', (type === 'default' || type === 'date-picker') &&
+                            !soft &&
+                            "rounded-lg border border-gray-300 border-b-gray-400 bg-white px-2.5 py-1.5 text-xs font-normal text-gray-900 shadow-sm hover:bg-gray-50 active:border-b-gray-100 active:bg-gray-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!border-b-gray-100 !bg-gray-100 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'icon-only' &&
+                            !soft &&
+                            'flex items-center rounded-full bg-gray-100 text-gray-600 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100', soft &&
+                            "px-2.5 py-1.5 text-xs rounded-lg active:pt-[0.45rem] active:pb-[0.3rem] bg-indigo-50 font-normal text-gray-700 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!bg-indigo-100 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'soft-small' &&
+                            "rounded-lg bg-gray-200 px-2 py-1 text-xs hover:bg-gray-300 active:pb-[0.2rem] active:pt-[0.35rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]\n                      ".concat(open ? '!bg-gray-300 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : '', "\n                    "), type === 'ellipsis-icon' && 'flex items-center') },
+                        react_1["default"].createElement("div", { className: (0, types_1.classNames)((type === 'default' || type === 'date-picker' || type === 'soft-small') &&
+                                'flex items-center gap-x-1 text-gray-900 md:justify-center justify-between', type === 'ellipsis-icon' && 'flex items-center') },
+                            react_1["default"].createElement("p", { className: (0, types_1.classNames)('max-w-[200px] truncate', type === 'icon-only' && 'sr-only') }, buttonContent),
+                            (type === 'default' || type === 'date-picker' || type === 'soft-small') &&
+                                (open && origin === 'top-left' ? (react_1["default"].createElement(solid_1.ChevronUpIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' })) : (react_1["default"].createElement(solid_1.ChevronDownIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' }))),
+                            type === 'icon-only' && react_1["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }),
+                            type === 'ellipsis-icon' && (react_1["default"].createElement("div", { className: 'p-1 hover:bg-gray-300 rounded-lg' },
+                                react_1["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))))),
+                react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+                    react_1["default"].createElement(react_2.Menu.Items, { className: (0, types_1.classNames)(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'px-1 border', 'whitespace-nowrap absolute z-10 max-h-96 overflow-y-auto mt-1.5 min-w-[7.2rem] rounded-lg bg-white focus:outline-none shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)]') }, type === 'date-picker' ? (react_1["default"].createElement(Calendar_1["default"], { onChangeDate: onChangeDate, defaultDate: defaultDate, max: max, min: min, startDisabled: startDisabled, endDisabled: endDisabled, disabledDate: disabledDate })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+                        optionTitle && react_1["default"].createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
+                        react_1["default"].createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (react_1["default"].createElement(react_2.Menu.Item, { key: item.content }, function (_a) {
+                            var active = _a.active;
+                            return (react_1["default"].createElement("div", { className: (0, types_1.classNames)(active ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active &&
+                                    !item.destructive &&
+                                    'bg-gray-200 rounded-lg font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'text-red-800 font-semibold bg-red-200 rounded-lg'), onClick: item.onClick },
+                                react_1["default"].createElement("div", { className: (0, types_1.classNames)(item.icon && 'flex gap-x-2 items-center') },
+                                    item.icon && (react_1["default"].createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline })),
+                                    react_1["default"].createElement("p", { className: "".concat(widthContent, " overflow-ellipsis whitespace-normal break-words") }, item.content))));
+                        })); }))))))));
+        })));
+}
+exports.PHXDropdown = PHXDropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/components/Dropdown/Dropdown.js.map

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

package/dist/cjs/components/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Dropdown';

package/dist/cjs/components/Dropdown/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Dropdown"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}

package/dist/cjs/components/EmptyRecord/EmptyRecord.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ComplexAction } from '../types';
+export interface PHXEmptyRecordProps {
+    className?: string;
+    border?: boolean;
+    primaryAction?: ComplexAction;
+    secondaryAction?: ComplexAction;
+    type?: 'default' | 'small' | 'micro';
+}
+export declare function PHXEmptyRecord({ className, border, type }: PHXEmptyRecordProps): React.JSX.Element;

package/dist/cjs/components/EmptyRecord/EmptyRecord.js

@@ -0,0 +1,34 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXEmptyRecord = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var EmptySvg_1 = tslib_1.__importDefault(require("./EmptySvg"));
+function PHXEmptyRecord(_a) {
+    var className = _a.className, border = _a.border, _b = _a.type, type = _b === void 0 ? 'default' : _b;
+    var emptyTitle = 'Dữ liệu đang trống';
+    return (react_1["default"].createElement("div", { className: className },
+        type === 'default' && (react_1["default"].createElement("div", { className: "bg-white  sm:rounded-lg ".concat(border ? 'border shadow' : '') },
+            react_1["default"].createElement("div", { className: 'flex flex-col' },
+                react_1["default"].createElement("div", { className: 'min-w-full px-6 py-2 pb-16 pt-16 align-middle md:px-6 md:pr-0 lg:px-8' },
+                    react_1["default"].createElement("div", { className: 'px-4 pb-14' },
+                        react_1["default"].createElement("div", { className: 'text-center' },
+                            react_1["default"].createElement(EmptySvg_1["default"], null),
+                            react_1["default"].createElement("span", { className: 'text-sm font-normal mt-4 text-gray-500' }, emptyTitle))))))),
+        type === 'small' && (react_1["default"].createElement("div", { className: "bg-white  sm:rounded-lg ".concat(border ? 'border shadow' : '') },
+            react_1["default"].createElement("div", { className: 'flex flex-col' },
+                react_1["default"].createElement("div", { className: 'min-w-full px-6 py-2 pb-10 pt-10 align-middle md:px-6 md:pr-0 lg:px-8' },
+                    react_1["default"].createElement("div", { className: 'px-4' },
+                        react_1["default"].createElement("div", { className: 'text-center' },
+                            react_1["default"].createElement(EmptySvg_1["default"], null),
+                            react_1["default"].createElement("span", { className: 'text-xs font-normal text-gray-500' }, emptyTitle))))))),
+        type === 'micro' && (react_1["default"].createElement("div", { className: "bg-white  sm:rounded-lg ".concat(border ? 'border shadow' : '') },
+            react_1["default"].createElement("div", { className: 'flex flex-col' },
+                react_1["default"].createElement("div", { className: 'min-w-full px-6 py-2 pb-8 pt-8 align-middle md:px-6 md:pr-0 lg:px-8' },
+                    react_1["default"].createElement("div", { className: 'px-4 pb-5' },
+                        react_1["default"].createElement("div", { className: 'text-center' },
+                            react_1["default"].createElement(EmptySvg_1["default"], null),
+                            react_1["default"].createElement("span", { className: 'text-xs font-normal text-gray-500' }, emptyTitle)))))))));
+}
+exports.PHXEmptyRecord = PHXEmptyRecord;
+//# sourceMappingURL=EmptyRecord.js.map

package/dist/cjs/components/EmptyRecord/EmptyRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,gEAAiC;AAUjC,SAAgB,cAAc,CAAC,EAA4D;QAA1D,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAClE,IAAM,UAAU,GAAG,oBAAoB,CAAA;IACvC,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,IAAI,KAAK,SAAS,IAAI,CACrB,0CAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE;YACxE,0CAAK,SAAS,EAAC,eAAe;gBAC5B,0CAAK,SAAS,EAAC,uEAAuE;oBACpF,0CAAK,SAAS,EAAC,YAAY;wBACzB,0CAAK,SAAS,EAAC,aAAa;4BAC1B,iCAAC,qBAAQ,OAAG;4BACZ,2CAAM,SAAS,EAAC,wCAAwC,IAAE,UAAU,CAAQ,CACxE,CACF,CACF,CACF,CACF,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,0CAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE;YACxE,0CAAK,SAAS,EAAC,eAAe;gBAC5B,0CAAK,SAAS,EAAC,uEAAuE;oBACpF,0CAAK,SAAS,EAAC,MAAM;wBACnB,0CAAK,SAAS,EAAC,aAAa;4BAC1B,iCAAC,qBAAQ,OAAG;4BACZ,2CAAM,SAAS,EAAC,mCAAmC,IAAE,UAAU,CAAQ,CACnE,CACF,CACF,CACF,CACF,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,0CAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE;YACxE,0CAAK,SAAS,EAAC,eAAe;gBAC5B,0CAAK,SAAS,EAAC,qEAAqE;oBAClF,0CAAK,SAAS,EAAC,WAAW;wBACxB,0CAAK,SAAS,EAAC,aAAa;4BAC1B,iCAAC,qBAAQ,OAAG;4BACZ,2CAAM,SAAS,EAAC,mCAAmC,IAAE,UAAU,CAAQ,CACnE,CACF,CACF,CACF,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC;AAhDD,wCAgDC"}

package/dist/cjs/components/EmptyRecord/EmptySvg.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function EmptySvg(): React.JSX.Element;

package/dist/cjs/components/EmptyRecord/EmptySvg.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function EmptySvg() {
+    return (react_1["default"].createElement("div", { className: 'md:w-2/3 lg:w-1/4 sm:w-2/5 mx-auto flex justify-center items-center' },
+        react_1["default"].createElement("svg", { width: '111', height: '111', viewBox: '0 0 111 111', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M48.3074 35.9801C49.6876 35.4318 51.2585 35.0537 53.0013 34.8784C53.474 34.832 53.8177 34.4109 53.7713 33.9382C53.7232 33.4673 53.3021 33.1218 52.8312 33.1682C50.9147 33.3607 49.1891 33.7801 47.6732 34.3834C47.2315 34.557 47.0166 35.0571 47.1919 35.4989C47.3672 35.9389 47.8674 36.1554 48.3074 35.9801Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M57.2123 34.8458C59.2439 34.9988 61.1036 35.0314 62.8017 34.9592C63.2761 34.9403 63.6456 34.5399 63.625 34.0655C63.6061 33.5911 63.2039 33.2233 62.7313 33.2422C61.0933 33.3109 59.3006 33.2783 57.3413 33.1305C56.8686 33.0961 56.4561 33.4502 56.42 33.9228C56.3839 34.3972 56.7397 34.8097 57.2123 34.8458Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M67.442 34.4504C69.4461 34.074 71.1459 33.5171 72.5742 32.8314C73.0022 32.6251 73.1826 32.1112 72.9764 31.685C72.7719 31.257 72.2579 31.0765 71.83 31.2811C70.5203 31.9101 68.9614 32.4171 67.124 32.7626C66.6583 32.8503 66.3506 33.2989 66.4383 33.7664C66.5259 34.2321 66.9762 34.5381 67.442 34.4504Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M76.0772 30.444C77.6172 28.9573 78.5213 27.2454 78.9286 25.5043C79.0369 25.042 78.7482 24.5796 78.2876 24.4714C77.8252 24.3631 77.3629 24.6518 77.2546 25.1125C76.9177 26.5579 76.1615 27.9742 74.8844 29.2065C74.5424 29.5365 74.5321 30.0814 74.8621 30.4217C75.1921 30.7637 75.7352 30.774 76.0772 30.444Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M78.5196 19.5867C77.8373 17.7751 76.6806 16.2369 75.2712 15.264C74.881 14.9959 74.3465 15.0939 74.0767 15.484C73.8068 15.8742 73.9048 16.4104 74.2967 16.6803C75.4362 17.4658 76.3592 18.7239 76.9109 20.1917C77.0776 20.6351 77.5726 20.8603 78.0178 20.6936C78.4612 20.5269 78.6864 20.0301 78.5196 19.5867Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M56.1275 15.2606C57.0711 10.8331 60.8317 8.67951 63.5439 8.66404C64.4342 8.65889 65.206 8.86858 65.6064 9.40483C65.8436 9.72279 65.9158 10.149 65.8247 10.6715C65.7439 11.139 66.0585 11.5842 66.526 11.665C66.9935 11.7458 67.4386 11.4312 67.5194 10.9637C67.705 9.88951 67.4713 9.02842 66.9831 8.37701C66.3008 7.46092 65.0496 6.9367 63.5353 6.94529C60.2336 6.9642 55.5947 9.51311 54.4466 14.9031C54.3469 15.3672 54.6425 15.8226 55.1066 15.9223C55.5706 16.022 56.0278 15.7247 56.1275 15.2606Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M54.4535 15.264C55.6171 20.6265 60.2388 23.1634 63.5319 23.184C65.163 23.1926 66.4847 22.5859 67.131 21.5357C67.5212 20.9032 67.6913 20.0971 67.5091 19.1123C67.2857 17.9006 66.4882 16.3485 64.8193 14.506C64.5013 14.1537 63.9565 14.1262 63.6058 14.4442C63.2535 14.7638 63.226 15.307 63.5457 15.6593C64.7076 16.9432 65.3968 18.0381 65.6993 18.9576C65.9279 19.6588 65.9227 20.2209 65.6683 20.6351C65.438 21.0081 65.0255 21.2332 64.5288 21.357C63.9049 21.5117 63.1572 21.4996 62.3683 21.3329C59.8469 20.8001 56.956 18.6912 56.1344 14.8996C56.033 14.4356 55.5758 14.1417 55.1118 14.2413C54.6477 14.3427 54.3538 14.7999 54.4535 15.264Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M55.0601 16.8007H66.5671C67.5158 16.8007 68.2858 16.0307 68.2858 15.0819C68.2858 14.1332 67.5158 13.3632 66.5671 13.3632H55.0601C54.1113 13.3632 53.3413 14.1332 53.3413 15.0819C53.3413 16.0307 54.1113 16.8007 55.0601 16.8007Z', fill: '#B4B4B4' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M20.2656 83.8937V93.5342C20.2656 95.4317 21.51 97.104 23.3284 97.6488C30.2344 99.7216 49.6597 105.55 54.2659 106.93C55.0703 107.172 55.9297 107.172 56.7341 106.93C61.3403 105.55 80.7656 99.7216 87.6716 97.6488C89.49 97.104 90.7344 95.4317 90.7344 93.5342C90.7344 88.9451 90.7344 79.7893 90.7344 79.7893C90.7344 79.3149 90.3494 78.9299 89.875 78.9299C89.4006 78.9299 89.0156 79.3149 89.0156 79.7893V93.5342C89.0156 94.672 88.268 95.6757 87.1783 96.004C80.2723 98.0751 60.8453 103.903 56.2408 105.285C55.7578 105.43 55.2422 105.43 54.7592 105.285L23.8217 96.004C22.732 95.6757 21.9844 94.672 21.9844 93.5342V83.8937C21.9844 83.4193 21.5994 83.0343 21.125 83.0343C20.6506 83.0343 20.2656 83.4193 20.2656 83.8937Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M18.2652 64.4203C18.2652 64.4203 13.9134 70.8724 11.6893 74.169C11.2373 74.8393 11.1255 75.6849 11.3902 76.4498C11.6532 77.2146 12.2599 77.8128 13.0299 78.062L43.9588 88.1115C45.0519 88.4656 46.2465 88.0565 46.891 87.106C49.1959 83.7029 56.2118 73.3526 56.2118 73.3526C56.363 73.1292 56.4009 72.8473 56.3132 72.5912C56.2255 72.3351 56.0227 72.1357 55.7649 72.0532L21.3899 60.8985C20.9396 60.7524 20.4549 60.9999 20.3071 61.452C20.161 61.9023 20.4085 62.387 20.8605 62.5348L54.1476 73.3354L45.4679 86.1418C45.253 86.4581 44.8543 86.5956 44.4899 86.477L13.561 76.4274C13.3049 76.3432 13.1021 76.1456 13.0144 75.8895C12.9268 75.6351 12.9646 75.3532 13.1141 75.1298L19.6901 65.381C19.9565 64.9874 19.8516 64.4529 19.458 64.1882C19.0662 63.9218 18.5316 64.0267 18.2652 64.4203Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M84.7207 62.485L55.2355 72.0532C54.7835 72.1993 54.536 72.684 54.6821 73.1361C54.8299 73.5864 55.3146 73.8339 55.7649 73.6878L85.2501 64.1212C85.7021 63.9751 85.9496 63.4887 85.8035 63.0384C85.6557 62.5864 85.171 62.3389 84.7207 62.485Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M57.2223 76.9431C57.2223 76.9431 62.2084 84.2993 64.1093 87.1061C64.7539 88.0565 65.9484 88.4656 67.0415 88.1115C72.1101 86.465 91.4409 80.1829 97.9704 78.062C98.7404 77.8128 99.3471 77.2147 99.6101 76.4498C99.8748 75.685 99.7631 74.8393 99.311 74.169C96.616 70.1729 90.5884 61.2354 90.5884 61.2354C90.322 60.8436 89.7875 60.7387 89.3939 61.0034C89.002 61.2698 88.8971 61.8043 89.1618 62.1979C89.1618 62.1979 95.1912 71.1337 97.8862 75.1298C98.0357 75.3533 98.0735 75.6351 97.9859 75.8895C97.8982 76.1456 97.6954 76.3432 97.4393 76.4275L66.5104 86.477C66.146 86.5956 65.7473 86.4581 65.5325 86.1418L58.6454 75.9789C58.379 75.5853 57.8445 75.4839 57.4509 75.7503C57.059 76.015 56.9559 76.5512 57.2223 76.9431Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M26.6116 60.835L55.7668 51.344C56.0229 51.2598 56.2257 51.0604 56.3133 50.8044C56.401 50.5483 56.3632 50.2664 56.2102 50.0429C56.2102 50.0429 50.0365 40.9628 47.8897 37.8054C47.2452 36.8584 46.0524 36.4494 44.961 36.8034L14.0304 46.8529C13.2604 47.1039 12.6537 47.7003 12.389 48.4669C12.126 49.2317 12.2377 50.0756 12.6897 50.7476C15.1716 54.4275 20.4121 62.1979 20.4121 62.1979C20.6785 62.5898 21.213 62.6947 21.6066 62.4283C21.9985 62.1636 22.1033 61.629 21.8387 61.2355C21.8387 61.2355 16.5965 53.4667 14.1146 49.7869C13.9633 49.5617 13.9272 49.2815 14.0149 49.0254C14.1026 48.7711 14.3054 48.5717 14.5615 48.4875L45.4921 38.4379C45.8565 38.3194 46.2535 38.4569 46.4683 38.7714L54.146 50.0636L26.0805 59.2004C25.6285 59.3465 25.3827 59.8329 25.5288 60.2833C25.6766 60.7336 26.1613 60.9811 26.6116 60.835Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M55.2339 51.344L89.6089 62.5331C89.9733 62.6517 90.3738 62.5159 90.5886 62.1979C90.5886 62.1979 95.8291 54.4275 98.311 50.7476C98.763 50.0756 98.8747 49.2317 98.6117 48.4669C98.347 47.7003 97.7403 47.1039 96.9703 46.8529L66.0397 36.8034C64.9483 36.4494 63.7555 36.8584 63.111 37.8054L57.0988 46.6467C56.8324 47.0403 56.9338 47.5748 57.3256 47.8412C57.7192 48.1076 58.2538 48.0062 58.5202 47.6144L64.5324 38.7714C64.7472 38.4569 65.1442 38.3194 65.5086 38.4379L96.4392 48.4875C96.6953 48.5717 96.8981 48.7711 96.9858 49.0254C97.0735 49.2815 97.0374 49.5617 96.8861 49.7869L89.5247 60.6992L55.7667 49.7095C55.3147 49.5617 54.83 49.8092 54.6839 50.2612C54.5361 50.7115 54.7836 51.1962 55.2339 51.344Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M81.5341 61.7133L55.5002 70.1593L29.4663 61.7133L55.5002 53.2382L81.5341 61.7133Z', fill: '#B4B4B4' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M46.903 50.4469C46.4407 49.7955 46.0437 49.1406 45.7102 48.4858C45.4954 48.063 44.978 47.8945 44.5552 48.1111C44.1324 48.3259 43.964 48.8433 44.1788 49.2661C44.5484 49.9931 44.9884 50.7202 45.5023 51.4438C45.7773 51.8305 46.3135 51.9198 46.7002 51.6466C47.087 51.3716 47.178 50.8336 46.903 50.4469Z', fill: '#B8B8B8' }),
+            react_1["default"].createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M44.5189 44.9108C44.3642 43.9311 44.3573 42.9738 44.4931 42.056C44.5619 41.5868 44.237 41.1502 43.7678 41.0814C43.2986 41.0127 42.862 41.3375 42.7916 41.8068C42.6334 42.8896 42.6386 44.0205 42.8208 45.1772C42.8947 45.6464 43.3347 45.9661 43.8039 45.8922C44.2714 45.8183 44.5928 45.3783 44.5189 44.9108Z', fill: '#B8B8B8' }))));
+}
+exports["default"] = EmptySvg;
+//# sourceMappingURL=EmptySvg.js.map

package/dist/cjs/components/EmptyRecord/EmptySvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySvg.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptySvg.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,QAAQ;IAC9B,OAAO,CACL,0CAAK,SAAS,EAAC,qEAAqE;QAClF,0CAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAChG,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2SAA2S,EAC7S,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0eAA0e,EAC5e,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,unBAAunB,EACznB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mOAAmO,EACrO,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,usBAAusB,EACzsB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,swBAAswB,EACxwB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8OAA8O,EAChP,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ssBAAssB,EACxsB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yyBAAyyB,EAC3yB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2rBAA2rB,EAC7rB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4SAA4S,EAC9S,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd,CACE,CACF,CACP,CAAA;AACH,CAAC;AA7GD,8BA6GC"}

package/dist/cjs/components/EmptyRecord/index.d.ts

@@ -0,0 +1 @@
+export * from './EmptyRecord';

package/dist/cjs/components/EmptyRecord/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EmptyRecord"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/EmptyRecord/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B"}

package/dist/cjs/components/FormLayout/FormLayout.d.ts

@@ -0,0 +1,18 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface FormLayoutProps {
+    list: {
+        label?: string;
+        helpText?: string;
+        register?: UseFormRegisterReturn;
+        error?: boolean;
+        errorMessageCustom?: string;
+        errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
+        rest?: InputHTMLAttributes<HTMLInputElement> & {};
+    } | any;
+    className?: string;
+    numberOfInputInRow: number;
+    textArea?: boolean;
+    row?: number;
+}
+export declare function PHXFormLayout({ className, list, numberOfInputInRow, textArea, row }: FormLayoutProps): React.JSX.Element;

package/dist/cjs/components/FormLayout/FormLayout.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXFormLayout = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/ban-types */
+var react_1 = tslib_1.__importDefault(require("react"));
+var Input_1 = require("../Input/Input");
+var types_1 = require("../types");
+var Textarea_1 = require("../Textarea");
+function PHXFormLayout(_a) {
+    var className = _a.className, list = _a.list, numberOfInputInRow = _a.numberOfInputInRow, textArea = _a.textArea, row = _a.row;
+    var numberOfInput = (0, types_1.classNames)(numberOfInputInRow === 1 && 'md:grid-cols-1', numberOfInputInRow === 2 && 'md:grid-cols-2', numberOfInputInRow === 3 && 'md:grid-cols-3', numberOfInputInRow === 4 && 'md:grid-cols-4', numberOfInputInRow === 5 && 'md:grid-cols-5');
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("div", { className: "grid gap-y-3 gap-x-5 ".concat(numberOfInput) }, list.map(function (item, index) { return (react_1["default"].createElement(react_1["default"].Fragment, null, textArea ? (react_1["default"].createElement("div", { key: index },
+            react_1["default"].createElement(Textarea_1.PHXTextarea, tslib_1.__assign({ rows: row, key: index, label: item.label, register: item.register, helpText: item.helpText, error: item.error, errorMessageCustom: item.errorMessageCustom, errorType: item.errorType }, item.rest)))) : (react_1["default"].createElement("div", { key: index },
+            react_1["default"].createElement(Input_1.PHXInput, tslib_1.__assign({ key: index, label: item.label, register: item.register, helpText: item.helpText, error: item.error, errorMessageCustom: item.errorMessageCustom, errorType: item.errorType }, item.rest)))))); }))));
+}
+exports.PHXFormLayout = PHXFormLayout;
+//# sourceMappingURL=FormLayout.js.map

package/dist/cjs/components/FormLayout/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":";;;;AAAA,iDAAiD;AACjD,wDAAkD;AAElD,wCAAyC;AACzC,kCAAqC;AACrC,wCAAyC;AA0BzC,SAAgB,aAAa,CAAC,EAAuE;QAArE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,kBAAkB,wBAAA,EAAE,QAAQ,cAAA,EAAE,GAAG,SAAA;IAChF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,CAC7C,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CAAK,SAAS,EAAE,+BAAwB,aAAa,CAAE,IACpD,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CACtC,oEACG,QAAQ,CAAC,CAAC,CAAC,CACV,0CAAK,GAAG,EAAE,KAAK;YACb,iCAAC,sBAAW,qBACV,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,SAAS,EAAE,IAAI,CAAC,SAAS,IACrB,IAAI,CAAC,IAAI,EACb,CACE,CACP,CAAC,CAAC,CAAC,CACF,0CAAK,GAAG,EAAE,KAAK;YACb,iCAAC,gBAAQ,qBACP,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,SAAS,EAAE,IAAI,CAAC,SAAS,IACrB,IAAI,CAAC,IAAI,EACb,CACE,CACP,CACA,CACJ,EA/BuC,CA+BvC,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AA9CD,sCA8CC"}

package/dist/cjs/components/FormLayout/index.d.ts

@@ -0,0 +1 @@
+export * from './FormLayout';

package/dist/cjs/components/FormLayout/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FormLayout"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/FormLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormLayout/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/components/FormStep/FormStep.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { FooterBarProps } from '../FormWrap';
+export interface FormStepProps {
+    className?: string;
+    register?: UseFormRegisterReturn;
+    steps?: Array<{
+        step: number;
+        title: string;
+        status?: 'current' | 'complete' | 'upcoming';
+        component: ReactNode;
+        required?: boolean;
+    }>;
+    nextLabel: string;
+    backLabel: string;
+    formMode: 'addNew' | 'edit' | 'readOnly';
+    onSubmit: any;
+    size?: FooterBarProps['size'];
+    title: FooterBarProps['title'];
+    triggerStep?: Array<{
+        step: number;
+        onNext?: any;
+        onBack?: any;
+        isNext?: boolean;
+        isBack?: boolean;
+    }>;
+    backRout: any;
+    isLoading?: boolean;
+    deleted?: boolean;
+    onDelete?(): void;
+}
+export declare const PHXFormStep: React.FC<FormStepProps>;

package/dist/cjs/components/FormStep/FormStep.js

@@ -0,0 +1,173 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXFormStep = void 0;
+var tslib_1 = require("tslib");
+var solid_1 = require("@heroicons/react/24/solid");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var FormWrap_1 = require("../FormWrap");
+var Card_1 = require("../Card");
+var PHXFormStep = function (_a) {
+    var _b;
+    var backLabel = _a.backLabel, backRout = _a.backRout, className = _a.className, formMode = _a.formMode, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, nextLabel = _a.nextLabel, onSubmit = _a.onSubmit, _d = _a.size, size = _d === void 0 ? 'large' : _d, steps = _a.steps, title = _a.title, triggerStep = _a.triggerStep, _e = _a.deleted, deleted = _e === void 0 ? false : _e, onDelete = _a.onDelete;
+    var _f = (0, react_1.useState)(1), currentStep = _f[0], setCurrentStep = _f[1];
+    var _g = (0, react_1.useState)([]), listSteps = _g[0], setListSteps = _g[1];
+    var form = (0, react_hook_form_1.useForm)();
+    function findNextStepCurrent(item) {
+        return item.step === currentStep + 1 && item.status !== 'complete';
+    }
+    var nextStep = function (data, stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var isPass, funcCallNextStep, satusCurrentStep, error_1;
+        var _a, _b;
+        return tslib_1.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 3, , 4]);
+                    isPass = true;
+                    funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
+                    satusCurrentStep = (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.status;
+                    if (!funcCallNextStep) return [3 /*break*/, 2];
+                    return [4 /*yield*/, funcCallNextStep(data, satusCurrentStep)];
+                case 1:
+                    isPass = _c.sent();
+                    _c.label = 2;
+                case 2:
+                    // Dựa vào giá trị của hàm triggerStep trả về để quyết định xem Step có pass hay không
+                    if (!isPass)
+                        return [2 /*return*/];
+                    if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
+                        onSubmit(data);
+                        return [2 /*return*/];
+                    }
+                    listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
+                        if (findNextStepCurrent(item)) {
+                            // Cập nhật trạng thái cho thằng step tiếp theo
+                            item.status = 'current';
+                        }
+                        if (item.step === currentStep)
+                            item.status = 'complete';
+                    });
+                    // Kiểm tra xem có thằng StepItem truyền đến không và Step đó phải khác upcoming thì mới cho truyển đến Step đó
+                    if (stepItem && stepItem.step && stepItem.status !== 'upcoming') {
+                        setCurrentStep(stepItem.step);
+                    }
+                    else {
+                        setCurrentStep(function (currentStep) { return currentStep + 1; });
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _c.sent();
+                    console.error;
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    // Tạo một hàm trung gian để xử lý việc gọi hàm nextStep với tham số bổ sung.
+    var handleNextStepWithParam = function (stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var onSubmitWithParam;
+        return tslib_1.__generator(this, function (_a) {
+            onSubmitWithParam = form.handleSubmit(function (data) { return nextStep(data, stepItem); });
+            onSubmitWithParam();
+            return [2 /*return*/];
+        });
+    }); };
+    var handleBackStep = function (stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var funcCallBackStep;
+        var _a;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
+                    if (!(funcCallBackStep && formMode !== 'readOnly')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, funcCallBackStep()];
+                case 1:
+                    _b.sent();
+                    _b.label = 2;
+                case 2:
+                    if (stepItem && stepItem.step) {
+                        setCurrentStep(stepItem.step);
+                    }
+                    else {
+                        setCurrentStep(function (currentStep) { return currentStep - 1; });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleNextStep = function () {
+        setCurrentStep(function (currentStep) { return currentStep + 1; });
+    };
+    var handleFindSubmitText = function (formMode) {
+        switch (formMode) {
+            case 'addNew':
+                return 'Thêm mới';
+            case 'edit':
+                return 'Cập nhật';
+            case 'readOnly':
+                return '';
+            default:
+                return 'Submit';
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (steps) {
+            var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
+                if (index === 0) {
+                    return tslib_1.__assign(tslib_1.__assign({}, item), { status: 'current' });
+                }
+                else {
+                    return tslib_1.__assign(tslib_1.__assign({}, item), { status: 'upcoming' });
+                }
+            });
+            if (formMode !== 'addNew') {
+                listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { status: 'complete' })); });
+            }
+            setListSteps(listNew);
+        }
+    }, []);
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement(react_hook_form_1.FormProvider, tslib_1.__assign({}, form),
+            react_1["default"].createElement(FormWrap_1.PHXFormWrap, { className: 'w-full', footerAction: deleted, onCancel: backRout, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), size: size, title: title, deleted: deleted, onlyDelete: deleted, onDelete: onDelete },
+                react_1["default"].createElement(Card_1.PHXCard, { primaryFooterAction: {
+                        content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? handleFindSubmitText(formMode) : nextLabel,
+                        // content: currentStep === listSteps?.length ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
+                        submit: true,
+                        loading: isLoading
+                    }, secondaryFooterActions: [
+                        {
+                            content: currentStep !== 1 ? backLabel : '',
+                            onClick: handleBackStep
+                        },
+                    ] },
+                    react_1["default"].createElement("nav", { "aria-label": 'Progress' },
+                        react_1["default"].createElement("ol", { className: 'divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0', role: 'list' }, listSteps &&
+                            listSteps.map(function (stepItem, stepIdx) { return (react_1["default"].createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
+                                react_1["default"].createElement("button", { disabled: stepItem.step === currentStep, onClick: function () {
+                                        return stepItem.step < currentStep || formMode === 'readOnly'
+                                            ? handleBackStep(stepItem)
+                                            : handleNextStepWithParam(stepItem);
+                                    }, type: 'button' },
+                                    stepItem.status === 'complete' ? (react_1["default"].createElement("div", { className: 'group flex w-full items-center' },
+                                        react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            react_1["default"].createElement("span", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-500 group-hover:bg-indigo-700  ".concat(stepItem.step === currentStep && 'bg-indigo-800') },
+                                                react_1["default"].createElement(solid_1.CheckIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-white' })),
+                                            react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title),
+                                            stepItem.required && (react_1["default"].createElement("span", { className: 'ml-1 text-xs font-medium text-red-500' }, "(*)"))))) : stepItem.status === 'current' ? (react_1["default"].createElement("div", { "aria-current": 'step', className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                        react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
+                                            react_1["default"].createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
+                                        react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title),
+                                        stepItem.required && (react_1["default"].createElement("span", { className: 'ml-1 text-xs font-medium text-red-500' }, "(*)")))) : (react_1["default"].createElement("div", { className: 'group flex items-center' },
+                                        react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
+                                                react_1["default"].createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
+                                            react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title),
+                                            stepItem.required && (react_1["default"].createElement("span", { className: 'ml-1 text-xs font-medium text-red-500' }, "(*)"))))),
+                                    stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+                                        react_1["default"].createElement("div", { "aria-hidden": 'true', className: 'absolute right-0 top-0 hidden h-full w-5 md:block' },
+                                            react_1["default"].createElement("svg", { className: 'h-full w-full text-gray-300', fill: 'none', preserveAspectRatio: 'none', viewBox: '0 0 22 80' },
+                                                react_1["default"].createElement("path", { d: 'M0 -2L20 40L0 82', stroke: 'currentcolor', strokeLinejoin: 'round', vectorEffect: 'non-scaling-stroke' }))))) : null))); }))),
+                    react_1["default"].createElement("div", { className: 'pt-3' }, (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.component))))));
+};
+exports.PHXFormStep = PHXFormStep;
+//# sourceMappingURL=FormStep.js.map

package/dist/cjs/components/FormStep/FormStep.js.map

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

package/dist/cjs/components/FormStep/index.d.ts

@@ -0,0 +1 @@
+export * from './FormStep';

package/dist/cjs/components/FormStep/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FormStep"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/FormStep/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormStep/index.tsx"],"names":[],"mappings":";;;AAAA,qDAA0B"}

package/dist/cjs/components/FormTuition/FormTuition.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface FormTuitionProps {
+    school_id: number;
+    user_code: any;
+    school_year_id: number;
+    setDiscountPromotionObject?: any;
+    setShowModalPromotionObject?: any;
+    setShowModalService?: any;
+}
+export declare const KEY_COEFFICIENT_SEMESTER_I = 1;
+export declare const PHXFormTuition: React.FC<FormTuitionProps>;