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.
Files changed (315) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +11 -0
  3. package/dist/cjs/commons/IconLoading.d.ts +5 -0
  4. package/dist/cjs/commons/IconLoading.js +20 -0
  5. package/dist/cjs/commons/IconLoading.js.map +1 -0
  6. package/dist/cjs/components/App.d.ts +3 -0
  7. package/dist/cjs/components/App.js +69 -0
  8. package/dist/cjs/components/App.js.map +1 -0
  9. package/dist/cjs/components/Button/Button.d.ts +20 -0
  10. package/dist/cjs/components/Button/Button.js +43 -0
  11. package/dist/cjs/components/Button/Button.js.map +1 -0
  12. package/dist/cjs/components/Button/index.d.ts +1 -0
  13. package/dist/cjs/components/Button/index.js +5 -0
  14. package/dist/cjs/components/Button/index.js.map +1 -0
  15. package/dist/cjs/components/Card/Card.d.ts +17 -0
  16. package/dist/cjs/components/Card/Card.js +28 -0
  17. package/dist/cjs/components/Card/Card.js.map +1 -0
  18. package/dist/cjs/components/Card/Footer.d.ts +3 -0
  19. package/dist/cjs/components/Card/Footer.js +11 -0
  20. package/dist/cjs/components/Card/Footer.js.map +1 -0
  21. package/dist/cjs/components/Card/Section.d.ts +8 -0
  22. package/dist/cjs/components/Card/Section.js +16 -0
  23. package/dist/cjs/components/Card/Section.js.map +1 -0
  24. package/dist/cjs/components/Card/WrapSection.d.ts +3 -0
  25. package/dist/cjs/components/Card/WrapSection.js +10 -0
  26. package/dist/cjs/components/Card/WrapSection.js.map +1 -0
  27. package/dist/cjs/components/Card/index.d.ts +1 -0
  28. package/dist/cjs/components/Card/index.js +5 -0
  29. package/dist/cjs/components/Card/index.js.map +1 -0
  30. package/dist/cjs/components/Checkbox/Checkbox.d.ts +14 -0
  31. package/dist/cjs/components/Checkbox/Checkbox.js +24 -0
  32. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -0
  33. package/dist/cjs/components/Checkbox/index.d.ts +1 -0
  34. package/dist/cjs/components/Checkbox/index.js +5 -0
  35. package/dist/cjs/components/Checkbox/index.js.map +1 -0
  36. package/dist/cjs/components/FormStep/FormStep.d.ts +26 -0
  37. package/dist/cjs/components/FormStep/FormStep.js +102 -0
  38. package/dist/cjs/components/FormStep/FormStep.js.map +1 -0
  39. package/dist/cjs/components/FormStep/index.d.ts +1 -0
  40. package/dist/cjs/components/FormStep/index.js +5 -0
  41. package/dist/cjs/components/FormStep/index.js.map +1 -0
  42. package/dist/cjs/components/FormWrap/FormWrap.d.ts +21 -0
  43. package/dist/cjs/components/FormWrap/FormWrap.js +30 -0
  44. package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -0
  45. package/dist/cjs/components/FormWrap/index.d.ts +1 -0
  46. package/dist/cjs/components/FormWrap/index.js +5 -0
  47. package/dist/cjs/components/FormWrap/index.js.map +1 -0
  48. package/dist/cjs/components/Func/getLoginInfo.d.ts +1 -0
  49. package/dist/cjs/components/Func/getLoginInfo.js +11 -0
  50. package/dist/cjs/components/Func/getLoginInfo.js.map +1 -0
  51. package/dist/cjs/components/HeaderBar/HeaderBar.d.ts +15 -0
  52. package/dist/cjs/components/HeaderBar/HeaderBar.js +44 -0
  53. package/dist/cjs/components/HeaderBar/HeaderBar.js.map +1 -0
  54. package/dist/cjs/components/HeaderBar/index.d.ts +1 -0
  55. package/dist/cjs/components/HeaderBar/index.js +5 -0
  56. package/dist/cjs/components/HeaderBar/index.js.map +1 -0
  57. package/dist/cjs/components/Input/Input.d.ts +12 -0
  58. package/dist/cjs/components/Input/Input.js +21 -0
  59. package/dist/cjs/components/Input/Input.js.map +1 -0
  60. package/dist/cjs/components/Input/Textarea.d.ts +7 -0
  61. package/dist/cjs/components/Input/Textarea.js +12 -0
  62. package/dist/cjs/components/Input/Textarea.js.map +1 -0
  63. package/dist/cjs/components/Input/index.d.ts +1 -0
  64. package/dist/cjs/components/Input/index.js +5 -0
  65. package/dist/cjs/components/Input/index.js.map +1 -0
  66. package/dist/cjs/components/Loading/Spinner.d.ts +6 -0
  67. package/dist/cjs/components/Loading/Spinner.js +13 -0
  68. package/dist/cjs/components/Loading/Spinner.js.map +1 -0
  69. package/dist/cjs/components/Loading/index.d.ts +1 -0
  70. package/dist/cjs/components/Loading/index.js +5 -0
  71. package/dist/cjs/components/Loading/index.js.map +1 -0
  72. package/dist/cjs/components/MainWrap/MainWrap.d.ts +8 -0
  73. package/dist/cjs/components/MainWrap/MainWrap.js +190 -0
  74. package/dist/cjs/components/MainWrap/MainWrap.js.map +1 -0
  75. package/dist/cjs/components/MainWrap/index.d.ts +1 -0
  76. package/dist/cjs/components/MainWrap/index.js +5 -0
  77. package/dist/cjs/components/MainWrap/index.js.map +1 -0
  78. package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.d.ts +2 -0
  79. package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.js +49 -0
  80. package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.js.map +1 -0
  81. package/dist/cjs/components/MainWrap/navigator/nav-mobile.d.ts +2 -0
  82. package/dist/cjs/components/MainWrap/navigator/nav-mobile.js +12 -0
  83. package/dist/cjs/components/MainWrap/navigator/nav-mobile.js.map +1 -0
  84. package/dist/cjs/components/Notifications/Notifications.d.ts +9 -0
  85. package/dist/cjs/components/Notifications/Notifications.js +55 -0
  86. package/dist/cjs/components/Notifications/Notifications.js.map +1 -0
  87. package/dist/cjs/components/Notifications/index.d.ts +1 -0
  88. package/dist/cjs/components/Notifications/index.js +5 -0
  89. package/dist/cjs/components/Notifications/index.js.map +1 -0
  90. package/dist/cjs/components/Radio/Radio.d.ts +9 -0
  91. package/dist/cjs/components/Radio/Radio.js +15 -0
  92. package/dist/cjs/components/Radio/Radio.js.map +1 -0
  93. package/dist/cjs/components/Radio/index.d.ts +1 -0
  94. package/dist/cjs/components/Radio/index.js +5 -0
  95. package/dist/cjs/components/Radio/index.js.map +1 -0
  96. package/dist/cjs/components/Select/Select.d.ts +12 -0
  97. package/dist/cjs/components/Select/Select.js +19 -0
  98. package/dist/cjs/components/Select/Select.js.map +1 -0
  99. package/dist/cjs/components/Select/index.d.ts +1 -0
  100. package/dist/cjs/components/Select/index.js +5 -0
  101. package/dist/cjs/components/Select/index.js.map +1 -0
  102. package/dist/cjs/components/Skeleton/SkeletonLarge.d.ts +6 -0
  103. package/dist/cjs/components/Skeleton/SkeletonLarge.js +40 -0
  104. package/dist/cjs/components/Skeleton/SkeletonLarge.js.map +1 -0
  105. package/dist/cjs/components/Skeleton/index.d.ts +1 -0
  106. package/dist/cjs/components/Skeleton/index.js +5 -0
  107. package/dist/cjs/components/Skeleton/index.js.map +1 -0
  108. package/dist/cjs/components/Step/Step.d.ts +25 -0
  109. package/dist/cjs/components/Step/Step.js +102 -0
  110. package/dist/cjs/components/Step/Step.js.map +1 -0
  111. package/dist/cjs/components/Step/index.d.ts +1 -0
  112. package/dist/cjs/components/Step/index.js +5 -0
  113. package/dist/cjs/components/Step/index.js.map +1 -0
  114. package/dist/cjs/components/Table/EmptyRecord.d.ts +2 -0
  115. package/dist/cjs/components/Table/EmptyRecord.js +17 -0
  116. package/dist/cjs/components/Table/EmptyRecord.js.map +1 -0
  117. package/dist/cjs/components/Table/EmptySearchResult.d.ts +2 -0
  118. package/dist/cjs/components/Table/EmptySearchResult.js +16 -0
  119. package/dist/cjs/components/Table/EmptySearchResult.js.map +1 -0
  120. package/dist/cjs/components/Table/Pagination.d.ts +3 -0
  121. package/dist/cjs/components/Table/Pagination.js +59 -0
  122. package/dist/cjs/components/Table/Pagination.js.map +1 -0
  123. package/dist/cjs/components/Table/RowTable.d.ts +13 -0
  124. package/dist/cjs/components/Table/RowTable.js +91 -0
  125. package/dist/cjs/components/Table/RowTable.js.map +1 -0
  126. package/dist/cjs/components/Table/Table.d.ts +33 -0
  127. package/dist/cjs/components/Table/Table.js +252 -0
  128. package/dist/cjs/components/Table/Table.js.map +1 -0
  129. package/dist/cjs/components/Table/index.d.ts +1 -0
  130. package/dist/cjs/components/Table/index.js +5 -0
  131. package/dist/cjs/components/Table/index.js.map +1 -0
  132. package/dist/cjs/components/Table/sort.d.ts +3 -0
  133. package/dist/cjs/components/Table/sort.js +33 -0
  134. package/dist/cjs/components/Table/sort.js.map +1 -0
  135. package/dist/cjs/components/types.d.ts +77 -0
  136. package/dist/cjs/components/types.js +12 -0
  137. package/dist/cjs/components/types.js.map +1 -0
  138. package/dist/cjs/demo/AssessmentAction.d.ts +2 -0
  139. package/dist/cjs/demo/AssessmentAction.js +12 -0
  140. package/dist/cjs/demo/AssessmentAction.js.map +1 -0
  141. package/dist/cjs/demo/ContentWrap.d.ts +6 -0
  142. package/dist/cjs/demo/ContentWrap.js +10 -0
  143. package/dist/cjs/demo/ContentWrap.js.map +1 -0
  144. package/dist/cjs/demo/TableDemo.d.ts +3 -0
  145. package/dist/cjs/demo/TableDemo.js +85 -0
  146. package/dist/cjs/demo/TableDemo.js.map +1 -0
  147. package/dist/cjs/index.d.ts +18 -0
  148. package/dist/cjs/index.js +39 -0
  149. package/dist/cjs/index.js.map +1 -0
  150. package/dist/cjs/lib/apollo-wrapper.d.ts +2 -0
  151. package/dist/cjs/lib/apollo-wrapper.js +36 -0
  152. package/dist/cjs/lib/apollo-wrapper.js.map +1 -0
  153. package/dist/cjs/utils/query.d.ts +3 -0
  154. package/dist/cjs/utils/query.js +55 -0
  155. package/dist/cjs/utils/query.js.map +1 -0
  156. package/dist/cjs/utils/use-disable-interaction.d.ts +2 -0
  157. package/dist/cjs/utils/use-disable-interaction.js +18 -0
  158. package/dist/cjs/utils/use-disable-interaction.js.map +1 -0
  159. package/dist/esm/commons/IconLoading.d.ts +5 -0
  160. package/dist/esm/commons/IconLoading.js +15 -0
  161. package/dist/esm/commons/IconLoading.js.map +1 -0
  162. package/dist/esm/components/App.d.ts +3 -0
  163. package/dist/esm/components/App.js +66 -0
  164. package/dist/esm/components/App.js.map +1 -0
  165. package/dist/esm/components/Button/Button.d.ts +20 -0
  166. package/dist/esm/components/Button/Button.js +39 -0
  167. package/dist/esm/components/Button/Button.js.map +1 -0
  168. package/dist/esm/components/Button/index.d.ts +1 -0
  169. package/dist/esm/components/Button/index.js +2 -0
  170. package/dist/esm/components/Button/index.js.map +1 -0
  171. package/dist/esm/components/Card/Card.d.ts +17 -0
  172. package/dist/esm/components/Card/Card.js +23 -0
  173. package/dist/esm/components/Card/Card.js.map +1 -0
  174. package/dist/esm/components/Card/Footer.d.ts +3 -0
  175. package/dist/esm/components/Card/Footer.js +8 -0
  176. package/dist/esm/components/Card/Footer.js.map +1 -0
  177. package/dist/esm/components/Card/Section.d.ts +8 -0
  178. package/dist/esm/components/Card/Section.js +13 -0
  179. package/dist/esm/components/Card/Section.js.map +1 -0
  180. package/dist/esm/components/Card/WrapSection.d.ts +3 -0
  181. package/dist/esm/components/Card/WrapSection.js +7 -0
  182. package/dist/esm/components/Card/WrapSection.js.map +1 -0
  183. package/dist/esm/components/Card/index.d.ts +1 -0
  184. package/dist/esm/components/Card/index.js +2 -0
  185. package/dist/esm/components/Card/index.js.map +1 -0
  186. package/dist/esm/components/Checkbox/Checkbox.d.ts +14 -0
  187. package/dist/esm/components/Checkbox/Checkbox.js +20 -0
  188. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -0
  189. package/dist/esm/components/Checkbox/index.d.ts +1 -0
  190. package/dist/esm/components/Checkbox/index.js +2 -0
  191. package/dist/esm/components/Checkbox/index.js.map +1 -0
  192. package/dist/esm/components/FormStep/FormStep.d.ts +26 -0
  193. package/dist/esm/components/FormStep/FormStep.js +98 -0
  194. package/dist/esm/components/FormStep/FormStep.js.map +1 -0
  195. package/dist/esm/components/FormStep/index.d.ts +1 -0
  196. package/dist/esm/components/FormStep/index.js +2 -0
  197. package/dist/esm/components/FormStep/index.js.map +1 -0
  198. package/dist/esm/components/FormWrap/FormWrap.d.ts +21 -0
  199. package/dist/esm/components/FormWrap/FormWrap.js +25 -0
  200. package/dist/esm/components/FormWrap/FormWrap.js.map +1 -0
  201. package/dist/esm/components/FormWrap/index.d.ts +1 -0
  202. package/dist/esm/components/FormWrap/index.js +2 -0
  203. package/dist/esm/components/FormWrap/index.js.map +1 -0
  204. package/dist/esm/components/Func/getLoginInfo.d.ts +1 -0
  205. package/dist/esm/components/Func/getLoginInfo.js +7 -0
  206. package/dist/esm/components/Func/getLoginInfo.js.map +1 -0
  207. package/dist/esm/components/HeaderBar/HeaderBar.d.ts +15 -0
  208. package/dist/esm/components/HeaderBar/HeaderBar.js +39 -0
  209. package/dist/esm/components/HeaderBar/HeaderBar.js.map +1 -0
  210. package/dist/esm/components/HeaderBar/index.d.ts +1 -0
  211. package/dist/esm/components/HeaderBar/index.js +2 -0
  212. package/dist/esm/components/HeaderBar/index.js.map +1 -0
  213. package/dist/esm/components/Input/Input.d.ts +12 -0
  214. package/dist/esm/components/Input/Input.js +17 -0
  215. package/dist/esm/components/Input/Input.js.map +1 -0
  216. package/dist/esm/components/Input/Textarea.d.ts +7 -0
  217. package/dist/esm/components/Input/Textarea.js +8 -0
  218. package/dist/esm/components/Input/Textarea.js.map +1 -0
  219. package/dist/esm/components/Input/index.d.ts +1 -0
  220. package/dist/esm/components/Input/index.js +2 -0
  221. package/dist/esm/components/Input/index.js.map +1 -0
  222. package/dist/esm/components/Loading/Spinner.d.ts +6 -0
  223. package/dist/esm/components/Loading/Spinner.js +8 -0
  224. package/dist/esm/components/Loading/Spinner.js.map +1 -0
  225. package/dist/esm/components/Loading/index.d.ts +1 -0
  226. package/dist/esm/components/Loading/index.js +2 -0
  227. package/dist/esm/components/Loading/index.js.map +1 -0
  228. package/dist/esm/components/MainWrap/MainWrap.d.ts +8 -0
  229. package/dist/esm/components/MainWrap/MainWrap.js +186 -0
  230. package/dist/esm/components/MainWrap/MainWrap.js.map +1 -0
  231. package/dist/esm/components/MainWrap/index.d.ts +1 -0
  232. package/dist/esm/components/MainWrap/index.js +2 -0
  233. package/dist/esm/components/MainWrap/index.js.map +1 -0
  234. package/dist/esm/components/MainWrap/navigator/nav-mobile-content.d.ts +2 -0
  235. package/dist/esm/components/MainWrap/navigator/nav-mobile-content.js +45 -0
  236. package/dist/esm/components/MainWrap/navigator/nav-mobile-content.js.map +1 -0
  237. package/dist/esm/components/MainWrap/navigator/nav-mobile.d.ts +2 -0
  238. package/dist/esm/components/MainWrap/navigator/nav-mobile.js +8 -0
  239. package/dist/esm/components/MainWrap/navigator/nav-mobile.js.map +1 -0
  240. package/dist/esm/components/Notifications/Notifications.d.ts +9 -0
  241. package/dist/esm/components/Notifications/Notifications.js +50 -0
  242. package/dist/esm/components/Notifications/Notifications.js.map +1 -0
  243. package/dist/esm/components/Notifications/index.d.ts +1 -0
  244. package/dist/esm/components/Notifications/index.js +2 -0
  245. package/dist/esm/components/Notifications/index.js.map +1 -0
  246. package/dist/esm/components/Radio/Radio.d.ts +9 -0
  247. package/dist/esm/components/Radio/Radio.js +11 -0
  248. package/dist/esm/components/Radio/Radio.js.map +1 -0
  249. package/dist/esm/components/Radio/index.d.ts +1 -0
  250. package/dist/esm/components/Radio/index.js +2 -0
  251. package/dist/esm/components/Radio/index.js.map +1 -0
  252. package/dist/esm/components/Select/Select.d.ts +12 -0
  253. package/dist/esm/components/Select/Select.js +15 -0
  254. package/dist/esm/components/Select/Select.js.map +1 -0
  255. package/dist/esm/components/Select/index.d.ts +1 -0
  256. package/dist/esm/components/Select/index.js +2 -0
  257. package/dist/esm/components/Select/index.js.map +1 -0
  258. package/dist/esm/components/Skeleton/SkeletonLarge.d.ts +6 -0
  259. package/dist/esm/components/Skeleton/SkeletonLarge.js +35 -0
  260. package/dist/esm/components/Skeleton/SkeletonLarge.js.map +1 -0
  261. package/dist/esm/components/Skeleton/index.d.ts +1 -0
  262. package/dist/esm/components/Skeleton/index.js +2 -0
  263. package/dist/esm/components/Skeleton/index.js.map +1 -0
  264. package/dist/esm/components/Step/Step.d.ts +25 -0
  265. package/dist/esm/components/Step/Step.js +98 -0
  266. package/dist/esm/components/Step/Step.js.map +1 -0
  267. package/dist/esm/components/Step/index.d.ts +1 -0
  268. package/dist/esm/components/Step/index.js +2 -0
  269. package/dist/esm/components/Step/index.js.map +1 -0
  270. package/dist/esm/components/Table/EmptyRecord.d.ts +2 -0
  271. package/dist/esm/components/Table/EmptyRecord.js +13 -0
  272. package/dist/esm/components/Table/EmptyRecord.js.map +1 -0
  273. package/dist/esm/components/Table/EmptySearchResult.d.ts +2 -0
  274. package/dist/esm/components/Table/EmptySearchResult.js +12 -0
  275. package/dist/esm/components/Table/EmptySearchResult.js.map +1 -0
  276. package/dist/esm/components/Table/Pagination.d.ts +3 -0
  277. package/dist/esm/components/Table/Pagination.js +56 -0
  278. package/dist/esm/components/Table/Pagination.js.map +1 -0
  279. package/dist/esm/components/Table/RowTable.d.ts +13 -0
  280. package/dist/esm/components/Table/RowTable.js +87 -0
  281. package/dist/esm/components/Table/RowTable.js.map +1 -0
  282. package/dist/esm/components/Table/Table.d.ts +33 -0
  283. package/dist/esm/components/Table/Table.js +248 -0
  284. package/dist/esm/components/Table/Table.js.map +1 -0
  285. package/dist/esm/components/Table/index.d.ts +1 -0
  286. package/dist/esm/components/Table/index.js +2 -0
  287. package/dist/esm/components/Table/index.js.map +1 -0
  288. package/dist/esm/components/Table/sort.d.ts +3 -0
  289. package/dist/esm/components/Table/sort.js +30 -0
  290. package/dist/esm/components/Table/sort.js.map +1 -0
  291. package/dist/esm/components/types.d.ts +77 -0
  292. package/dist/esm/components/types.js +8 -0
  293. package/dist/esm/components/types.js.map +1 -0
  294. package/dist/esm/demo/AssessmentAction.d.ts +2 -0
  295. package/dist/esm/demo/AssessmentAction.js +7 -0
  296. package/dist/esm/demo/AssessmentAction.js.map +1 -0
  297. package/dist/esm/demo/ContentWrap.d.ts +6 -0
  298. package/dist/esm/demo/ContentWrap.js +7 -0
  299. package/dist/esm/demo/ContentWrap.js.map +1 -0
  300. package/dist/esm/demo/TableDemo.d.ts +3 -0
  301. package/dist/esm/demo/TableDemo.js +82 -0
  302. package/dist/esm/demo/TableDemo.js.map +1 -0
  303. package/dist/esm/index.d.ts +18 -0
  304. package/dist/esm/index.js +19 -0
  305. package/dist/esm/index.js.map +1 -0
  306. package/dist/esm/lib/apollo-wrapper.d.ts +2 -0
  307. package/dist/esm/lib/apollo-wrapper.js +31 -0
  308. package/dist/esm/lib/apollo-wrapper.js.map +1 -0
  309. package/dist/esm/utils/query.d.ts +3 -0
  310. package/dist/esm/utils/query.js +50 -0
  311. package/dist/esm/utils/query.js.map +1 -0
  312. package/dist/esm/utils/use-disable-interaction.d.ts +2 -0
  313. package/dist/esm/utils/use-disable-interaction.js +14 -0
  314. package/dist/esm/utils/use-disable-interaction.js.map +1 -0
  315. 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,2 @@
1
+ export * from './Spinner';
2
+ //# sourceMappingURL=index.js.map
@@ -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,8 @@
1
+ /// <reference types="react" />
2
+ export interface MainWrapProps {
3
+ children?: any;
4
+ code?: string;
5
+ pathName?: string;
6
+ router?: any;
7
+ }
8
+ export declare const MainWrap: ({ children, pathName, router, code }: MainWrapProps) => JSX.Element;
@@ -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,2 @@
1
+ export * from './MainWrap';
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ /// <reference types="react" />
2
+ export default function NavMobileContent({ pathName, menu, router }: any): JSX.Element;
@@ -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":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAEpG,SAAS,UAAU;IAAC,iBAAoB;SAApB,UAAoB,EAApB,qBAAoB,EAApB,IAAoB;QAApB,4BAAoB;;IACtC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IAC/D,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,IAAY;QAChC,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACzC,IAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;QACnC,IAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;QAEnC,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACjC,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QACjC,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QAEjC,OAAO,UAAU,KAAK,YAAY,IAAI,UAAU,KAAK,YAAY,CAAA;IACnE,CAAC,CAAA;IAED,OAAO,CACL,0CACG,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS;QACjB,OAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,6BAAK,GAAG,EAAE,IAAI,CAAC,IAAI;YACjB,2BACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EACjD,yEAAyE,CAC1E,IAEA,IAAI,CAAC,IAAI,CACR,CACA,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,WAAW,IAC/E,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,CACb;gBACE,oBAAC,UAAU,CAAC,MAAM,IAChB,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EACjD,8IAA8I,CAC/I;oBAED,oBAAC,eAAe,IACd,SAAS,EAAC,sDAAsD,EAChE,IAAI,EACF,IAAI,CAAC,KAAK,IAAI,YAAY;4BACxB,CAAC,CAAC,mBAAmB;4BACrB,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS;gCACzB,CAAC,CAAC,iBAAiB;gCACnB,CAAC,CAAC,QAAQ,GAEd;oBAEF,8BAAM,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAC,IAAI,CAAQ;oBAChE,6BACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,EAClD,2GAA2G,CAC5G,EACD,OAAO,EAAC,WAAW,iBACP,MAAM;wBAElB,8BAAM,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C,CACY;gBAEpB,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;oBAEtC,oBAAC,UAAU,CAAC,KAAK,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAC,WAAW,IACnD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,OAAY,EAAE,KAAa,IAAK,OAAA,CAC/C,2BACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,EACpC,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,gBAAgB,CACxF,EACD,GAAG,EAAE,KAAK,IAET,OAAO,CAAC,IAAI,CACX,CACL,EAXgD,CAWhD,CAAC,CACe,CACR,CACZ,CACJ;QAzDc,CAyDd,CACU,CACd;IAzED,CAyEC,CACF,CACF,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export default function NavMobile({ pathName, menu, router }: any): JSX.Element;
@@ -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,2 @@
1
+ export * from './Notifications';
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export * from './Radio';
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export * from './Select';
2
+ //# sourceMappingURL=index.js.map
@@ -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,6 @@
1
+ /// <reference types="react" />
2
+ export interface SkeletonProps {
3
+ size?: 'small' | 'medium' | 'large' | 'extra-large';
4
+ className?: string;
5
+ }
6
+ export declare function PHXSkeletonLarge({ size, className }: SkeletonProps): JSX.Element;
@@ -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,2 @@
1
+ export * from './SkeletonLarge';
2
+ //# sourceMappingURL=index.js.map
@@ -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>;