phx-react 1.3.77 → 1.3.78

package/dist/cjs/demo/ContentModal.js

@@ -6,9 +6,9 @@ var react_2 = tslib_1.__importDefault(require("react"));
 var ContentModal = function () {
     return (react_2["default"].createElement("div", { className: 'sm:flex sm:items-start' },
         react_2["default"].createElement("div", { className: 'text-center sm:mt-0 sm:text-left' },
-            react_2["default"].createElement(react_1.Dialog.Title, { as: 'h3', className: 'text-base font-semibold leading-6 text-gray-900' }, "Deactivate account"),
+            react_2["default"].createElement(react_1.Dialog.Title, { as: 'h3', className: 'text-sm font-semibold leading-6 text-gray-900' }, "Deactivate account"),
             react_2["default"].createElement("div", { className: 'mt-2' },
-                react_2["default"].createElement("p", { className: 'text-sm text-gray-500' }, "Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.")))));
+                react_2["default"].createElement("p", { className: 'text-xs text-gray-500' }, "Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.")))));
 };
 ContentModal.propTypes = {};
 exports["default"] = ContentModal;

package/dist/cjs/demo/ContentModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentModal.js","sourceRoot":"","sources":["../../../src/demo/ContentModal.tsx"],"names":[],"mappings":";;;AAAA,2CAA0C;AAC1C,wDAAyB;AAEzB,IAAM,YAAY,GAAG;IACnB,OAAO,CACL,0CAAK,SAAS,EAAC,wBAAwB;QACrC,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,iCAAC,cAAM,CAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,iDAAiD,yBAElE;YACf,0CAAK,SAAS,EAAC,MAAM;gBACnB,wCAAG,SAAS,EAAC,uBAAuB,6JAGhC,CACA,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,SAAS,GAAG,EAAE,CAAA;AAE3B,qBAAe,YAAY,CAAA"}
+{"version":3,"file":"ContentModal.js","sourceRoot":"","sources":["../../../src/demo/ContentModal.tsx"],"names":[],"mappings":";;;AAAA,2CAA0C;AAC1C,wDAAyB;AAEzB,IAAM,YAAY,GAAG;IACnB,OAAO,CACL,0CAAK,SAAS,EAAC,wBAAwB;QACrC,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,iCAAC,cAAM,CAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,+CAA+C,yBAEhE;YACf,0CAAK,SAAS,EAAC,MAAM;gBACnB,wCAAG,SAAS,EAAC,uBAAuB,6JAGhC,CACA,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,SAAS,GAAG,EAAE,CAAA;AAE3B,qBAAe,YAAY,CAAA"}

package/dist/cjs/index.d.ts

@@ -25,4 +25,5 @@ import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
 import { PHXBanner } from './components/Banner';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };
+import { PHXButtonGroup } from './components/ButtonGroup';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
+exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
 var tslib_1 = require("tslib");
 var Step_1 = require("./components/Step");
 exports.PHXStep = Step_1.PHXStep;
@@ -56,4 +56,6 @@ var Login_1 = require("./components/Login");
 exports.PHXLogin = Login_1.PHXLogin;
 var Banner_1 = require("./components/Banner");
 exports.PHXBanner = Banner_1.PHXBanner;
+var ButtonGroup_1 = require("./components/ButtonGroup");
+exports.PHXButtonGroup = ButtonGroup_1.PHXButtonGroup;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AA2CzC,kBA3CO,cAAO,CA2CP;AA1CT,iEAAwC;AA4BtC,oBA5BK,gBAAS,CA4BL;AA3BX,8CAA+C;AA4B7C,oBA5BO,kBAAS,CA4BP;AA3BX,0CAA2C;AA4BzC,kBA5BO,cAAO,CA4BP;AA3BT,gDAAiD;AA4B/C,qBA5BO,oBAAU,CA4BP;AA3BZ,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,oDAAqD;AA2BnD,uBA3BO,wBAAY,CA2BP;AA1Bd,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,8CAA+C;AA4B7C,oBA5BO,kBAAS,CA4BP;AA3BX,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4DAA6D;AA4B3D,2BA5BO,gCAAgB,CA4BP;AA3BlB,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,wFAAiE;AA6B/D,+BA7BK,yBAAoB,CA6BL;AA5BtB,0FAA4D;AA6B1D,yBA7BK,0BAAc,CA6BL;AA5BhB,gGAAkE;AA6BhE,4BA7BK,6BAAiB,CA6BL;AA5BnB,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,0CAA2C;AA6BzC,kBA7BO,cAAO,CA6BP;AA5BT,sDAAuD;AA6BrD,wBA7BO,0BAAa,CA6BP;AA5Bf,kEAAmE;AA6BjE,8BA7BO,sCAAmB,CA6BP;AA5BrB,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AA4CzC,kBA5CO,cAAO,CA4CP;AA3CT,iEAAwC;AA6BtC,oBA7BK,gBAAS,CA6BL;AA5BX,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP;AA5BX,0CAA2C;AA6BzC,kBA7BO,cAAO,CA6BP;AA5BT,gDAAiD;AA6B/C,qBA7BO,oBAAU,CA6BP;AA5BZ,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,oDAAqD;AA4BnD,uBA5BO,wBAAY,CA4BP;AA3Bd,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP;AA5BX,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4DAA6D;AA6B3D,2BA7BO,gCAAgB,CA6BP;AA5BlB,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,wFAAiE;AA8B/D,+BA9BK,yBAAoB,CA8BL;AA7BtB,0FAA4D;AA8B1D,yBA9BK,0BAAc,CA8BL;AA7BhB,gGAAkE;AA8BhE,4BA9BK,6BAAiB,CA8BL;AA7BnB,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,0CAA2C;AA8BzC,kBA9BO,cAAO,CA8BP;AA7BT,sDAAuD;AA8BrD,wBA9BO,0BAAa,CA8BP;AA7Bf,kEAAmE;AA8BjE,8BA9BO,sCAAmB,CA8BP;AA7BrB,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,8CAA+C;AA8B7C,oBA9BO,kBAAS,CA8BP;AA7BX,wDAAyD;AA8BvD,yBA9BO,4BAAc,CA8BP"}

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ButtonGroupProps {
+    className?: string;
+    size?: 'micro' | 'small' | 'medium' | 'large' | 'extra-large';
+    dataGroups: Array<{
+        buttonText: string;
+        onClick?(): void;
+    }>;
+    type?: 'default' | 'active-button';
+}
+export declare function PHXButtonGroup({ className, size, dataGroups, type }: ButtonGroupProps): JSX.Element;

package/dist/esm/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import { PHXButton } from '../Button/Button';
+import { classNames } from '../types';
+export function PHXButtonGroup(_a) {
+    var className = _a.className, size = _a.size, dataGroups = _a.dataGroups, type = _a.type;
+    var _b = useState(''), active = _b[0], setActive = _b[1];
+    var _c = useState(false), current = _c[0], setCurrent = _c[1];
+    var setIsActive = function (item) {
+        item.onClick();
+        if (type === 'active-button') {
+            setActive(item.buttonText);
+            if (item.buttonText === active) {
+                setCurrent(false);
+                setActive('');
+            }
+            else {
+                setCurrent(true);
+            }
+        }
+        else {
+            return;
+        }
+    };
+    return (React.createElement("div", { className: "flex justify-start w-fit rounded-lg ".concat(className) }, dataGroups.map(function (item, index) { return (React.createElement(PHXButton, { key: item.buttonText, className: classNames(index === 0 ? 'rounded-none rounded-tl-lg rounded-bl-lg border-l' : 'rounded-none', index === dataGroups.length - 1 ? 'rounded-none rounded-tr-lg rounded-br-lg' : 'rounded-none', type === 'active-button' && active === item.buttonText && current
+            ? '!bg-gray-200 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300'
+            : '', '!ring-0 border-y border-r border-gray-300 leading-4 border-b-gray-400 hover:border-b-gray-300'), secondary: true, size: size, onClick: function () {
+            setIsActive(item);
+        } }, item.buttonText)); })));
+}
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/esm/components/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AASrC,MAAM,UAAU,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,QAAQ,CAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,UAAU,CACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,+FAA+F,CAChG,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/ButtonGroup/index.d.ts

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

package/dist/esm/components/ButtonGroup/index.js

@@ -0,0 +1,2 @@
+export * from './ButtonGroup';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/esm/components/Card/Card.d.ts

@@ -11,6 +11,7 @@ export interface CardProps {
     headerAction?: ComplexAction;
     secondaryFooterActions?: ComplexAction[];
     dangerFooterAction?: ComplexAction;
+    type?: 'modal' | 'default';
 }
 export declare const PHXCard: React.FunctionComponent<CardProps> & {
     Section: typeof Section;

package/dist/esm/components/Card/Card.js

@@ -2,24 +2,25 @@ import React from 'react';
 import Section from './Section';
 import WrapSection from './WrapSection';
 import Footer from './Footer';
+import { classNames } from '../types';
 import { PHXButton } from '../Button';
 import { XMarkIcon } from '@heroicons/react/24/solid';
 export var PHXCard = function Card(_a) {
-    var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction;
-    var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: 'bg-gray-100 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
+    var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b;
+    var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: classNames(type === 'modal' ? 'bg-gray-100' : '', ' px-4 py-3 sm:px-6 flex justify-end gap-x-3') },
         secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
         primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
         dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { danger2: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (React.createElement(React.Fragment, null));
-    var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'flex justify-between items-center px-4 py-4 sm:px-6' },
-        React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title),
+    var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'flex justify-between items-center px-4 py-3 sm:px-6' },
+        React.createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
         headerAction && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
             React.createElement("span", { className: 'sr-only' }, "Close"),
-            React.createElement(XMarkIcon, { className: 'h-5 w-5', "aria-hidden": 'true' }))))) : (React.createElement(React.Fragment, null));
+            React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))))) : (React.createElement(React.Fragment, null));
     return (React.createElement("div", { className: 'w-full' },
         React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
-            React.createElement("div", { className: 'divide-y divide-gray-200 overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200' },
+            React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
                 headerActionMarkup,
-                React.createElement("div", { className: 'px-4 py-4 sm:px-6' }, children),
+                React.createElement("div", { className: classNames(type === 'modal' ? 'py-3' : 'py-2', 'px-4 sm:px-6') }, children),
                 footerActionMarkup))));
 };
 PHXCard.Section = Section;

package/dist/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAYrD,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAQN;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,6BAAK,SAAS,EAAC,wDAAwD;QAEpE,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,EAAC,qDAAqD;QAClE,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM;QAC3E,YAAY,IAAI,CACf,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,YAAY,CAAC,OAAO;YAE7B,8BAAM,SAAS,EAAC,SAAS,YAAa;YACtC,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC7C,CACV,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,6BAAK,SAAS,EAAC,sCAAsC;YACnD,6BAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,6BAAK,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAO;gBAClD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;AACzB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;AACjC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Checkbox/Checkbox.d.ts

@@ -9,5 +9,7 @@ export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     expanded?: boolean;
     register?: UseFormRegisterReturn;
     onChange?: any;
+    error?: boolean;
+    errorType?: 'required-field' | 'duplicate-field';
 }
 export declare const PHXCheckbox: React.FC<CheckboxProps>;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,7 +1,8 @@
 import { __assign, __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
+import { classNames } from '../types';
 export var PHXCheckbox = function (_a) {
-    var children = _a.children, className = _a.className, helpText = _a.helpText, label = _a.label, title = _a.title, expanded = _a.expanded, register = _a.register, onChange = _a.onChange, rest = __rest(_a, ["children", "className", "helpText", "label", "title", "expanded", "register", "onChange"]);
+    var children = _a.children, className = _a.className, helpText = _a.helpText, label = _a.label, title = _a.title, expanded = _a.expanded, register = _a.register, onChange = _a.onChange, error = _a.error, errorType = _a.errorType, rest = __rest(_a, ["children", "className", "helpText", "label", "title", "expanded", "register", "onChange", "error", "errorType"]);
     var _b = useState(false), show = _b[0], setShow = _b[1];
     useEffect(function () {
         // @ts-ignore
@@ -17,9 +18,13 @@ export var PHXCheckbox = function (_a) {
         label && React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
         React.createElement("div", { className: 'flex items-center py-1' },
             React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
-                React.createElement("input", __assign({}, rest, register, { className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
+                React.createElement("input", __assign({}, rest, register, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent'), onChange: handleChange, type: 'checkbox' })),
                 React.createElement("span", { className: 'ml-2' }, title))),
         helpText && show ? React.createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
-        show && children ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, null)));
+        show && children ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, null),
+        error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            React.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.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.createElement("p", { className: 'text-xs text-red-800' }, errorType === 'required-field' ? 'Vui lòng chọn thông tin' : 'Thông tin đã tồn tại'))) : null));
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAcvE,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAUrC;IATd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAT4C,2FAUpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,SAAS,CAAC;QACR,aAAa;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QACjG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAerC,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAYrC;IAXd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACN,IAAI,cAX4C,iHAYpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,SAAS,CAAC;QACR,aAAa;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,4HAA4H,CAC7H,EACD,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QACjG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK;QACjE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -6,6 +6,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     helpText?: string;
     register?: UseFormRegisterReturn;
     error?: boolean;
-    errorMessage?: string;
+    errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email';
 }
 export declare const PHXInput: React.FC<InputProps>;

package/dist/esm/components/Input/Input.js

@@ -2,14 +2,37 @@ import { __assign, __rest } from "tslib";
 import React from 'react';
 import { classNames } from '../types';
 export var PHXInput = function (_a) {
-    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
+    var className = _a.className, error = _a.error, errorType = _a.errorType, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorType", "helpText", "label", "register"]);
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            case 'validate-input-field':
+                errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
+                break;
+            case 'duplicate-field':
+                errorMessage = 'Thông tin đã tồn tại';
+                break;
+            case 'validate-phone-number':
+                errorMessage = 'Số điện thoại chưa hợp lệ';
+                break;
+            case 'validate-input-email':
+                errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
     return (React.createElement("div", { className: className },
         label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
         React.createElement("input", __assign({}, rest, register, { className: 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.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
-        error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+        error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
             React.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.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.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+            React.createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null));
 };
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAPsC,uEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAgBrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAPsC,oEAQ9C,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Modal/Modal.js

@@ -14,7 +14,7 @@ export var PHXModal = function (_a) {
             onHide();
         }
     };
-    var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], primaryFooterAction: {
+    var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
             content: primaryActionText,
             loading: primaryLoading,
             onClick: onPrimaryClick,

package/dist/esm/components/Modal/Modal.js.map

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

package/dist/esm/components/Radio/Radio.d.ts

@@ -5,8 +5,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     register?: UseFormRegisterReturn;
     title?: string;
-    id?: any;
     error?: boolean;
-    errorMessage?: string;
+    errorType?: 'required-field' | 'duplicate-field';
 }
 export declare const PHXRadio: React.FC<InputProps>;

package/dist/esm/components/Radio/Radio.js

@@ -2,15 +2,16 @@ import { __assign, __rest } from "tslib";
 import React from 'react';
 import { classNames } from '../types';
 export var PHXRadio = function (_a) {
-    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, id = _a.id, label = _a.label, register = _a.register, title = _a.title, rest = __rest(_a, ["className", "error", "errorMessage", "id", "label", "register", "title"]);
+    var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, rest = __rest(_a, ["className", "error", "errorType", "label", "register", "title"]);
     return (React.createElement("div", { className: className },
         React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
         React.createElement("div", { className: 'mt-1 flex items-center' },
-            React.createElement("input", __assign({ id: id }, rest, register, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
-            React.createElement("label", { className: 'ml-3 block text-xs text-gray-700', htmlFor: id }, title)),
-        error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
+                React.createElement("input", __assign({}, rest, register, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
+                React.createElement("span", { className: 'ml-2' }, title))),
+        error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
             React.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.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.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+            React.createElement("p", { className: 'text-xs text-red-800' }, errorType === 'required-field' ? 'Vui lòng chọn thông tin' : 'Thông tin đã tồn tại'))) : null));
 };
 //# sourceMappingURL=Radio.js.map

package/dist/esm/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAYrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EASlC;IARX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cARsC,0EAS9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,wCACE,EAAE,EAAE,EAAE,IACF,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;YACF,+BAAO,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,EAAE,IAC5D,KAAK,CACA,CACJ;QACL,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPsC,iEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}

package/dist/esm/components/Select/Select.d.ts

@@ -7,6 +7,6 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     label?: string;
     helpText?: string;
     error?: boolean;
-    errorMessage?: string;
+    errorType?: 'required-field' | 'duplicate-field';
 }
 export declare const PHXSelect: React.FC<SelectProps>;

package/dist/esm/components/Select/Select.js

@@ -2,14 +2,14 @@ import { __assign, __rest } from "tslib";
 import React from 'react';
 import { classNames } from '../types';
 export var PHXSelect = function (_a) {
-    var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorMessage = _a.errorMessage, rest = __rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorMessage"]);
+    var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorType = _a.errorType, rest = __rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorType"]);
     return (React.createElement("div", { className: className },
         React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
         React.createElement("select", __assign({}, rest, register, { className: classNames('mt-1 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' : '') }), children),
         helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
-        error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+        error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
             React.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.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.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+            React.createElement("p", { className: 'text-xs text-red-800' }, errorType === 'required-field' ? 'Vui lòng chọn thông tin' : 'Thông tin đã tồn tại'))) : null));
 };
 //# sourceMappingURL=Select.js.map

package/dist/esm/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAYrC,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAC,EASnC;IARZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAY,kBAAA,EACT,IAAI,cARwC,mFAShD,CADQ;IACU,OAAA,CACjB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,2CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAYrC,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAC,EASnC;IARZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACN,IAAI,cARwC,gFAShD,CADQ;IACU,OAAA,CACjB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,2CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}

package/dist/esm/components/Skeleton/Skeleton.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 export interface SkeletonProps {
     size?: 'small' | 'medium' | 'large' | 'extra-large';
-    type?: 'default' | 'col' | 'single';
-    loadingHeader?: boolean;
+    type?: 'default' | 'col' | 'single' | 'table';
     className?: string;
 }
-export declare function PHXSkeleton({ className, loadingHeader, size, type, }: SkeletonProps): JSX.Element;
+export declare function PHXSkeleton({ className, size, type }: SkeletonProps): JSX.Element;

package/dist/esm/components/Skeleton/Skeleton.js

@@ -2,49 +2,44 @@ import { PHXCard } from '../Card/Card';
 import React from 'react';
 import { classNames } from '../types';
 export function PHXSkeleton(_a) {
-    var className = _a.className, _b = _a.loadingHeader, loadingHeader = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'extra-large' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'extra-large' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c;
     var skeletonClass = classNames(
     // @ts-ignore
     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', size === 'extra-large' && 'mx-auto w-full');
+    var Skeleton = function () { return (React.createElement("div", { className: 'flex animate-pulse space-x-4' },
+        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+            React.createElement(TableLoad, null),
+            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+            React.createElement("div", { className: 'space-y-3' },
+                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); };
+    var TableLoad = function () {
+        return type !== 'table' ? React.createElement("div", { className: 'h-3 w-1/4 rounded bg-gray-200' }) : null;
+    };
     return (React.createElement(React.Fragment, null, type === 'single' ? (React.createElement("div", { className: "flex animate-pulse space-x-4 ".concat(className) },
         React.createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))) : (React.createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
-        loadingHeader ? (React.createElement("div", { className: 'mb-8 flex animate-pulse space-x-4' },
-            React.createElement("div", { className: 'h-6 w-1/3 rounded bg-gray-200' }))) : null,
-        React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-6') },
+        type !== 'table' ? (React.createElement("div", { className: 'mb-8 flex animate-pulse space-x-4' },
+            React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
+        React.createElement("div", { className: classNames(type === 'default' || type === 'table'
+                ? ''
+                : 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-6') },
             React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
                 React.createElement(PHXCard, null,
-                    React.createElement("div", { className: 'mb-4 flex animate-pulse space-x-4' },
-                        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
-                            React.createElement("div", { className: 'h-6 w-1/4 rounded bg-gray-200' }),
-                            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
-                            React.createElement("div", { className: 'space-y-3' },
-                                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
-                                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
-                                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
-                                React.createElement("div", { className: 'h-2 rounded bg-gray-200' })))),
-                    React.createElement("div", { className: 'mb-4 flex animate-pulse space-x-4' },
-                        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
-                            React.createElement("div", { className: 'h-6 w-1/4 rounded bg-gray-200' }),
-                            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
-                            React.createElement("div", { className: 'space-y-3' },
-                                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
-                                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
-                                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
-                                React.createElement("div", { className: 'h-2 rounded bg-gray-200' })))),
-                    React.createElement("div", { className: 'flex animate-pulse space-x-4' },
-                        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
-                            React.createElement("div", { className: 'h-6 w-1/4 rounded bg-gray-200' }),
-                            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
-                            React.createElement("div", { className: 'space-y-3' },
-                                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
-                                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
-                                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
-                                React.createElement("div", { className: 'h-2 rounded bg-gray-200' })))))),
+                    React.createElement(Skeleton, null),
+                    React.createElement(Skeleton, null),
+                    React.createElement(Skeleton, null),
+                    type === 'table' && (React.createElement(React.Fragment, null,
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null))))),
             type === 'col' ? (React.createElement("div", { className: 'grid grid-cols-1 gap-4' },
                 React.createElement(PHXCard, null,
                     React.createElement("div", { className: 'flex animate-pulse space-x-4' },
                         React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
-                            React.createElement("div", { className: 'h-6 w-1/3 rounded bg-gray-200' }),
+                            React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
                             React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
                             React.createElement("div", { className: 'space-y-3' },
                                 React.createElement("div", { className: 'grid grid-cols-3 gap-4' },

package/dist/esm/components/Skeleton/Skeleton.js.map

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

package/dist/esm/components/Table/Table.js

@@ -161,7 +161,7 @@ export function PHXTable(_a) {
     var actionClickAll = function () {
         actionName(selectedPeople, true);
     };
-    return (React.createElement(ApolloWrapper, null, isMainLoading ? (React.createElement(PHXSkeleton, { type: 'default', loadingHeader: false })) : (React.createElement(React.Fragment, null, dataTable.length > 0 ? (React.createElement(React.Fragment, null,
+    return (React.createElement(ApolloWrapper, null, isMainLoading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null, dataTable.length > 0 ? (React.createElement(React.Fragment, null,
         React.createElement("div", { className: 'overflow-hidden bg-white shadow ring-1 ring-black ring-opacity-5 rounded-lg' },
             React.createElement("div", { className: 'flex flex-col' },
                 React.createElement("div", { className: 'min-w-full align-middle' },