phx-react 1.3.1

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/FormWrap/FormWrap.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface FooterBarProps {
+    title?: string;
+    method?: string;
+    headerAction?: boolean;
+    footerAction?: boolean;
+    className?: string;
+    children?: any;
+    loading?: boolean;
+    onlyDelete?: boolean;
+    deleted?: boolean;
+    submit?: boolean;
+    deleteText?: string;
+    cancelText?: string;
+    submitText?: string;
+    size?: 'small' | 'medium' | 'large';
+    onDelete?: () => void;
+    onCancel?: () => void;
+    onSubmit?: () => void;
+}
+export declare const PHXFormWrap: ({ title, method, headerAction, footerAction, className, children, loading, onlyDelete, deleted, submit, size, deleteText, cancelText, submitText, onDelete, onCancel, onSubmit, }: FooterBarProps) => JSX.Element;

package/dist/cjs/components/FormWrap/FormWrap.js

@@ -0,0 +1,30 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXFormWrap = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Button_1 = require("../Button");
+var types_1 = require("../types");
+var solid_1 = require("@heroicons/react/20/solid");
+var PHXFormWrap = function (_a) {
+    var title = _a.title, method = _a.method, _b = _a.headerAction, headerAction = _b === void 0 ? true : _b, _c = _a.footerAction, footerAction = _c === void 0 ? true : _c, className = _a.className, children = _a.children, loading = _a.loading, onlyDelete = _a.onlyDelete, deleted = _a.deleted, submit = _a.submit, _d = _a.size, size = _d === void 0 ? 'large' : _d, deleteText = _a.deleteText, cancelText = _a.cancelText, submitText = _a.submitText, onDelete = _a.onDelete, onCancel = _a.onCancel, onSubmit = _a.onSubmit;
+    var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
+            react_1["default"].createElement("div", { className: sizeClassName },
+                headerAction && (react_1["default"].createElement("div", { className: 'mb-4 flex items-center' },
+                    react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
+                        react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' })),
+                    react_1["default"].createElement("div", { className: 'ml-2 min-w-0 flex-1' },
+                        react_1["default"].createElement("h2", { className: 'sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight' }, title)))),
+                children,
+                react_1["default"].createElement("div", { className: footerAction
+                        ? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
+                        : 'hidden' },
+                    deleted && (react_1["default"].createElement(Button_1.PHXButton, { danger2: true, size: 'small', onClick: onDelete }, deleteText)),
+                    !onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
+                        react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, cancelText),
+                        submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, submitText)) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, submitText)))))))));
+};
+exports.PHXFormWrap = PHXFormWrap;
+//# sourceMappingURL=FormWrap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AACrC,kCAAqC;AACrC,mDAAyD;AAsBlD,IAAM,WAAW,GAAG,UAAC,EAkBX;QAjBf,KAAK,WAAA,EACL,MAAM,YAAA,EACN,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,CACjD,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,2CAAM,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACtC,0CAAK,SAAS,EAAE,aAAa;gBAC1B,YAAY,IAAI,CACf,0CAAK,SAAS,EAAC,wBAAwB;oBACrC,6CACE,SAAS,EAAC,iPAAiP,EAC3P,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ;wBAEjB,iCAAC,qBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;oBAET,0CAAK,SAAS,EAAC,qBAAqB;wBAClC,yCAAI,SAAS,EAAC,yFAAyF,IACpG,KAAK,CACH,CACD,CACF,CACP;gBACA,QAAQ;gBACT,0CACE,SAAS,EACP,YAAY;wBACV,CAAC,CAAC,IAAA,kBAAU,EACR,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,EACnD,yDAAyD,CAC1D;wBACH,CAAC,CAAC,QAAQ;oBAGb,OAAO,IAAI,CACV,iCAAC,kBAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACD,CACb;oBACA,CAAC,UAAU,IAAI,CACd,0CAAK,SAAS,EAAC,0BAA0B;wBACvC,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,OAAO,EAAE,QAAQ,IAChD,UAAU,CACD;wBACX,MAAM,CAAC,CAAC,CAAC,CACR,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAC,OAAO,UACrD,UAAU,CACD,CACb,CAAC,CAAC,CAAC,CACF,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,UACjE,UAAU,CACD,CACb,CACG,CACP,CACG,CACF,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,WAAW,eAmFvB"}

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

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

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

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

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

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

package/dist/cjs/components/Func/getLoginInfo.d.ts

@@ -0,0 +1 @@
+export default function funcGetLoggedInfo(): any;

package/dist/cjs/components/Func/getLoginInfo.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+function funcGetLoggedInfo() {
+    var loggedInfoString = js_cookie_1["default"].get('isLoggedIn');
+    var parsedLoggedInfo = loggedInfoString && JSON.parse(loggedInfoString);
+    return parsedLoggedInfo;
+}
+exports["default"] = funcGetLoggedInfo;
+//# sourceMappingURL=getLoginInfo.js.map

package/dist/cjs/components/Func/getLoginInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAE/B,SAAwB,iBAAiB;IACvC,IAAM,gBAAgB,GAAG,sBAAO,CAAC,GAAG,CAAC,YAAY,CAAW,CAAA;IAC5D,IAAM,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;IACzE,OAAO,gBAAgB,CAAA;AACzB,CAAC;AAJD,uCAIC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface TableProps {
+    className?: string;
+    title?: string;
+    importData?: boolean;
+    exportData?: boolean;
+    addNew?: boolean;
+    downloadText?: string;
+    uploadText?: string;
+    addNewText?: string;
+    onDownload?: () => void;
+    onUpload?: () => void;
+    onAdd?: () => void;
+}
+export declare const PHXHeaderBar: ({ className, title, importData, exportData, addNew, downloadText, uploadText, addNewText, onDownload, onUpload, onAdd, }: TableProps) => JSX.Element;

package/dist/cjs/components/HeaderBar/HeaderBar.js

@@ -0,0 +1,44 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXHeaderBar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Button_1 = require("../Button");
+var react_2 = require("@headlessui/react");
+var types_1 = require("../types");
+var solid_1 = require("@heroicons/react/20/solid");
+var PHXHeaderBar = function (_a) {
+    var className = _a.className, title = _a.title, importData = _a.importData, exportData = _a.exportData, _b = _a.addNew, addNew = _b === void 0 ? true : _b, downloadText = _a.downloadText, uploadText = _a.uploadText, addNewText = _a.addNewText, onDownload = _a.onDownload, onUpload = _a.onUpload, onAdd = _a.onAdd;
+    var handleDownload = function (e) {
+        e.preventDefault();
+        onDownload;
+    };
+    var handleUpload = function (e) {
+        e.preventDefault();
+        onUpload;
+    };
+    return (react_1["default"].createElement("div", { className: "mb-5 flex items-center justify-between sm:flex-auto ".concat(className) },
+        react_1["default"].createElement("div", null,
+            react_1["default"].createElement("h1", { className: 'text-base font-semibold leading-6 text-gray-900' }, title)),
+        react_1["default"].createElement("div", { className: 'flex flex-shrink-0 justify-end gap-x-2 items-center' },
+            react_1["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
+                react_1["default"].createElement(Button_1.PHXButton, { onClick: onDownload, className: exportData ? '' : 'hidden', secondary: true, size: 'small' }, downloadText),
+                react_1["default"].createElement(Button_1.PHXButton, { onClick: onUpload, className: importData ? '' : 'hidden', secondary: true, size: 'small' }, uploadText)),
+            react_1["default"].createElement(react_2.Menu, { as: 'div', className: importData || exportData ? 'md:hidden relative' : 'hidden' },
+                react_1["default"].createElement(react_2.Menu.Button, { className: 'flex items-center p-1.5 bg-gray-200 hover:bg-gray-300 px-2 py-1 text-sm rounded-lg' },
+                    react_1["default"].createElement("span", { className: 'sr-only' }, "Open menu"),
+                    react_1["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
+                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: 'absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
+                        exportData && (react_1["default"].createElement(react_2.Menu.Item, null, function (_a) {
+                            var active = _a.active;
+                            return (react_1["default"].createElement("a", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), href: '', onClick: handleDownload }, downloadText));
+                        })),
+                        importData && (react_1["default"].createElement(react_2.Menu.Item, null, function (_a) {
+                            var active = _a.active;
+                            return (react_1["default"].createElement("a", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), href: '', onClick: handleUpload }, uploadText));
+                        }))))),
+            react_1["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', onClick: onAdd, primary: true, size: 'small' }, addNewText))));
+};
+exports.PHXHeaderBar = PHXHeaderBar;
+//# sourceMappingURL=HeaderBar.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    label?: string;
+    helpText?: string;
+    register?: UseFormRegisterReturn;
+    textarea?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+}
+export declare const PHXInput: React.FC<InputProps>;

package/dist/cjs/components/Input/Input.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXInput = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Textarea_1 = require("./Textarea");
+var types_1 = require("../types");
+var PHXInput = function (_a) {
+    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, textarea = _a.textarea, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "textarea"]);
+    return (react_1["default"].createElement("div", { className: className },
+        label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        textarea ? (react_1["default"].createElement(Textarea_1.Textarea, { register: register, error: error })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+            react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })))),
+        helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+            react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+};
+exports.PHXInput = PHXInput;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,uCAAqC;AACrC,kCAAqC;AAY9B,IAAM,QAAQ,GAAyB,UAAC,EASlC;IARX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,sBARsC,mFAS9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACxF,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/C,CAAC,CAAC,CAAC,CACF;YACE,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACD,CACJ;QACA,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AAhDY,QAAA,QAAQ,YAgDpB"}

package/dist/cjs/components/Input/Textarea.d.ts

@@ -0,0 +1,7 @@
+import React, { TextareaHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    register?: UseFormRegisterReturn;
+    error?: boolean;
+}
+export declare const Textarea: React.FC<TextAreaProps>;

package/dist/cjs/components/Input/Textarea.js

@@ -0,0 +1,12 @@
+"use strict";
+exports.__esModule = true;
+exports.Textarea = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+var Textarea = function (_a) {
+    var register = _a.register, error = _a.error, rest = tslib_1.__rest(_a, ["register", "error"]);
+    return (react_1["default"].createElement("textarea", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('mt-1 font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })));
+};
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/cjs/components/Input/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,wDAAqD;AAErD,kCAAqC;AAO9B,IAAM,QAAQ,GAA4B,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,sBAA1B,qBAA4B,CAAF;IAC1E,OAAO,CACL,kEACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACH,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,QAAQ,YAWpB"}

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

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

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

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

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

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

package/dist/cjs/components/Loading/Spinner.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface LoadingProps {
+    color?: 'indigo' | 'gray';
+    className?: string;
+}
+export declare const PHXSpinner: ({ color, className }: LoadingProps) => JSX.Element;

package/dist/cjs/components/Loading/Spinner.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXSpinner = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+var PHXSpinner = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'indigo' : _b, _c = _a.className, className = _c === void 0 ? 'w-5 h-5' : _c;
+    var colorMaker = (0, types_1.classNames)(color === 'indigo' && 'text-indigo-600', color === 'gray' && 'text-gray-600');
+    return (react_1["default"].createElement("div", { className: "animate-spin inline-block ".concat(className, " border-[3px] border-current border-t-transparent ").concat(colorMaker, " rounded-full"), role: 'status', "aria-label": 'loading1' }));
+};
+exports.PHXSpinner = PHXSpinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/cjs/components/Loading/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Loading/Spinner.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AAO9B,IAAM,UAAU,GAAG,UAAC,EAAyD;QAAvD,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAAE,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA;IAClE,IAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,KAAK,KAAK,QAAQ,IAAI,iBAAiB,EAAE,KAAK,KAAK,MAAM,IAAI,eAAe,CAAC,CAAA;IAC3G,OAAO,CACL,0CACE,SAAS,EAAE,oCAA6B,SAAS,+DAAqD,UAAU,kBAAe,EAC/H,IAAI,EAAC,QAAQ,gBACF,UAAU,GAChB,CACR,CAAA;AACH,CAAC,CAAA;AATY,QAAA,UAAU,cAStB"}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MainWrapProps {
+    children?: any;
+    code?: string;
+    pathName?: string;
+    router?: any;
+}
+export declare const MainWrap: ({ children, pathName, router, code }: MainWrapProps) => JSX.Element;

package/dist/cjs/components/MainWrap/MainWrap.js

@@ -0,0 +1,190 @@
+"use strict";
+exports.__esModule = true;
+exports.MainWrap = void 0;
+var tslib_1 = require("tslib");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_1 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var react_2 = tslib_1.__importStar(require("react"));
+var nav_mobile_1 = tslib_1.__importDefault(require("./navigator/nav-mobile"));
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+var MainWrap = function (_a) {
+    var children = _a.children, pathName = _a.pathName, router = _a.router, code = _a.code;
+    var _b = (0, react_2.useState)(false), sidebarOpen = _b[0], setSidebarOpen = _b[1];
+    var _c = (0, react_2.useState)([]), subNavigation = _c[0], setSubNavigation = _c[1];
+    var _d = (0, react_2.useState)([]), navigation = _d[0], setNavigation = _d[1];
+    var _e = (0, react_2.useState)([]), menu = _e[0], setMenu = _e[1];
+    (0, react_2.useEffect)(function () {
+        var fetchData = function (url) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var data, json;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, fetch(url)];
+                    case 1:
+                        data = _a.sent();
+                        return [4 /*yield*/, data.json()];
+                    case 2:
+                        json = _a.sent();
+                        setMenu(json);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        switch (code) {
+            case 'iris-staging':
+                fetchData('https://static-data.phx.asia/iris/staging-menu.json')["catch"](console.error);
+                break;
+            case 'test':
+                fetchData('https://static-data.phx.asia/iris/staging-menu.json')["catch"](console.error);
+                break;
+            default:
+                break;
+        }
+    }, [code]);
+    var isEqualUrl = function (parentHref, pathName) {
+        var pathNameSplit = pathName.split('/');
+        var urlRouter1 = pathNameSplit[1];
+        var hrefSplit = parentHref.split('/');
+        var currentMenu1 = hrefSplit[1];
+        return urlRouter1 === currentMenu1;
+    };
+    var isBelongParent = function (parentUrl, pathName) {
+        var parentSplit = parentUrl.split('/');
+        var pathNameSplit = pathName.split('/');
+        return parentSplit[1] === pathNameSplit[2] && parentSplit[2] === pathNameSplit[3];
+    };
+    var loadParentNavigation = function (pathName) {
+        var mainNavigation = menu;
+        var naviSize = mainNavigation.length;
+        for (var i = 0; i < naviSize; i++) {
+            var item = mainNavigation[i];
+            item.current = false;
+            if (item.path === pathName || isEqualUrl(item.path, pathName)) {
+                item.current = true;
+                // Find sub modules
+                var itemLength = item.child.length;
+                var listChildren = [];
+                for (var j = 0; j < itemLength; j++) {
+                    var childItem = item.child[j];
+                    // Active child item
+                    childItem.current = isBelongParent(childItem.path, pathName);
+                    listChildren.push(childItem);
+                }
+                setSubNavigation(listChildren);
+            }
+        }
+        setNavigation(mainNavigation);
+    };
+    (0, react_2.useEffect)(function () {
+        if (pathName) {
+            loadParentNavigation(pathName);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [menu]);
+    var loadSubNavigation = function (pathName) {
+        var subLength = subNavigation.length;
+        var newSub = [];
+        for (var i = 0; i < subLength; i++) {
+            var item = subNavigation[i];
+            item.current = item.path == pathName;
+            newSub.push(item);
+        }
+        setSubNavigation(newSub);
+    };
+    var triggerClicked = function (pathName) {
+        loadParentNavigation(pathName);
+    };
+    var subNavigationTriggerClicked = function (item) {
+        loadSubNavigation(item.path);
+        router.push(item.path);
+    };
+    return (react_2["default"].createElement(react_2["default"].Fragment, null,
+        react_2["default"].createElement("div", { className: 'flex min-h-full flex-col' },
+            react_2["default"].createElement("header", { className: 'top-0 z-50 fixed border-b border-gray-200 bg-white min-w-full' },
+                react_2["default"].createElement("div", { className: 'mx-auto flex h-14 items-center justify-between px-4 bg-[#1a1a1a]' },
+                    react_2["default"].createElement("div", { className: 'flex items-center' },
+                        react_2["default"].createElement("div", { className: 'lg:hidden' },
+                            react_2["default"].createElement("button", { type: 'button', className: '-mr-3 inline-flex h-12 w-12 items-center justify-center rounded-md bg-grey-100 text-gray-600 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(true); } },
+                                react_2["default"].createElement("span", { className: 'sr-only' }, "Open sidebar"),
+                                react_2["default"].createElement(outline_1.Bars3Icon, { className: 'h-6 w-6', "aria-hidden": 'true' }))),
+                        react_2["default"].createElement("div", { className: 'hidden lg:block' },
+                            react_2["default"].createElement("a", { className: 'flex h-16 w-16 items-center justify-center focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-600 lg:w-20' },
+                                react_2["default"].createElement("img", { className: 'w-auto px-2', src: '/logo.png', width: '504', height: '199', alt: 'Logo' })))),
+                    react_2["default"].createElement("div", { className: 'flex items-center gap-x-8' },
+                        react_2["default"].createElement("button", { className: '-m-2.5 p-2.5 text-gray-400 hover:text-gray-300', type: 'button' },
+                            react_2["default"].createElement("span", { className: 'sr-only' }, "View notifications"),
+                            react_2["default"].createElement(outline_1.BellIcon, { "aria-hidden": 'true', className: 'h-6 w-6' })),
+                        react_2["default"].createElement("a", { className: '-m-1.5 p-1.5', href: '#1' },
+                            react_2["default"].createElement("span", { className: 'sr-only' }, "Your profile"),
+                            react_2["default"].createElement("img", { alt: '', className: 'h-8 w-8 rounded-full', src: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80' })))))),
+        react_2["default"].createElement("div", { className: 'flex min-h-screen relative bg-[#f1f1f1]' },
+            react_2["default"].createElement(react_1.Transition.Root, { show: sidebarOpen, as: react_2.Fragment },
+                react_2["default"].createElement(react_1.Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },
+                    react_2["default"].createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'transition-opacity ease-linear duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'transition-opacity ease-linear duration-300', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+                        react_2["default"].createElement("div", { className: 'fixed inset-0 bg-gray-600 bg-opacity-75' })),
+                    react_2["default"].createElement("div", { className: 'fixed inset-0 z-40 flex' },
+                        react_2["default"].createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'transition ease-in-out duration-300 transform', enterFrom: '-translate-x-full', enterTo: 'translate-x-0', leave: 'transition ease-in-out duration-300 transform', leaveFrom: 'translate-x-0', leaveTo: '-translate-x-full' },
+                            react_2["default"].createElement(react_1.Dialog.Panel, { className: 'relative flex w-full max-w-xs flex-1 flex-col bg-[#ebebeb]' },
+                                react_2["default"].createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-in-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in-out duration-300', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+                                    react_2["default"].createElement("div", { className: 'absolute top-0 right-0 -mr-12 pt-2' },
+                                        react_2["default"].createElement("button", { type: 'button', className: 'ml-1 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(false); } },
+                                            react_2["default"].createElement("span", { className: 'sr-only' }, "Close sidebar"),
+                                            react_2["default"].createElement(outline_1.XMarkIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })))),
+                                react_2["default"].createElement("div", { className: 'h-0 flex-1 overflow-y-auto pt-5 pb-4 mt-14' },
+                                    react_2["default"].createElement("div", { className: 'flex flex-shrink-0 items-center px-4' },
+                                        react_2["default"].createElement("div", { className: 'w-20' },
+                                            react_2["default"].createElement("a", { href: '/' },
+                                                react_2["default"].createElement("img", { src: '/logo.png', width: '504', height: '199', alt: 'Logo' })))),
+                                    react_2["default"].createElement(nav_mobile_1["default"], { pathName: pathName, menu: menu, router: router })))),
+                        react_2["default"].createElement("div", { className: 'w-14 flex-shrink-0', "aria-hidden": 'true' })))),
+            react_2["default"].createElement("div", { className: 'hidden lg:flex lg:flex-shrink-0' },
+                react_2["default"].createElement("div", { className: 'w-[20rem] flex' },
+                    react_2["default"].createElement("div", { className: 'flex lg:fixed lg:inset-y-0 mt-14' },
+                        react_2["default"].createElement("div", { className: 'flex w-18 flex-col border-r' },
+                            react_2["default"].createElement("div", { className: 'flex flex-1 flex-col overflow-y-auto #ebebeb' },
+                                react_2["default"].createElement("div", { className: 'flex-1' },
+                                    react_2["default"].createElement("div", { "aria-label": 'Sidebar', className: 'hidden md:block md:flex-shrink-0 md:overflow-y-auto' },
+                                        react_2["default"].createElement("div", { className: 'relative flex w-20 flex-col space-y- p-3 overflow-hidden' }, navigation.map(function (item) { return (react_2["default"].createElement("a", { onClick: function () { return triggerClicked(item.path); }, key: item.name, href: item.path, className: classNames(item.current ? 'text-indigo-600 hover:bg-gray-100' : 'text-gray-400 hover:bg-gray-100', 'inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-lg mb-2') },
+                                            react_2["default"].createElement("span", { className: 'sr-only' }, item.name),
+                                            react_2["default"].createElement("span", { className: 'relative cursor-pointer group hover:overflow-visible p-8 hover:fixed hover:z-10 focus-visible:outline-none' },
+                                                react_2["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { icon: item.image == 'admissions'
+                                                        ? free_solid_svg_icons_1.faSchoolCircleCheck
+                                                        : item.image == 'medical'
+                                                            ? free_solid_svg_icons_1.faSuitcaseMedical
+                                                            : free_solid_svg_icons_1.faSchool, className: 'h-6 w-6' }),
+                                                react_2["default"].createElement("span", { role: 'tooltip', className: 'invisible absolute left-full shadow drop-shadow-2xl top-1/2 z-10 ml-[-1em] w-32 -translate-y-1/2 rounded bg-white font-medium p-3 text-sm text-black opacity-0 transition-all group-hover:visible group-hover:block group-hover:opacity-100' }, item.name)))); })))))),
+                        react_2["default"].createElement("aside", { className: 'hidden lg:block lg:flex-shrink-0' },
+                            react_2["default"].createElement("div", { className: 'relative flex h-full w-60 flex-col overflow-y-auto border-r border-gray-200 bg-[#ebebeb]' },
+                                react_2["default"].createElement("div", { className: 'flex-1 overflow-y-auto pt-3' },
+                                    subNavigation.map(function (item) { return (react_2["default"].createElement("p", { key: item.name, onClick: function () { return subNavigationTriggerClicked(item); }, className: classNames(item.current ? 'bg-white rounded-lg' : 'hover:bg-white hover:bg-opacity-50 hover:rounded-lg', 'border-slate-200 flex p-2 mx-1 cursor-pointer'), "aria-current": item.current ? 'page' : undefined },
+                                        react_2["default"].createElement("div", { className: 'ml-3 text-sm' },
+                                            react_2["default"].createElement("div", { className: 'flex' },
+                                                react_2["default"].createElement("p", { className: "font-medium ".concat(item.current ? 'text-slate-900' : 'text-slate-600') }, item.name),
+                                                item.icon ? (react_2["default"].createElement("span", null,
+                                                    react_2["default"].createElement(item.icon, { className: 'ml-2 mt-0.5 h-4 w-4 text-gray-400', "aria-hidden": 'true' }))) : (react_2["default"].createElement(react_2["default"].Fragment, null))),
+                                            react_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item.description)))); }),
+                                    react_2["default"].createElement("div", { className: 'absolute bottom-0 p-3 pb-5 border-t w-full' },
+                                        react_2["default"].createElement("div", { className: 'flex justify-between items-center' },
+                                            react_2["default"].createElement("div", { className: 'flex items-baseline' },
+                                                react_2["default"].createElement("div", null,
+                                                    react_2["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faSchool, className: 'w-5 mr-1 text-gray-500' })),
+                                                react_2["default"].createElement("div", { className: 'text-gray-500 text-xs font-medium' }, "Tr\u01B0\u1EDDng li\u00EAn c\u1EA5p Iris")),
+                                            react_2["default"].createElement("div", null,
+                                                react_2["default"].createElement("a", { href: '/' },
+                                                    react_2["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faRepeat, className: 'pt-1 pl-2 pr-2 pb-1 rounded block hover:bg-gray-400 hover:text-white h-4 text-gray-500 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500' }))))))))))),
+            react_2["default"].createElement("div", { className: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
+                react_2["default"].createElement("main", { className: 'flex flex-1 overflow-hidden' },
+                    react_2["default"].createElement("section", { "aria-labelledby": 'primary-heading', className: 'flex h-full min-w-0 flex-1 flex-col lg:order-last' },
+                        react_2["default"].createElement("div", { className: 'sticky top-0 z-10 flex h-14 flex-shrink-0 bg-bgcl-50 border-b border-l px-4 sm:px-6 lg:px-4' }),
+                        react_2["default"].createElement("div", { className: 'px-6 bg-[#f1f1f1]' },
+                            react_2["default"].createElement("div", { className: 'py-4' }, children))))))));
+};
+exports.MainWrap = MainWrap;
+//# sourceMappingURL=MainWrap.js.map

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

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

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

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

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

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

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

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

package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function NavMobileContent({ pathName, menu, router }: any): JSX.Element;