phx-react 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +11 -0
- package/dist/cjs/commons/IconLoading.d.ts +5 -0
- package/dist/cjs/commons/IconLoading.js +20 -0
- package/dist/cjs/commons/IconLoading.js.map +1 -0
- package/dist/cjs/components/App.d.ts +3 -0
- package/dist/cjs/components/App.js +69 -0
- package/dist/cjs/components/App.js.map +1 -0
- package/dist/cjs/components/Button/Button.d.ts +20 -0
- package/dist/cjs/components/Button/Button.js +43 -0
- package/dist/cjs/components/Button/Button.js.map +1 -0
- package/dist/cjs/components/Button/index.d.ts +1 -0
- package/dist/cjs/components/Button/index.js +5 -0
- package/dist/cjs/components/Button/index.js.map +1 -0
- package/dist/cjs/components/Card/Card.d.ts +17 -0
- package/dist/cjs/components/Card/Card.js +28 -0
- package/dist/cjs/components/Card/Card.js.map +1 -0
- package/dist/cjs/components/Card/Footer.d.ts +3 -0
- package/dist/cjs/components/Card/Footer.js +11 -0
- package/dist/cjs/components/Card/Footer.js.map +1 -0
- package/dist/cjs/components/Card/Section.d.ts +8 -0
- package/dist/cjs/components/Card/Section.js +16 -0
- package/dist/cjs/components/Card/Section.js.map +1 -0
- package/dist/cjs/components/Card/WrapSection.d.ts +3 -0
- package/dist/cjs/components/Card/WrapSection.js +10 -0
- package/dist/cjs/components/Card/WrapSection.js.map +1 -0
- package/dist/cjs/components/Card/index.d.ts +1 -0
- package/dist/cjs/components/Card/index.js +5 -0
- package/dist/cjs/components/Card/index.js.map +1 -0
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +14 -0
- package/dist/cjs/components/Checkbox/Checkbox.js +24 -0
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/cjs/components/Checkbox/index.d.ts +1 -0
- package/dist/cjs/components/Checkbox/index.js +5 -0
- package/dist/cjs/components/Checkbox/index.js.map +1 -0
- package/dist/cjs/components/FormStep/FormStep.d.ts +26 -0
- package/dist/cjs/components/FormStep/FormStep.js +102 -0
- package/dist/cjs/components/FormStep/FormStep.js.map +1 -0
- package/dist/cjs/components/FormStep/index.d.ts +1 -0
- package/dist/cjs/components/FormStep/index.js +5 -0
- package/dist/cjs/components/FormStep/index.js.map +1 -0
- package/dist/cjs/components/FormWrap/FormWrap.d.ts +21 -0
- package/dist/cjs/components/FormWrap/FormWrap.js +30 -0
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -0
- package/dist/cjs/components/FormWrap/index.d.ts +1 -0
- package/dist/cjs/components/FormWrap/index.js +5 -0
- package/dist/cjs/components/FormWrap/index.js.map +1 -0
- package/dist/cjs/components/Func/getLoginInfo.d.ts +1 -0
- package/dist/cjs/components/Func/getLoginInfo.js +11 -0
- package/dist/cjs/components/Func/getLoginInfo.js.map +1 -0
- package/dist/cjs/components/HeaderBar/HeaderBar.d.ts +15 -0
- package/dist/cjs/components/HeaderBar/HeaderBar.js +44 -0
- package/dist/cjs/components/HeaderBar/HeaderBar.js.map +1 -0
- package/dist/cjs/components/HeaderBar/index.d.ts +1 -0
- package/dist/cjs/components/HeaderBar/index.js +5 -0
- package/dist/cjs/components/HeaderBar/index.js.map +1 -0
- package/dist/cjs/components/Input/Input.d.ts +12 -0
- package/dist/cjs/components/Input/Input.js +21 -0
- package/dist/cjs/components/Input/Input.js.map +1 -0
- package/dist/cjs/components/Input/Textarea.d.ts +7 -0
- package/dist/cjs/components/Input/Textarea.js +12 -0
- package/dist/cjs/components/Input/Textarea.js.map +1 -0
- package/dist/cjs/components/Input/index.d.ts +1 -0
- package/dist/cjs/components/Input/index.js +5 -0
- package/dist/cjs/components/Input/index.js.map +1 -0
- package/dist/cjs/components/Loading/Spinner.d.ts +6 -0
- package/dist/cjs/components/Loading/Spinner.js +13 -0
- package/dist/cjs/components/Loading/Spinner.js.map +1 -0
- package/dist/cjs/components/Loading/index.d.ts +1 -0
- package/dist/cjs/components/Loading/index.js +5 -0
- package/dist/cjs/components/Loading/index.js.map +1 -0
- package/dist/cjs/components/MainWrap/MainWrap.d.ts +8 -0
- package/dist/cjs/components/MainWrap/MainWrap.js +190 -0
- package/dist/cjs/components/MainWrap/MainWrap.js.map +1 -0
- package/dist/cjs/components/MainWrap/index.d.ts +1 -0
- package/dist/cjs/components/MainWrap/index.js +5 -0
- package/dist/cjs/components/MainWrap/index.js.map +1 -0
- package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.d.ts +2 -0
- package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.js +49 -0
- package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.js.map +1 -0
- package/dist/cjs/components/MainWrap/navigator/nav-mobile.d.ts +2 -0
- package/dist/cjs/components/MainWrap/navigator/nav-mobile.js +12 -0
- package/dist/cjs/components/MainWrap/navigator/nav-mobile.js.map +1 -0
- package/dist/cjs/components/Notifications/Notifications.d.ts +9 -0
- package/dist/cjs/components/Notifications/Notifications.js +55 -0
- package/dist/cjs/components/Notifications/Notifications.js.map +1 -0
- package/dist/cjs/components/Notifications/index.d.ts +1 -0
- package/dist/cjs/components/Notifications/index.js +5 -0
- package/dist/cjs/components/Notifications/index.js.map +1 -0
- package/dist/cjs/components/Radio/Radio.d.ts +9 -0
- package/dist/cjs/components/Radio/Radio.js +15 -0
- package/dist/cjs/components/Radio/Radio.js.map +1 -0
- package/dist/cjs/components/Radio/index.d.ts +1 -0
- package/dist/cjs/components/Radio/index.js +5 -0
- package/dist/cjs/components/Radio/index.js.map +1 -0
- package/dist/cjs/components/Select/Select.d.ts +12 -0
- package/dist/cjs/components/Select/Select.js +19 -0
- package/dist/cjs/components/Select/Select.js.map +1 -0
- package/dist/cjs/components/Select/index.d.ts +1 -0
- package/dist/cjs/components/Select/index.js +5 -0
- package/dist/cjs/components/Select/index.js.map +1 -0
- package/dist/cjs/components/Skeleton/SkeletonLarge.d.ts +6 -0
- package/dist/cjs/components/Skeleton/SkeletonLarge.js +40 -0
- package/dist/cjs/components/Skeleton/SkeletonLarge.js.map +1 -0
- package/dist/cjs/components/Skeleton/index.d.ts +1 -0
- package/dist/cjs/components/Skeleton/index.js +5 -0
- package/dist/cjs/components/Skeleton/index.js.map +1 -0
- package/dist/cjs/components/Step/Step.d.ts +25 -0
- package/dist/cjs/components/Step/Step.js +102 -0
- package/dist/cjs/components/Step/Step.js.map +1 -0
- package/dist/cjs/components/Step/index.d.ts +1 -0
- package/dist/cjs/components/Step/index.js +5 -0
- package/dist/cjs/components/Step/index.js.map +1 -0
- package/dist/cjs/components/Table/EmptyRecord.d.ts +2 -0
- package/dist/cjs/components/Table/EmptyRecord.js +17 -0
- package/dist/cjs/components/Table/EmptyRecord.js.map +1 -0
- package/dist/cjs/components/Table/EmptySearchResult.d.ts +2 -0
- package/dist/cjs/components/Table/EmptySearchResult.js +16 -0
- package/dist/cjs/components/Table/EmptySearchResult.js.map +1 -0
- package/dist/cjs/components/Table/Pagination.d.ts +3 -0
- package/dist/cjs/components/Table/Pagination.js +59 -0
- package/dist/cjs/components/Table/Pagination.js.map +1 -0
- package/dist/cjs/components/Table/RowTable.d.ts +13 -0
- package/dist/cjs/components/Table/RowTable.js +91 -0
- package/dist/cjs/components/Table/RowTable.js.map +1 -0
- package/dist/cjs/components/Table/Table.d.ts +33 -0
- package/dist/cjs/components/Table/Table.js +252 -0
- package/dist/cjs/components/Table/Table.js.map +1 -0
- package/dist/cjs/components/Table/index.d.ts +1 -0
- package/dist/cjs/components/Table/index.js +5 -0
- package/dist/cjs/components/Table/index.js.map +1 -0
- package/dist/cjs/components/Table/sort.d.ts +3 -0
- package/dist/cjs/components/Table/sort.js +33 -0
- package/dist/cjs/components/Table/sort.js.map +1 -0
- package/dist/cjs/components/types.d.ts +77 -0
- package/dist/cjs/components/types.js +12 -0
- package/dist/cjs/components/types.js.map +1 -0
- package/dist/cjs/demo/AssessmentAction.d.ts +2 -0
- package/dist/cjs/demo/AssessmentAction.js +12 -0
- package/dist/cjs/demo/AssessmentAction.js.map +1 -0
- package/dist/cjs/demo/ContentWrap.d.ts +6 -0
- package/dist/cjs/demo/ContentWrap.js +10 -0
- package/dist/cjs/demo/ContentWrap.js.map +1 -0
- package/dist/cjs/demo/TableDemo.d.ts +3 -0
- package/dist/cjs/demo/TableDemo.js +85 -0
- package/dist/cjs/demo/TableDemo.js.map +1 -0
- package/dist/cjs/index.d.ts +18 -0
- package/dist/cjs/index.js +39 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/lib/apollo-wrapper.d.ts +2 -0
- package/dist/cjs/lib/apollo-wrapper.js +36 -0
- package/dist/cjs/lib/apollo-wrapper.js.map +1 -0
- package/dist/cjs/utils/query.d.ts +3 -0
- package/dist/cjs/utils/query.js +55 -0
- package/dist/cjs/utils/query.js.map +1 -0
- package/dist/cjs/utils/use-disable-interaction.d.ts +2 -0
- package/dist/cjs/utils/use-disable-interaction.js +18 -0
- package/dist/cjs/utils/use-disable-interaction.js.map +1 -0
- package/dist/esm/commons/IconLoading.d.ts +5 -0
- package/dist/esm/commons/IconLoading.js +15 -0
- package/dist/esm/commons/IconLoading.js.map +1 -0
- package/dist/esm/components/App.d.ts +3 -0
- package/dist/esm/components/App.js +66 -0
- package/dist/esm/components/App.js.map +1 -0
- package/dist/esm/components/Button/Button.d.ts +20 -0
- package/dist/esm/components/Button/Button.js +39 -0
- package/dist/esm/components/Button/Button.js.map +1 -0
- package/dist/esm/components/Button/index.d.ts +1 -0
- package/dist/esm/components/Button/index.js +2 -0
- package/dist/esm/components/Button/index.js.map +1 -0
- package/dist/esm/components/Card/Card.d.ts +17 -0
- package/dist/esm/components/Card/Card.js +23 -0
- package/dist/esm/components/Card/Card.js.map +1 -0
- package/dist/esm/components/Card/Footer.d.ts +3 -0
- package/dist/esm/components/Card/Footer.js +8 -0
- package/dist/esm/components/Card/Footer.js.map +1 -0
- package/dist/esm/components/Card/Section.d.ts +8 -0
- package/dist/esm/components/Card/Section.js +13 -0
- package/dist/esm/components/Card/Section.js.map +1 -0
- package/dist/esm/components/Card/WrapSection.d.ts +3 -0
- package/dist/esm/components/Card/WrapSection.js +7 -0
- package/dist/esm/components/Card/WrapSection.js.map +1 -0
- package/dist/esm/components/Card/index.d.ts +1 -0
- package/dist/esm/components/Card/index.js +2 -0
- package/dist/esm/components/Card/index.js.map +1 -0
- package/dist/esm/components/Checkbox/Checkbox.d.ts +14 -0
- package/dist/esm/components/Checkbox/Checkbox.js +20 -0
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/components/Checkbox/index.d.ts +1 -0
- package/dist/esm/components/Checkbox/index.js +2 -0
- package/dist/esm/components/Checkbox/index.js.map +1 -0
- package/dist/esm/components/FormStep/FormStep.d.ts +26 -0
- package/dist/esm/components/FormStep/FormStep.js +98 -0
- package/dist/esm/components/FormStep/FormStep.js.map +1 -0
- package/dist/esm/components/FormStep/index.d.ts +1 -0
- package/dist/esm/components/FormStep/index.js +2 -0
- package/dist/esm/components/FormStep/index.js.map +1 -0
- package/dist/esm/components/FormWrap/FormWrap.d.ts +21 -0
- package/dist/esm/components/FormWrap/FormWrap.js +25 -0
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -0
- package/dist/esm/components/FormWrap/index.d.ts +1 -0
- package/dist/esm/components/FormWrap/index.js +2 -0
- package/dist/esm/components/FormWrap/index.js.map +1 -0
- package/dist/esm/components/Func/getLoginInfo.d.ts +1 -0
- package/dist/esm/components/Func/getLoginInfo.js +7 -0
- package/dist/esm/components/Func/getLoginInfo.js.map +1 -0
- package/dist/esm/components/HeaderBar/HeaderBar.d.ts +15 -0
- package/dist/esm/components/HeaderBar/HeaderBar.js +39 -0
- package/dist/esm/components/HeaderBar/HeaderBar.js.map +1 -0
- package/dist/esm/components/HeaderBar/index.d.ts +1 -0
- package/dist/esm/components/HeaderBar/index.js +2 -0
- package/dist/esm/components/HeaderBar/index.js.map +1 -0
- package/dist/esm/components/Input/Input.d.ts +12 -0
- package/dist/esm/components/Input/Input.js +17 -0
- package/dist/esm/components/Input/Input.js.map +1 -0
- package/dist/esm/components/Input/Textarea.d.ts +7 -0
- package/dist/esm/components/Input/Textarea.js +8 -0
- package/dist/esm/components/Input/Textarea.js.map +1 -0
- package/dist/esm/components/Input/index.d.ts +1 -0
- package/dist/esm/components/Input/index.js +2 -0
- package/dist/esm/components/Input/index.js.map +1 -0
- package/dist/esm/components/Loading/Spinner.d.ts +6 -0
- package/dist/esm/components/Loading/Spinner.js +8 -0
- package/dist/esm/components/Loading/Spinner.js.map +1 -0
- package/dist/esm/components/Loading/index.d.ts +1 -0
- package/dist/esm/components/Loading/index.js +2 -0
- package/dist/esm/components/Loading/index.js.map +1 -0
- package/dist/esm/components/MainWrap/MainWrap.d.ts +8 -0
- package/dist/esm/components/MainWrap/MainWrap.js +186 -0
- package/dist/esm/components/MainWrap/MainWrap.js.map +1 -0
- package/dist/esm/components/MainWrap/index.d.ts +1 -0
- package/dist/esm/components/MainWrap/index.js +2 -0
- package/dist/esm/components/MainWrap/index.js.map +1 -0
- package/dist/esm/components/MainWrap/navigator/nav-mobile-content.d.ts +2 -0
- package/dist/esm/components/MainWrap/navigator/nav-mobile-content.js +45 -0
- package/dist/esm/components/MainWrap/navigator/nav-mobile-content.js.map +1 -0
- package/dist/esm/components/MainWrap/navigator/nav-mobile.d.ts +2 -0
- package/dist/esm/components/MainWrap/navigator/nav-mobile.js +8 -0
- package/dist/esm/components/MainWrap/navigator/nav-mobile.js.map +1 -0
- package/dist/esm/components/Notifications/Notifications.d.ts +9 -0
- package/dist/esm/components/Notifications/Notifications.js +50 -0
- package/dist/esm/components/Notifications/Notifications.js.map +1 -0
- package/dist/esm/components/Notifications/index.d.ts +1 -0
- package/dist/esm/components/Notifications/index.js +2 -0
- package/dist/esm/components/Notifications/index.js.map +1 -0
- package/dist/esm/components/Radio/Radio.d.ts +9 -0
- package/dist/esm/components/Radio/Radio.js +11 -0
- package/dist/esm/components/Radio/Radio.js.map +1 -0
- package/dist/esm/components/Radio/index.d.ts +1 -0
- package/dist/esm/components/Radio/index.js +2 -0
- package/dist/esm/components/Radio/index.js.map +1 -0
- package/dist/esm/components/Select/Select.d.ts +12 -0
- package/dist/esm/components/Select/Select.js +15 -0
- package/dist/esm/components/Select/Select.js.map +1 -0
- package/dist/esm/components/Select/index.d.ts +1 -0
- package/dist/esm/components/Select/index.js +2 -0
- package/dist/esm/components/Select/index.js.map +1 -0
- package/dist/esm/components/Skeleton/SkeletonLarge.d.ts +6 -0
- package/dist/esm/components/Skeleton/SkeletonLarge.js +35 -0
- package/dist/esm/components/Skeleton/SkeletonLarge.js.map +1 -0
- package/dist/esm/components/Skeleton/index.d.ts +1 -0
- package/dist/esm/components/Skeleton/index.js +2 -0
- package/dist/esm/components/Skeleton/index.js.map +1 -0
- package/dist/esm/components/Step/Step.d.ts +25 -0
- package/dist/esm/components/Step/Step.js +98 -0
- package/dist/esm/components/Step/Step.js.map +1 -0
- package/dist/esm/components/Step/index.d.ts +1 -0
- package/dist/esm/components/Step/index.js +2 -0
- package/dist/esm/components/Step/index.js.map +1 -0
- package/dist/esm/components/Table/EmptyRecord.d.ts +2 -0
- package/dist/esm/components/Table/EmptyRecord.js +13 -0
- package/dist/esm/components/Table/EmptyRecord.js.map +1 -0
- package/dist/esm/components/Table/EmptySearchResult.d.ts +2 -0
- package/dist/esm/components/Table/EmptySearchResult.js +12 -0
- package/dist/esm/components/Table/EmptySearchResult.js.map +1 -0
- package/dist/esm/components/Table/Pagination.d.ts +3 -0
- package/dist/esm/components/Table/Pagination.js +56 -0
- package/dist/esm/components/Table/Pagination.js.map +1 -0
- package/dist/esm/components/Table/RowTable.d.ts +13 -0
- package/dist/esm/components/Table/RowTable.js +87 -0
- package/dist/esm/components/Table/RowTable.js.map +1 -0
- package/dist/esm/components/Table/Table.d.ts +33 -0
- package/dist/esm/components/Table/Table.js +248 -0
- package/dist/esm/components/Table/Table.js.map +1 -0
- package/dist/esm/components/Table/index.d.ts +1 -0
- package/dist/esm/components/Table/index.js +2 -0
- package/dist/esm/components/Table/index.js.map +1 -0
- package/dist/esm/components/Table/sort.d.ts +3 -0
- package/dist/esm/components/Table/sort.js +30 -0
- package/dist/esm/components/Table/sort.js.map +1 -0
- package/dist/esm/components/types.d.ts +77 -0
- package/dist/esm/components/types.js +8 -0
- package/dist/esm/components/types.js.map +1 -0
- package/dist/esm/demo/AssessmentAction.d.ts +2 -0
- package/dist/esm/demo/AssessmentAction.js +7 -0
- package/dist/esm/demo/AssessmentAction.js.map +1 -0
- package/dist/esm/demo/ContentWrap.d.ts +6 -0
- package/dist/esm/demo/ContentWrap.js +7 -0
- package/dist/esm/demo/ContentWrap.js.map +1 -0
- package/dist/esm/demo/TableDemo.d.ts +3 -0
- package/dist/esm/demo/TableDemo.js +82 -0
- package/dist/esm/demo/TableDemo.js.map +1 -0
- package/dist/esm/index.d.ts +18 -0
- package/dist/esm/index.js +19 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/lib/apollo-wrapper.d.ts +2 -0
- package/dist/esm/lib/apollo-wrapper.js +31 -0
- package/dist/esm/lib/apollo-wrapper.js.map +1 -0
- package/dist/esm/utils/query.d.ts +3 -0
- package/dist/esm/utils/query.js +50 -0
- package/dist/esm/utils/query.js.map +1 -0
- package/dist/esm/utils/use-disable-interaction.d.ts +2 -0
- package/dist/esm/utils/use-disable-interaction.js +14 -0
- package/dist/esm/utils/use-disable-interaction.js.map +1 -0
- package/package.json +97 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { classNames } from '../types';
|
|
3
|
+
export var PHXSpinner = function (_a) {
|
|
4
|
+
var _b = _a.color, color = _b === void 0 ? 'indigo' : _b, _c = _a.className, className = _c === void 0 ? 'w-5 h-5' : _c;
|
|
5
|
+
var colorMaker = classNames(color === 'indigo' && 'text-indigo-600', color === 'gray' && 'text-gray-600');
|
|
6
|
+
return (React.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' }));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Loading/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAOrC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAyD;QAAvD,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAAE,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA;IAClE,IAAM,UAAU,GAAG,UAAU,CAAC,KAAK,KAAK,QAAQ,IAAI,iBAAiB,EAAE,KAAK,KAAK,MAAM,IAAI,eAAe,CAAC,CAAA;IAC3G,OAAO,CACL,6BACE,SAAS,EAAE,oCAA6B,SAAS,+DAAqD,UAAU,kBAAe,EAC/H,IAAI,EAAC,QAAQ,gBACF,UAAU,GAChB,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Spinner';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import { faRepeat, faSchool, faSchoolCircleCheck, faSuitcaseMedical } from '@fortawesome/free-solid-svg-icons';
|
|
3
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
4
|
+
import { Dialog, Transition } from '@headlessui/react';
|
|
5
|
+
import { Bars3Icon, BellIcon, XMarkIcon } from '@heroicons/react/24/outline';
|
|
6
|
+
import React, { Fragment, useEffect, useState } from 'react';
|
|
7
|
+
import NavMobile from './navigator/nav-mobile';
|
|
8
|
+
function classNames() {
|
|
9
|
+
var classes = [];
|
|
10
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
11
|
+
classes[_i] = arguments[_i];
|
|
12
|
+
}
|
|
13
|
+
return classes.filter(Boolean).join(' ');
|
|
14
|
+
}
|
|
15
|
+
export var MainWrap = function (_a) {
|
|
16
|
+
var children = _a.children, pathName = _a.pathName, router = _a.router, code = _a.code;
|
|
17
|
+
var _b = useState(false), sidebarOpen = _b[0], setSidebarOpen = _b[1];
|
|
18
|
+
var _c = useState([]), subNavigation = _c[0], setSubNavigation = _c[1];
|
|
19
|
+
var _d = useState([]), navigation = _d[0], setNavigation = _d[1];
|
|
20
|
+
var _e = useState([]), menu = _e[0], setMenu = _e[1];
|
|
21
|
+
useEffect(function () {
|
|
22
|
+
var fetchData = function (url) { return __awaiter(void 0, void 0, void 0, function () {
|
|
23
|
+
var data, json;
|
|
24
|
+
return __generator(this, function (_a) {
|
|
25
|
+
switch (_a.label) {
|
|
26
|
+
case 0: return [4 /*yield*/, fetch(url)];
|
|
27
|
+
case 1:
|
|
28
|
+
data = _a.sent();
|
|
29
|
+
return [4 /*yield*/, data.json()];
|
|
30
|
+
case 2:
|
|
31
|
+
json = _a.sent();
|
|
32
|
+
setMenu(json);
|
|
33
|
+
return [2 /*return*/];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
}); };
|
|
37
|
+
switch (code) {
|
|
38
|
+
case 'iris-staging':
|
|
39
|
+
fetchData('https://static-data.phx.asia/iris/staging-menu.json')["catch"](console.error);
|
|
40
|
+
break;
|
|
41
|
+
case 'test':
|
|
42
|
+
fetchData('https://static-data.phx.asia/iris/staging-menu.json')["catch"](console.error);
|
|
43
|
+
break;
|
|
44
|
+
default:
|
|
45
|
+
break;
|
|
46
|
+
}
|
|
47
|
+
}, [code]);
|
|
48
|
+
var isEqualUrl = function (parentHref, pathName) {
|
|
49
|
+
var pathNameSplit = pathName.split('/');
|
|
50
|
+
var urlRouter1 = pathNameSplit[1];
|
|
51
|
+
var hrefSplit = parentHref.split('/');
|
|
52
|
+
var currentMenu1 = hrefSplit[1];
|
|
53
|
+
return urlRouter1 === currentMenu1;
|
|
54
|
+
};
|
|
55
|
+
var isBelongParent = function (parentUrl, pathName) {
|
|
56
|
+
var parentSplit = parentUrl.split('/');
|
|
57
|
+
var pathNameSplit = pathName.split('/');
|
|
58
|
+
return parentSplit[1] === pathNameSplit[2] && parentSplit[2] === pathNameSplit[3];
|
|
59
|
+
};
|
|
60
|
+
var loadParentNavigation = function (pathName) {
|
|
61
|
+
var mainNavigation = menu;
|
|
62
|
+
var naviSize = mainNavigation.length;
|
|
63
|
+
for (var i = 0; i < naviSize; i++) {
|
|
64
|
+
var item = mainNavigation[i];
|
|
65
|
+
item.current = false;
|
|
66
|
+
if (item.path === pathName || isEqualUrl(item.path, pathName)) {
|
|
67
|
+
item.current = true;
|
|
68
|
+
// Find sub modules
|
|
69
|
+
var itemLength = item.child.length;
|
|
70
|
+
var listChildren = [];
|
|
71
|
+
for (var j = 0; j < itemLength; j++) {
|
|
72
|
+
var childItem = item.child[j];
|
|
73
|
+
// Active child item
|
|
74
|
+
childItem.current = isBelongParent(childItem.path, pathName);
|
|
75
|
+
listChildren.push(childItem);
|
|
76
|
+
}
|
|
77
|
+
setSubNavigation(listChildren);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
setNavigation(mainNavigation);
|
|
81
|
+
};
|
|
82
|
+
useEffect(function () {
|
|
83
|
+
if (pathName) {
|
|
84
|
+
loadParentNavigation(pathName);
|
|
85
|
+
}
|
|
86
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
87
|
+
}, [menu]);
|
|
88
|
+
var loadSubNavigation = function (pathName) {
|
|
89
|
+
var subLength = subNavigation.length;
|
|
90
|
+
var newSub = [];
|
|
91
|
+
for (var i = 0; i < subLength; i++) {
|
|
92
|
+
var item = subNavigation[i];
|
|
93
|
+
item.current = item.path == pathName;
|
|
94
|
+
newSub.push(item);
|
|
95
|
+
}
|
|
96
|
+
setSubNavigation(newSub);
|
|
97
|
+
};
|
|
98
|
+
var triggerClicked = function (pathName) {
|
|
99
|
+
loadParentNavigation(pathName);
|
|
100
|
+
};
|
|
101
|
+
var subNavigationTriggerClicked = function (item) {
|
|
102
|
+
loadSubNavigation(item.path);
|
|
103
|
+
router.push(item.path);
|
|
104
|
+
};
|
|
105
|
+
return (React.createElement(React.Fragment, null,
|
|
106
|
+
React.createElement("div", { className: 'flex min-h-full flex-col' },
|
|
107
|
+
React.createElement("header", { className: 'top-0 z-50 fixed border-b border-gray-200 bg-white min-w-full' },
|
|
108
|
+
React.createElement("div", { className: 'mx-auto flex h-14 items-center justify-between px-4 bg-[#1a1a1a]' },
|
|
109
|
+
React.createElement("div", { className: 'flex items-center' },
|
|
110
|
+
React.createElement("div", { className: 'lg:hidden' },
|
|
111
|
+
React.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); } },
|
|
112
|
+
React.createElement("span", { className: 'sr-only' }, "Open sidebar"),
|
|
113
|
+
React.createElement(Bars3Icon, { className: 'h-6 w-6', "aria-hidden": 'true' }))),
|
|
114
|
+
React.createElement("div", { className: 'hidden lg:block' },
|
|
115
|
+
React.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' },
|
|
116
|
+
React.createElement("img", { className: 'w-auto px-2', src: '/logo.png', width: '504', height: '199', alt: 'Logo' })))),
|
|
117
|
+
React.createElement("div", { className: 'flex items-center gap-x-8' },
|
|
118
|
+
React.createElement("button", { className: '-m-2.5 p-2.5 text-gray-400 hover:text-gray-300', type: 'button' },
|
|
119
|
+
React.createElement("span", { className: 'sr-only' }, "View notifications"),
|
|
120
|
+
React.createElement(BellIcon, { "aria-hidden": 'true', className: 'h-6 w-6' })),
|
|
121
|
+
React.createElement("a", { className: '-m-1.5 p-1.5', href: '#1' },
|
|
122
|
+
React.createElement("span", { className: 'sr-only' }, "Your profile"),
|
|
123
|
+
React.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' })))))),
|
|
124
|
+
React.createElement("div", { className: 'flex min-h-screen relative bg-[#f1f1f1]' },
|
|
125
|
+
React.createElement(Transition.Root, { show: sidebarOpen, as: Fragment },
|
|
126
|
+
React.createElement(Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },
|
|
127
|
+
React.createElement(Transition.Child, { as: 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' },
|
|
128
|
+
React.createElement("div", { className: 'fixed inset-0 bg-gray-600 bg-opacity-75' })),
|
|
129
|
+
React.createElement("div", { className: 'fixed inset-0 z-40 flex' },
|
|
130
|
+
React.createElement(Transition.Child, { as: 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' },
|
|
131
|
+
React.createElement(Dialog.Panel, { className: 'relative flex w-full max-w-xs flex-1 flex-col bg-[#ebebeb]' },
|
|
132
|
+
React.createElement(Transition.Child, { as: 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' },
|
|
133
|
+
React.createElement("div", { className: 'absolute top-0 right-0 -mr-12 pt-2' },
|
|
134
|
+
React.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); } },
|
|
135
|
+
React.createElement("span", { className: 'sr-only' }, "Close sidebar"),
|
|
136
|
+
React.createElement(XMarkIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })))),
|
|
137
|
+
React.createElement("div", { className: 'h-0 flex-1 overflow-y-auto pt-5 pb-4 mt-14' },
|
|
138
|
+
React.createElement("div", { className: 'flex flex-shrink-0 items-center px-4' },
|
|
139
|
+
React.createElement("div", { className: 'w-20' },
|
|
140
|
+
React.createElement("a", { href: '/' },
|
|
141
|
+
React.createElement("img", { src: '/logo.png', width: '504', height: '199', alt: 'Logo' })))),
|
|
142
|
+
React.createElement(NavMobile, { pathName: pathName, menu: menu, router: router })))),
|
|
143
|
+
React.createElement("div", { className: 'w-14 flex-shrink-0', "aria-hidden": 'true' })))),
|
|
144
|
+
React.createElement("div", { className: 'hidden lg:flex lg:flex-shrink-0' },
|
|
145
|
+
React.createElement("div", { className: 'w-[20rem] flex' },
|
|
146
|
+
React.createElement("div", { className: 'flex lg:fixed lg:inset-y-0 mt-14' },
|
|
147
|
+
React.createElement("div", { className: 'flex w-18 flex-col border-r' },
|
|
148
|
+
React.createElement("div", { className: 'flex flex-1 flex-col overflow-y-auto #ebebeb' },
|
|
149
|
+
React.createElement("div", { className: 'flex-1' },
|
|
150
|
+
React.createElement("div", { "aria-label": 'Sidebar', className: 'hidden md:block md:flex-shrink-0 md:overflow-y-auto' },
|
|
151
|
+
React.createElement("div", { className: 'relative flex w-20 flex-col space-y- p-3 overflow-hidden' }, navigation.map(function (item) { return (React.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') },
|
|
152
|
+
React.createElement("span", { className: 'sr-only' }, item.name),
|
|
153
|
+
React.createElement("span", { className: 'relative cursor-pointer group hover:overflow-visible p-8 hover:fixed hover:z-10 focus-visible:outline-none' },
|
|
154
|
+
React.createElement(FontAwesomeIcon, { icon: item.image == 'admissions'
|
|
155
|
+
? faSchoolCircleCheck
|
|
156
|
+
: item.image == 'medical'
|
|
157
|
+
? faSuitcaseMedical
|
|
158
|
+
: faSchool, className: 'h-6 w-6' }),
|
|
159
|
+
React.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)))); })))))),
|
|
160
|
+
React.createElement("aside", { className: 'hidden lg:block lg:flex-shrink-0' },
|
|
161
|
+
React.createElement("div", { className: 'relative flex h-full w-60 flex-col overflow-y-auto border-r border-gray-200 bg-[#ebebeb]' },
|
|
162
|
+
React.createElement("div", { className: 'flex-1 overflow-y-auto pt-3' },
|
|
163
|
+
subNavigation.map(function (item) { return (React.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 },
|
|
164
|
+
React.createElement("div", { className: 'ml-3 text-sm' },
|
|
165
|
+
React.createElement("div", { className: 'flex' },
|
|
166
|
+
React.createElement("p", { className: "font-medium ".concat(item.current ? 'text-slate-900' : 'text-slate-600') }, item.name),
|
|
167
|
+
item.icon ? (React.createElement("span", null,
|
|
168
|
+
React.createElement(item.icon, { className: 'ml-2 mt-0.5 h-4 w-4 text-gray-400', "aria-hidden": 'true' }))) : (React.createElement(React.Fragment, null))),
|
|
169
|
+
React.createElement("p", { className: 'mt-1 text-slate-500' }, item.description)))); }),
|
|
170
|
+
React.createElement("div", { className: 'absolute bottom-0 p-3 pb-5 border-t w-full' },
|
|
171
|
+
React.createElement("div", { className: 'flex justify-between items-center' },
|
|
172
|
+
React.createElement("div", { className: 'flex items-baseline' },
|
|
173
|
+
React.createElement("div", null,
|
|
174
|
+
React.createElement(FontAwesomeIcon, { icon: faSchool, className: 'w-5 mr-1 text-gray-500' })),
|
|
175
|
+
React.createElement("div", { className: 'text-gray-500 text-xs font-medium' }, "Tr\u01B0\u1EDDng li\u00EAn c\u1EA5p Iris")),
|
|
176
|
+
React.createElement("div", null,
|
|
177
|
+
React.createElement("a", { href: '/' },
|
|
178
|
+
React.createElement(FontAwesomeIcon, { icon: 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' }))))))))))),
|
|
179
|
+
React.createElement("div", { className: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
|
|
180
|
+
React.createElement("main", { className: 'flex flex-1 overflow-hidden' },
|
|
181
|
+
React.createElement("section", { "aria-labelledby": 'primary-heading', className: 'flex h-full min-w-0 flex-1 flex-col lg:order-last' },
|
|
182
|
+
React.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' }),
|
|
183
|
+
React.createElement("div", { className: 'px-6 bg-[#f1f1f1]' },
|
|
184
|
+
React.createElement("div", { className: 'py-4' }, children))))))));
|
|
185
|
+
};
|
|
186
|
+
//# sourceMappingURL=MainWrap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MainWrap.js","sourceRoot":"","sources":["../../../../src/components/MainWrap/MainWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MainWrap';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MainWrap/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Disclosure, Transition } from '@headlessui/react';
|
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { faSchool, faSchoolCircleCheck, faSuitcaseMedical } from '@fortawesome/free-solid-svg-icons';
|
|
5
|
+
function classNames() {
|
|
6
|
+
var classes = [];
|
|
7
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
8
|
+
classes[_i] = arguments[_i];
|
|
9
|
+
}
|
|
10
|
+
return classes.filter(Boolean).join(' ');
|
|
11
|
+
}
|
|
12
|
+
export default function NavMobileContent(_a) {
|
|
13
|
+
var pathName = _a.pathName, menu = _a.menu, router = _a.router;
|
|
14
|
+
var closeSideBar = function (item) {
|
|
15
|
+
router.push(item.path);
|
|
16
|
+
};
|
|
17
|
+
var activeModule = function (href) {
|
|
18
|
+
var pathNameSplit = pathName.split('/');
|
|
19
|
+
var urlRouter1 = pathNameSplit[2];
|
|
20
|
+
var urlRouter2 = pathNameSplit[3];
|
|
21
|
+
var hrefSplit = href.split('/');
|
|
22
|
+
var currentMenu1 = hrefSplit[1];
|
|
23
|
+
var currentMenu2 = hrefSplit[2];
|
|
24
|
+
return urlRouter1 === currentMenu1 && urlRouter2 === currentMenu2;
|
|
25
|
+
};
|
|
26
|
+
return (React.createElement(React.Fragment, null, menu ? (menu.map(function (item) {
|
|
27
|
+
return !item.child ? (React.createElement("div", { key: item.name },
|
|
28
|
+
React.createElement("a", { href: item.path, className: classNames(item.current ? 'text-gray-900' : 'text-gray-600 ', 'group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md') }, item.name))) : (React.createElement(Disclosure, { defaultOpen: item.open, as: 'div', key: item.name, className: 'space-y-1' }, function (_a) {
|
|
29
|
+
var open = _a.open;
|
|
30
|
+
return (React.createElement(React.Fragment, null,
|
|
31
|
+
React.createElement(Disclosure.Button, { className: classNames(item.current ? 'text-gray-600' : 'text-gray-600 ', 'group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500') },
|
|
32
|
+
React.createElement(FontAwesomeIcon, { className: 'h-5 w-5 text-gray-600 group-hover:text-gray-600 mr-2', icon: item.image == 'admissions'
|
|
33
|
+
? faSchoolCircleCheck
|
|
34
|
+
: item.image == 'medical'
|
|
35
|
+
? faSuitcaseMedical
|
|
36
|
+
: faSchool }),
|
|
37
|
+
React.createElement("span", { className: 'flex-1 subpixel-antialiased' }, item.name),
|
|
38
|
+
React.createElement("svg", { className: classNames(open ? 'text-gray-400 rotate-90' : 'text-gray-300', 'ml-3 h-5 w-5 flex-shrink-0 transform transition-colors duration-150 ease-in-out group-hover:text-gray-400'), viewBox: '0 0 20 20', "aria-hidden": 'true' },
|
|
39
|
+
React.createElement("path", { d: 'M6 6L14 10L6 14V6Z', fill: 'currentColor' }))),
|
|
40
|
+
React.createElement(Transition, { show: open, enter: 'transition duration-100 ease-out', enterFrom: 'transform scale-95 opacity-0', enterTo: 'transform scale-100 opacity-100', leave: 'transition duration-75 ease-out', leaveFrom: 'transform scale-100 opacity-100', leaveTo: 'transform scale-95 opacity-0' },
|
|
41
|
+
React.createElement(Disclosure.Panel, { static: false, className: 'space-y-1' }, item.child.map(function (subItem, index) { return (React.createElement("p", { onClick: function () { return closeSideBar(subItem); }, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-11 pr-2 text-sm font-medium hover:bg-gray-100', activeModule(subItem.path) ? 'text-indigo-600 hover:text-indigo-600' : ' text-gray-500'), key: index }, subItem.name)); })))));
|
|
42
|
+
}));
|
|
43
|
+
})) : (React.createElement(React.Fragment, null))));
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=nav-mobile-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-mobile-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrap/navigator/nav-mobile-content.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import NavMobileContent from './nav-mobile-content';
|
|
3
|
+
export default function NavMobile(_a) {
|
|
4
|
+
var pathName = _a.pathName, menu = _a.menu, router = _a.router;
|
|
5
|
+
return (React.createElement("nav", { className: 'mt-5 space-y-1 px-2' },
|
|
6
|
+
React.createElement(NavMobileContent, { pathName: pathName, menu: menu, router: router })));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=nav-mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-mobile.js","sourceRoot":"","sources":["../../../../../src/components/MainWrap/navigator/nav-mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,gBAAgB,MAAM,sBAAsB,CAAA;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACxD,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CAChE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface NotificationsProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
show?: boolean;
|
|
5
|
+
type?: 'add' | 'edit';
|
|
6
|
+
failure?: boolean;
|
|
7
|
+
onHide?: any;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXNotifications: ({ className, show, type, onHide, failure }: NotificationsProps) => JSX.Element;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React, { Fragment, useEffect, useState } from 'react';
|
|
2
|
+
import { classNames } from '../types';
|
|
3
|
+
import { Transition } from '@headlessui/react';
|
|
4
|
+
import { XMarkIcon } from '@heroicons/react/20/solid';
|
|
5
|
+
export var PHXNotifications = function (_a) {
|
|
6
|
+
var className = _a.className, show = _a.show, type = _a.type, onHide = _a.onHide, failure = _a.failure;
|
|
7
|
+
var _b = useState(false), notify = _b[0], setNotify = _b[1];
|
|
8
|
+
var _c = useState(false), isFailure = _c[0], setIsFailure = _c[1];
|
|
9
|
+
useEffect(function () {
|
|
10
|
+
// @ts-ignore
|
|
11
|
+
setNotify(show);
|
|
12
|
+
}, [show]);
|
|
13
|
+
useEffect(function () {
|
|
14
|
+
// @ts-ignore
|
|
15
|
+
if (failure) {
|
|
16
|
+
setIsFailure(true);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
setTimeout(function () {
|
|
20
|
+
setIsFailure(false);
|
|
21
|
+
}, 200);
|
|
22
|
+
}
|
|
23
|
+
}, [failure]);
|
|
24
|
+
var hideNotify = function () {
|
|
25
|
+
setNotify(false);
|
|
26
|
+
setTimeout(function () {
|
|
27
|
+
setIsFailure(false);
|
|
28
|
+
}, 200);
|
|
29
|
+
if (onHide) {
|
|
30
|
+
onHide();
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
return (React.createElement("div", { "aria-live": 'assertive', className: "pointer-events-none inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
|
|
34
|
+
React.createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center' },
|
|
35
|
+
React.createElement(Transition, { as: Fragment, enter: 'transform ease-out duration-500 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
|
|
36
|
+
React.createElement("div", { className: classNames('pointer-events-auto max-w-sm overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5', isFailure ? 'bg-red-600' : 'bg-indigo-800') },
|
|
37
|
+
React.createElement("div", { className: 'p-3' },
|
|
38
|
+
React.createElement("div", { className: 'flex items-center justify-between' },
|
|
39
|
+
React.createElement("div", { className: 'ml-1' },
|
|
40
|
+
React.createElement("p", { className: 'text-xs font-normal text-white' }, isFailure
|
|
41
|
+
? 'Oops Lỗi, vui lòng thử lại!'
|
|
42
|
+
: type === 'add'
|
|
43
|
+
? 'Thêm mới thành công'
|
|
44
|
+
: 'Cập nhật thành công')),
|
|
45
|
+
React.createElement("div", { className: 'ml-4 flex pt-0.5' },
|
|
46
|
+
React.createElement("button", { className: 'inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500', onClick: function () { return hideNotify(); }, type: 'button' },
|
|
47
|
+
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
48
|
+
React.createElement(XMarkIcon, { "aria-hidden": 'true', className: classNames('h-4 w-4 text-white', isFailure ? 'bg-red-600' : 'bg-indigo-800') }))))))))));
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=Notifications.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAUrD,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAA8D;QAA5D,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IACjE,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,SAAS,CAAC;QACR,aAAa;QACb,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,CAAC;QACR,aAAa;QACb,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;aAAM;YACL,UAAU,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,UAAU,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,GAAG,CAAC,CAAA;QACP,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAA;SACT;IACH,CAAC,CAAA;IACD,OAAO,CACL,0CACY,WAAW,EACrB,SAAS,EAAE,qFAA8E,SAAS,CAAE;QAEpG,6BAAK,SAAS,EAAC,4EAA4E;YAEzF,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D,EACpE,IAAI,EAAE,MAAM;gBAEZ,6BACE,SAAS,EAAE,UAAU,CACnB,oGAAoG,EACpG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC3C;oBAED,6BAAK,SAAS,EAAC,KAAK;wBAClB,6BAAK,SAAS,EAAC,mCAAmC;4BAChD,6BAAK,SAAS,EAAC,MAAM;gCACnB,2BAAG,SAAS,EAAC,gCAAgC,IAC1C,SAAS;oCACR,CAAC,CAAC,6BAA6B;oCAC/B,CAAC,CAAC,IAAI,KAAK,KAAK;wCAChB,CAAC,CAAC,qBAAqB;wCACvB,CAAC,CAAC,qBAAqB,CACvB,CACA;4BACN,6BAAK,SAAS,EAAC,kBAAkB;gCAC/B,gCACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,IAAI,EAAC,QAAQ;oCAEb,8BAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,oBAAC,SAAS,mBACI,MAAM,EAClB,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,GACvF,CACK,CACL,CACF,CACF,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Notifications';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notifications/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
|
+
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
+
className?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
register?: UseFormRegisterReturn;
|
|
7
|
+
title?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXRadio: React.FC<InputProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export var PHXRadio = function (_a) {
|
|
4
|
+
var className = _a.className, label = _a.label, register = _a.register, title = _a.title, rest = __rest(_a, ["className", "label", "register", "title"]);
|
|
5
|
+
return (React.createElement("div", { className: className },
|
|
6
|
+
React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
|
|
7
|
+
React.createElement("div", { className: 'flex items-center mt-1' },
|
|
8
|
+
React.createElement("input", __assign({}, rest, register, { type: 'radio', className: 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500' })),
|
|
9
|
+
React.createElement("label", { className: 'ml-3 block text-xs text-gray-700' }, title))));
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAUlD,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAA0D;IAAxD,IAAA,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,cAA5C,2CAA8C,CAAF;IACzF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,0CACM,IAAI,EACJ,QAAQ,IACZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,mEAAmE,IAC7E;YACF,+BAAO,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAS,CAC/D,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Radio';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { SelectHTMLAttributes } from 'react';
|
|
2
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
|
+
export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
4
|
+
className?: string;
|
|
5
|
+
register?: UseFormRegisterReturn;
|
|
6
|
+
children?: any;
|
|
7
|
+
label?: string;
|
|
8
|
+
helpText?: string;
|
|
9
|
+
error?: boolean;
|
|
10
|
+
errorMessage?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const PHXSelect: React.FC<SelectProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { classNames } from '../types';
|
|
4
|
+
export var PHXSelect = function (_a) {
|
|
5
|
+
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"]);
|
|
6
|
+
return (React.createElement("div", { className: className },
|
|
7
|
+
React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
|
|
8
|
+
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),
|
|
9
|
+
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
10
|
+
error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
11
|
+
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' },
|
|
12
|
+
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' })),
|
|
13
|
+
React.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Select';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { classNames } from '../types';
|
|
3
|
+
export function PHXSkeletonLarge(_a) {
|
|
4
|
+
var _b = _a.size, size = _b === void 0 ? 'extra-large' : _b, className = _a.className;
|
|
5
|
+
var skeletonClass = 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', size === 'extra-large' && 'mx-auto w-full');
|
|
6
|
+
return (React.createElement("div", { className: className },
|
|
7
|
+
React.createElement("div", { className: "".concat(skeletonClass, " mb-4 rounded-md p-4 shadow") },
|
|
8
|
+
React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
9
|
+
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
10
|
+
React.createElement("div", { className: 'h-2 rounded bg-slate-200' }),
|
|
11
|
+
React.createElement("div", { className: 'space-y-3' },
|
|
12
|
+
React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
13
|
+
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-slate-200' }),
|
|
14
|
+
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-slate-200' })),
|
|
15
|
+
React.createElement("div", { className: 'h-2 rounded bg-slate-200' }))))),
|
|
16
|
+
React.createElement("div", { className: "".concat(skeletonClass, " mb-4 rounded-md p-4 shadow") },
|
|
17
|
+
React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
18
|
+
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
19
|
+
React.createElement("div", { className: 'h-2 rounded bg-slate-200' }),
|
|
20
|
+
React.createElement("div", { className: 'space-y-3' },
|
|
21
|
+
React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
22
|
+
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-slate-200' }),
|
|
23
|
+
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-slate-200' })),
|
|
24
|
+
React.createElement("div", { className: 'h-2 rounded bg-slate-200' }))))),
|
|
25
|
+
React.createElement("div", { className: "".concat(skeletonClass, " mb-4 rounded-md p-4 shadow") },
|
|
26
|
+
React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
27
|
+
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
28
|
+
React.createElement("div", { className: 'h-2 rounded bg-slate-200' }),
|
|
29
|
+
React.createElement("div", { className: 'space-y-3' },
|
|
30
|
+
React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
31
|
+
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-slate-200' }),
|
|
32
|
+
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-slate-200' })),
|
|
33
|
+
React.createElement("div", { className: 'h-2 rounded bg-slate-200' })))))));
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=SkeletonLarge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkeletonLarge.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/SkeletonLarge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAOrC,MAAM,UAAU,gBAAgB,CAAC,EAAkD;QAAhD,YAAoB,EAApB,IAAI,mBAAG,aAAa,KAAA,EAAE,SAAS,eAAA;IAChE,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,EAChD,IAAI,KAAK,aAAa,IAAI,gBAAgB,CAC3C,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAE,UAAG,aAAa,gCAA6B;YAC3D,6BAAK,SAAS,EAAC,8BAA8B;gBAC3C,6BAAK,SAAS,EAAC,uBAAuB;oBACpC,6BAAK,SAAS,EAAC,0BAA0B,GAAG;oBAC5C,6BAAK,SAAS,EAAC,WAAW;wBACxB,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,6BAAK,SAAS,EAAC,qCAAqC,GAAG;4BACvD,6BAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD;wBACN,6BAAK,SAAS,EAAC,0BAA0B,GAAG,CACxC,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAE,UAAG,aAAa,gCAA6B;YAC3D,6BAAK,SAAS,EAAC,8BAA8B;gBAC3C,6BAAK,SAAS,EAAC,uBAAuB;oBACpC,6BAAK,SAAS,EAAC,0BAA0B,GAAG;oBAC5C,6BAAK,SAAS,EAAC,WAAW;wBACxB,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,6BAAK,SAAS,EAAC,qCAAqC,GAAG;4BACvD,6BAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD;wBACN,6BAAK,SAAS,EAAC,0BAA0B,GAAG,CACxC,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAE,UAAG,aAAa,gCAA6B;YAC3D,6BAAK,SAAS,EAAC,8BAA8B;gBAC3C,6BAAK,SAAS,EAAC,uBAAuB;oBACpC,6BAAK,SAAS,EAAC,0BAA0B,GAAG;oBAC5C,6BAAK,SAAS,EAAC,WAAW;wBACxB,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,6BAAK,SAAS,EAAC,qCAAqC,GAAG;4BACvD,6BAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD;wBACN,6BAAK,SAAS,EAAC,0BAA0B,GAAG,CACxC,CACF,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SkeletonLarge';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
|
+
import { FooterBarProps } from '../FormWrap';
|
|
4
|
+
export interface StepProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
register?: UseFormRegisterReturn;
|
|
7
|
+
steps?: Array<{
|
|
8
|
+
step: number;
|
|
9
|
+
title: string;
|
|
10
|
+
status?: 'current' | 'complete' | 'upcoming';
|
|
11
|
+
component: ReactNode;
|
|
12
|
+
}>;
|
|
13
|
+
nextLabel: string;
|
|
14
|
+
backLabel: string;
|
|
15
|
+
formMode: 'addNew' | 'edit' | 'readOnly';
|
|
16
|
+
onSubmit: any;
|
|
17
|
+
size?: FooterBarProps['size'];
|
|
18
|
+
title: FooterBarProps['title'];
|
|
19
|
+
triggerStep?: Array<{
|
|
20
|
+
step: number;
|
|
21
|
+
onNext: any;
|
|
22
|
+
}>;
|
|
23
|
+
backRout: any;
|
|
24
|
+
}
|
|
25
|
+
export declare const PHXStep: React.FC<StepProps>;
|