react-science 0.24.3 → 0.26.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 (284) hide show
  1. package/lib/app/explorer/MeasurementExplorer.js +29 -7
  2. package/lib/app/explorer/MeasurementExplorerWithState.js +2 -2
  3. package/lib/app/helpers/MeasurementPlot.js +28 -19
  4. package/lib/app/helpers/react-plot.js +1 -1
  5. package/lib/app/hooks/file-loading.js +1 -1
  6. package/lib/app/kinds/mass/MassPlotView.js +2 -2
  7. package/lib/app/kinds/mass/MeasurementMassPlot.js +49 -33
  8. package/lib/app/panels/SignalProcessingPanel.js +1 -1
  9. package/lib/app/panels/measurement-info/MeasurementInfoPanel.js +13 -58
  10. package/lib/app-data/kinds/ir/irAutoPeakPickingEnhancer.js +4 -4
  11. package/lib/app-data/kinds/ir/irMeasurementEnhancer.js +1 -1
  12. package/lib/app-data/loaders/cdfLoader.js +4 -5
  13. package/lib/app-data/loaders/jcampLoader.js +1 -1
  14. package/lib/app-data/loaders/loadMeasurements.js +1 -1
  15. package/lib/app-data/loaders/wdfLoader.js +1 -1
  16. package/lib/app-data/state/data/data.helpers.js +35 -11
  17. package/lib/components/accordion/AccordionContext.js +1 -1
  18. package/lib/components/color-picker/gradient-select/GradientSelect.js +2 -0
  19. package/lib/components/color-picker/react-color/common/EditableInput.js +1 -1
  20. package/lib/components/dropdown-menu/DropdownMenu.js +2 -0
  21. package/lib/components/dropdown-menu/MenuItems.js +5 -1
  22. package/lib/components/forms/Checkbox.js +4 -5
  23. package/lib/components/forms/Input.js +3 -87
  24. package/lib/components/forms/TextArea.js +25 -0
  25. package/lib/components/forms/index.js +2 -0
  26. package/lib/components/forms/radio-group/ButtonRadioItem.js +76 -0
  27. package/lib/components/forms/radio-group/ClassicRadioItem.js +92 -0
  28. package/lib/components/forms/radio-group/RadioGroup.js +69 -0
  29. package/lib/components/forms/radio-group/index.js +17 -0
  30. package/lib/components/forms/styles.js +80 -0
  31. package/lib/components/forms/utils/SubText.js +20 -0
  32. package/lib/components/forms/utils/index.js +17 -0
  33. package/lib/components/header/PanelHeader.js +51 -0
  34. package/lib/components/header/index.js +1 -0
  35. package/lib/components/hooks/useOnOff.js +1 -1
  36. package/lib/components/index.js +1 -0
  37. package/lib/components/info-panel/InfoPanel.js +94 -0
  38. package/lib/components/info-panel/index.js +17 -0
  39. package/lib/components/modal/ConfirmModal.js +9 -6
  40. package/lib/components/modal/Modal.js +6 -4
  41. package/lib/components/modal/useDialog.js +13 -3
  42. package/lib/components/root-layout/css-reset/customPreflight.js +15 -3
  43. package/lib/components/root-layout/css-reset/preflight.js +14 -3
  44. package/lib/components/split-pane/SplitPane.js +1 -1
  45. package/lib/components/table/Table.js +4 -4
  46. package/lib/components/toolbar/PanelPreferencesToolbar.js +26 -0
  47. package/lib/components/toolbar/index.js +1 -0
  48. package/lib/components/value-renderers/Boolean.js +1 -1
  49. package/lib-esm/app/explorer/MeasurementExplorer.d.ts.map +1 -1
  50. package/lib-esm/app/explorer/MeasurementExplorer.js +30 -8
  51. package/lib-esm/app/explorer/MeasurementExplorer.js.map +1 -1
  52. package/lib-esm/app/explorer/MeasurementExplorerWithState.d.ts.map +1 -1
  53. package/lib-esm/app/explorer/MeasurementExplorerWithState.js +2 -2
  54. package/lib-esm/app/explorer/MeasurementExplorerWithState.js.map +1 -1
  55. package/lib-esm/app/helpers/MeasurementPlot.d.ts +3 -3
  56. package/lib-esm/app/helpers/MeasurementPlot.d.ts.map +1 -1
  57. package/lib-esm/app/helpers/MeasurementPlot.js +28 -19
  58. package/lib-esm/app/helpers/MeasurementPlot.js.map +1 -1
  59. package/lib-esm/app/helpers/react-plot.d.ts.map +1 -1
  60. package/lib-esm/app/helpers/react-plot.js +1 -1
  61. package/lib-esm/app/helpers/react-plot.js.map +1 -1
  62. package/lib-esm/app/hooks/file-loading.js +1 -1
  63. package/lib-esm/app/hooks/file-loading.js.map +1 -1
  64. package/lib-esm/app/kinds/ir/IrPeaksPanel.js.map +1 -1
  65. package/lib-esm/app/kinds/mass/MassPlotView.d.ts.map +1 -1
  66. package/lib-esm/app/kinds/mass/MassPlotView.js +2 -2
  67. package/lib-esm/app/kinds/mass/MassPlotView.js.map +1 -1
  68. package/lib-esm/app/kinds/mass/MeasurementMassPlot.d.ts.map +1 -1
  69. package/lib-esm/app/kinds/mass/MeasurementMassPlot.js +49 -33
  70. package/lib-esm/app/kinds/mass/MeasurementMassPlot.js.map +1 -1
  71. package/lib-esm/app/panels/SignalProcessingPanel.js +1 -1
  72. package/lib-esm/app/panels/SignalProcessingPanel.js.map +1 -1
  73. package/lib-esm/app/panels/measurement-info/MeasurementInfoPanel.d.ts.map +1 -1
  74. package/lib-esm/app/panels/measurement-info/MeasurementInfoPanel.js +15 -60
  75. package/lib-esm/app/panels/measurement-info/MeasurementInfoPanel.js.map +1 -1
  76. package/lib-esm/app-data/enhancers/enhance.d.ts +1 -1
  77. package/lib-esm/app-data/enhancers/enhance.d.ts.map +1 -1
  78. package/lib-esm/app-data/kinds/ir/irAutoPeakPickingEnhancer.js +4 -4
  79. package/lib-esm/app-data/kinds/ir/irAutoPeakPickingEnhancer.js.map +1 -1
  80. package/lib-esm/app-data/kinds/ir/irMeasurementEnhancer.js +1 -1
  81. package/lib-esm/app-data/kinds/ir/irMeasurementEnhancer.js.map +1 -1
  82. package/lib-esm/app-data/loaders/cdfLoader.d.ts.map +1 -1
  83. package/lib-esm/app-data/loaders/cdfLoader.js +4 -5
  84. package/lib-esm/app-data/loaders/cdfLoader.js.map +1 -1
  85. package/lib-esm/app-data/loaders/jcampLoader.js +1 -1
  86. package/lib-esm/app-data/loaders/jcampLoader.js.map +1 -1
  87. package/lib-esm/app-data/loaders/loadMeasurements.js +1 -1
  88. package/lib-esm/app-data/loaders/loadMeasurements.js.map +1 -1
  89. package/lib-esm/app-data/loaders/wdfLoader.js +1 -1
  90. package/lib-esm/app-data/loaders/wdfLoader.js.map +1 -1
  91. package/lib-esm/app-data/state/data/data.helpers.d.ts +22 -14
  92. package/lib-esm/app-data/state/data/data.helpers.d.ts.map +1 -1
  93. package/lib-esm/app-data/state/data/data.helpers.js +33 -10
  94. package/lib-esm/app-data/state/data/data.helpers.js.map +1 -1
  95. package/lib-esm/app-data/state/view/AppView.d.ts +1 -1
  96. package/lib-esm/app-data/state/view/AppView.d.ts.map +1 -1
  97. package/lib-esm/components/accordion/Accordion.js.map +1 -1
  98. package/lib-esm/components/accordion/AccordionContext.d.ts +1 -1
  99. package/lib-esm/components/accordion/AccordionContext.d.ts.map +1 -1
  100. package/lib-esm/components/accordion/AccordionContext.js +1 -1
  101. package/lib-esm/components/accordion/AccordionContext.js.map +1 -1
  102. package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  103. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +2 -0
  104. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  105. package/lib-esm/components/color-picker/react-color/common/EditableInput.js +1 -1
  106. package/lib-esm/components/color-picker/react-color/common/EditableInput.js.map +1 -1
  107. package/lib-esm/components/color-picker/react-color/helpers/color.d.ts +13 -13
  108. package/lib-esm/components/color-picker/react-color/sketch/SketchPresetColors.d.ts +2 -2
  109. package/lib-esm/components/color-picker/react-color/sketch/SketchPresetColors.d.ts.map +1 -1
  110. package/lib-esm/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
  111. package/lib-esm/components/dropdown-menu/DropdownMenu.js +2 -0
  112. package/lib-esm/components/dropdown-menu/DropdownMenu.js.map +1 -1
  113. package/lib-esm/components/dropdown-menu/MenuItems.d.ts.map +1 -1
  114. package/lib-esm/components/dropdown-menu/MenuItems.js +5 -1
  115. package/lib-esm/components/dropdown-menu/MenuItems.js.map +1 -1
  116. package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts +1 -1
  117. package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts.map +1 -1
  118. package/lib-esm/components/dropdown-menu/useContextMenuPlacement.js.map +1 -1
  119. package/lib-esm/components/forms/Checkbox.d.ts.map +1 -1
  120. package/lib-esm/components/forms/Checkbox.js +1 -2
  121. package/lib-esm/components/forms/Checkbox.js.map +1 -1
  122. package/lib-esm/components/forms/Input.d.ts +4 -2
  123. package/lib-esm/components/forms/Input.d.ts.map +1 -1
  124. package/lib-esm/components/forms/Input.js +3 -87
  125. package/lib-esm/components/forms/Input.js.map +1 -1
  126. package/lib-esm/components/forms/Select.d.ts +1 -1
  127. package/lib-esm/components/forms/Select.d.ts.map +1 -1
  128. package/lib-esm/components/forms/TextArea.d.ts +8 -0
  129. package/lib-esm/components/forms/TextArea.d.ts.map +1 -0
  130. package/lib-esm/components/forms/TextArea.js +19 -0
  131. package/lib-esm/components/forms/TextArea.js.map +1 -0
  132. package/lib-esm/components/forms/index.d.ts +2 -0
  133. package/lib-esm/components/forms/index.d.ts.map +1 -1
  134. package/lib-esm/components/forms/index.js +2 -0
  135. package/lib-esm/components/forms/index.js.map +1 -1
  136. package/lib-esm/components/forms/radio-group/ButtonRadioItem.d.ts +3 -0
  137. package/lib-esm/components/forms/radio-group/ButtonRadioItem.d.ts.map +1 -0
  138. package/lib-esm/components/forms/radio-group/ButtonRadioItem.js +50 -0
  139. package/lib-esm/components/forms/radio-group/ButtonRadioItem.js.map +1 -0
  140. package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts +3 -0
  141. package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts.map +1 -0
  142. package/lib-esm/components/forms/radio-group/ClassicRadioItem.js +66 -0
  143. package/lib-esm/components/forms/radio-group/ClassicRadioItem.js.map +1 -0
  144. package/lib-esm/components/forms/radio-group/RadioGroup.d.ts +18 -0
  145. package/lib-esm/components/forms/radio-group/RadioGroup.d.ts.map +1 -0
  146. package/lib-esm/components/forms/radio-group/RadioGroup.js +43 -0
  147. package/lib-esm/components/forms/radio-group/RadioGroup.js.map +1 -0
  148. package/lib-esm/components/forms/radio-group/index.d.ts +2 -0
  149. package/lib-esm/components/forms/radio-group/index.d.ts.map +1 -0
  150. package/lib-esm/components/forms/radio-group/index.js +2 -0
  151. package/lib-esm/components/forms/radio-group/index.js.map +1 -0
  152. package/lib-esm/components/forms/styles.d.ts +26 -0
  153. package/lib-esm/components/forms/styles.d.ts.map +1 -0
  154. package/lib-esm/components/forms/styles.js +75 -0
  155. package/lib-esm/components/forms/styles.js.map +1 -0
  156. package/lib-esm/components/forms/utils/SubText.d.ts +7 -0
  157. package/lib-esm/components/forms/utils/SubText.d.ts.map +1 -0
  158. package/lib-esm/components/forms/utils/SubText.js +17 -0
  159. package/lib-esm/components/forms/utils/SubText.js.map +1 -0
  160. package/lib-esm/components/forms/utils/index.d.ts +2 -0
  161. package/lib-esm/components/forms/utils/index.d.ts.map +1 -0
  162. package/lib-esm/components/forms/utils/index.js +2 -0
  163. package/lib-esm/components/forms/utils/index.js.map +1 -0
  164. package/lib-esm/components/header/PanelHeader.d.ts +10 -0
  165. package/lib-esm/components/header/PanelHeader.d.ts.map +1 -0
  166. package/lib-esm/components/header/PanelHeader.js +48 -0
  167. package/lib-esm/components/header/PanelHeader.js.map +1 -0
  168. package/lib-esm/components/header/index.d.ts +1 -0
  169. package/lib-esm/components/header/index.d.ts.map +1 -1
  170. package/lib-esm/components/header/index.js +1 -0
  171. package/lib-esm/components/header/index.js.map +1 -1
  172. package/lib-esm/components/hooks/useModifiedPopper.js.map +1 -1
  173. package/lib-esm/components/hooks/useOnOff.d.ts.map +1 -1
  174. package/lib-esm/components/hooks/useOnOff.js +1 -1
  175. package/lib-esm/components/hooks/useOnOff.js.map +1 -1
  176. package/lib-esm/components/index.d.ts +1 -0
  177. package/lib-esm/components/index.d.ts.map +1 -1
  178. package/lib-esm/components/index.js +1 -0
  179. package/lib-esm/components/index.js.map +1 -1
  180. package/lib-esm/components/info-panel/InfoPanel.d.ts +15 -0
  181. package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -0
  182. package/lib-esm/components/info-panel/InfoPanel.js +91 -0
  183. package/lib-esm/components/info-panel/InfoPanel.js.map +1 -0
  184. package/lib-esm/components/info-panel/index.d.ts +2 -0
  185. package/lib-esm/components/info-panel/index.d.ts.map +1 -0
  186. package/lib-esm/components/info-panel/index.js +2 -0
  187. package/lib-esm/components/info-panel/index.js.map +1 -0
  188. package/lib-esm/components/layout-manager/LayoutManager.d.ts +2 -4
  189. package/lib-esm/components/layout-manager/LayoutManager.d.ts.map +1 -1
  190. package/lib-esm/components/layout-manager/LayoutManager.js.map +1 -1
  191. package/lib-esm/components/modal/ConfirmModal.d.ts.map +1 -1
  192. package/lib-esm/components/modal/ConfirmModal.js +9 -6
  193. package/lib-esm/components/modal/ConfirmModal.js.map +1 -1
  194. package/lib-esm/components/modal/Modal.d.ts +1 -1
  195. package/lib-esm/components/modal/Modal.d.ts.map +1 -1
  196. package/lib-esm/components/modal/Modal.js +6 -4
  197. package/lib-esm/components/modal/Modal.js.map +1 -1
  198. package/lib-esm/components/modal/useDialog.d.ts +11 -5
  199. package/lib-esm/components/modal/useDialog.d.ts.map +1 -1
  200. package/lib-esm/components/modal/useDialog.js +14 -4
  201. package/lib-esm/components/modal/useDialog.js.map +1 -1
  202. package/lib-esm/components/root-layout/css-reset/customPreflight.d.ts.map +1 -1
  203. package/lib-esm/components/root-layout/css-reset/customPreflight.js +15 -3
  204. package/lib-esm/components/root-layout/css-reset/customPreflight.js.map +1 -1
  205. package/lib-esm/components/root-layout/css-reset/preflight.d.ts +1 -1
  206. package/lib-esm/components/root-layout/css-reset/preflight.d.ts.map +1 -1
  207. package/lib-esm/components/root-layout/css-reset/preflight.js +14 -3
  208. package/lib-esm/components/root-layout/css-reset/preflight.js.map +1 -1
  209. package/lib-esm/components/split-pane/SplitPane.js +1 -1
  210. package/lib-esm/components/split-pane/SplitPane.js.map +1 -1
  211. package/lib-esm/components/table/Table.d.ts +2 -3
  212. package/lib-esm/components/table/Table.d.ts.map +1 -1
  213. package/lib-esm/components/table/Table.js +4 -4
  214. package/lib-esm/components/table/Table.js.map +1 -1
  215. package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts +7 -0
  216. package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts.map +1 -0
  217. package/lib-esm/components/toolbar/PanelPreferencesToolbar.js +23 -0
  218. package/lib-esm/components/toolbar/PanelPreferencesToolbar.js.map +1 -0
  219. package/lib-esm/components/toolbar/index.d.ts +1 -0
  220. package/lib-esm/components/toolbar/index.d.ts.map +1 -1
  221. package/lib-esm/components/toolbar/index.js +1 -0
  222. package/lib-esm/components/toolbar/index.js.map +1 -1
  223. package/lib-esm/components/value-renderers/Boolean.d.ts.map +1 -1
  224. package/lib-esm/components/value-renderers/Boolean.js +1 -1
  225. package/lib-esm/components/value-renderers/Boolean.js.map +1 -1
  226. package/package.json +45 -43
  227. package/src/app/explorer/MeasurementExplorer.tsx +34 -12
  228. package/src/app/explorer/MeasurementExplorerWithState.tsx +2 -2
  229. package/src/app/helpers/MeasurementPlot.tsx +44 -33
  230. package/src/app/helpers/react-plot.tsx +6 -4
  231. package/src/app/hooks/file-loading.ts +1 -1
  232. package/src/app/kinds/ir/IrPeaksPanel.tsx +1 -1
  233. package/src/app/kinds/mass/MassPlotView.tsx +2 -2
  234. package/src/app/kinds/mass/MeasurementMassPlot.tsx +57 -37
  235. package/src/app/panels/SignalProcessingPanel.tsx +1 -1
  236. package/src/app/panels/measurement-info/MeasurementInfoPanel.tsx +14 -84
  237. package/src/app-data/enhancers/enhance.ts +3 -3
  238. package/src/app-data/kinds/ir/irAutoPeakPickingEnhancer.ts +6 -6
  239. package/src/app-data/kinds/ir/irMeasurementEnhancer.ts +1 -1
  240. package/src/app-data/loaders/cdfLoader.ts +4 -5
  241. package/src/app-data/loaders/jcampLoader.ts +1 -1
  242. package/src/app-data/loaders/loadMeasurements.ts +1 -1
  243. package/src/app-data/loaders/wdfLoader.ts +3 -3
  244. package/src/app-data/state/data/data.helpers.ts +54 -21
  245. package/src/app-data/state/view/AppView.ts +1 -1
  246. package/src/components/accordion/Accordion.tsx +1 -1
  247. package/src/components/accordion/AccordionContext.tsx +3 -3
  248. package/src/components/color-picker/gradient-select/GradientSelect.tsx +2 -0
  249. package/src/components/color-picker/react-color/common/EditableInput.jsx +1 -1
  250. package/src/components/color-picker/react-color/sketch/SketchPresetColors.tsx +1 -1
  251. package/src/components/dropdown-menu/DropdownMenu.tsx +2 -0
  252. package/src/components/dropdown-menu/MenuItems.tsx +5 -1
  253. package/src/components/dropdown-menu/useContextMenuPlacement.ts +1 -1
  254. package/src/components/forms/Checkbox.tsx +2 -3
  255. package/src/components/forms/Input.tsx +14 -125
  256. package/src/components/forms/Select.tsx +1 -1
  257. package/src/components/forms/TextArea.tsx +45 -0
  258. package/src/components/forms/index.ts +2 -0
  259. package/src/components/forms/radio-group/ButtonRadioItem.tsx +77 -0
  260. package/src/components/forms/radio-group/ClassicRadioItem.tsx +95 -0
  261. package/src/components/forms/radio-group/RadioGroup.tsx +83 -0
  262. package/src/components/forms/radio-group/index.ts +1 -0
  263. package/src/components/forms/styles.ts +96 -0
  264. package/src/components/forms/utils/SubText.tsx +31 -0
  265. package/src/components/forms/utils/index.ts +1 -0
  266. package/src/components/header/PanelHeader.tsx +75 -0
  267. package/src/components/header/index.ts +1 -0
  268. package/src/components/hooks/useModifiedPopper.ts +1 -1
  269. package/src/components/hooks/useOnOff.ts +1 -2
  270. package/src/components/index.ts +1 -0
  271. package/src/components/info-panel/InfoPanel.tsx +150 -0
  272. package/src/components/info-panel/index.ts +1 -0
  273. package/src/components/layout-manager/LayoutManager.tsx +2 -4
  274. package/src/components/modal/ConfirmModal.tsx +41 -33
  275. package/src/components/modal/Modal.tsx +19 -15
  276. package/src/components/modal/useDialog.ts +36 -10
  277. package/src/components/root-layout/css-reset/customPreflight.ts +15 -3
  278. package/src/components/root-layout/css-reset/preflight.css +15 -3
  279. package/src/components/root-layout/css-reset/preflight.ts +14 -3
  280. package/src/components/split-pane/SplitPane.tsx +1 -1
  281. package/src/components/table/Table.tsx +5 -7
  282. package/src/components/toolbar/PanelPreferencesToolbar.tsx +46 -0
  283. package/src/components/toolbar/index.ts +1 -0
  284. package/src/components/value-renderers/Boolean.tsx +3 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA8BrD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDA8BlB"}
@@ -0,0 +1,48 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
+ /** @jsxImportSource @emotion/react */
3
+ import { css } from '@emotion/react';
4
+ import { useEffect, useRef } from 'react';
5
+ import { FaCog } from 'react-icons/fa';
6
+ import { Button } from '../button/Button';
7
+ const styles = {
8
+ container: css({
9
+ display: 'flex',
10
+ flexDirection: 'row',
11
+ alignItems: 'center',
12
+ justifyContent: 'space-between',
13
+ borderBottom: '0.55px solid rgb(240, 240, 240)',
14
+ }),
15
+ leftContainer: css({
16
+ display: 'flex',
17
+ flexDirection: 'row',
18
+ flex: 1,
19
+ '& > button': {
20
+ padding: '0 5px',
21
+ minWidth: 'auto',
22
+ },
23
+ }),
24
+ counterLabel: css({
25
+ margin: 0,
26
+ textAlign: 'right',
27
+ lineHeight: '22px',
28
+ whiteSpace: 'nowrap',
29
+ }),
30
+ };
31
+ export function PanelHeader({ total, current, children, onClickSettings, }) {
32
+ const labelRef = useRef(null);
33
+ useEffect(() => {
34
+ if (!labelRef.current)
35
+ return;
36
+ if (current !== undefined && total !== undefined) {
37
+ labelRef.current.textContent = `${current} / ${total}`;
38
+ }
39
+ else if (current !== undefined) {
40
+ labelRef.current.textContent = `[ ${current} ]`;
41
+ }
42
+ else if (total !== undefined) {
43
+ labelRef.current.textContent = `[ ${total} ]`;
44
+ }
45
+ }, [current, total]);
46
+ return (_jsxs("div", { css: styles.container, children: [_jsx("div", { css: styles.leftContainer, children: children }), _jsx("p", { ref: labelRef, css: styles.counterLabel }), onClickSettings && (_jsx(Button, { onClick: onClickSettings, color: { basic: 'black', hover: 'black' }, backgroundColor: { basic: 'white', hover: '#f7f7f7' }, children: _jsx(FaCog, {}) }))] }));
47
+ }
48
+ //# sourceMappingURL=PanelHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,GAAG,CAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE;YAChD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;SACxD;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE;YAChC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,OAAO,IAAI,CAAC;SACjD;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE;YAC9B,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,eAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,cAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,YAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,YAAY,GAAI,EAC7C,eAAe,IAAI,CAClB,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EACzC,eAAe,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAErD,KAAC,KAAK,KAAG,GACF,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './Header';
2
+ export * from './PanelHeader';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './Header';
2
+ export * from './PanelHeader';
2
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAuC,EAAE,CAAC;IAEzD,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACnC;IAED,IAAI,MAAM,EAAE;QACV,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;KAC3C;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxE,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB;QACnB,gBAAgB;QAChB,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,GAAG,UAAU,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAA4C,EAAE,CAAC;IAE9D,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACnC;IAED,IAAI,MAAM,EAAE;QACV,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;KAC3C;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxE,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB;QACnB,gBAAgB;QAChB,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,GAAG,UAAU,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useOnOff.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CACtB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAO5E"}
1
+ {"version":3,"file":"useOnOff.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CACtB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAM5E"}
@@ -3,7 +3,7 @@ export function useOnOff(initialValue = false) {
3
3
  const [isOn, setOnOff] = useState(initialValue);
4
4
  const setOn = useCallback(() => setOnOff(true), []);
5
5
  const setOff = useCallback(() => setOnOff(false), []);
6
- const toggle = useCallback(() => setOnOff(!isOn), [isOn]);
6
+ const toggle = useCallback(() => setOnOff((isOn) => !isOn), []);
7
7
  return [isOn, setOn, setOff, toggle];
8
8
  }
9
9
  //# sourceMappingURL=useOnOff.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useOnOff.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEhD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC"}
1
+ {"version":3,"file":"useOnOff.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC"}
@@ -7,6 +7,7 @@ export * from './forms/index';
7
7
  export * from './fullscreen/index';
8
8
  export * from './header/index';
9
9
  export * from './hooks/index';
10
+ export * from './info-panel/index';
10
11
  export * from './layout-manager/index';
11
12
  export * from './modal/index';
12
13
  export * from './root-layout/index';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
@@ -7,6 +7,7 @@ export * from './forms/index';
7
7
  export * from './fullscreen/index';
8
8
  export * from './header/index';
9
9
  export * from './hooks/index';
10
+ export * from './info-panel/index';
10
11
  export * from './layout-manager/index';
11
12
  export * from './modal/index';
12
13
  export * from './root-layout/index';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { CSSProperties } from 'react';
2
+ export interface InfoPanelData {
3
+ description: string;
4
+ data: Record<string, string | number | object | any>;
5
+ }
6
+ interface InfoPanelProps {
7
+ title?: string;
8
+ data?: InfoPanelData[];
9
+ titleStyle?: CSSProperties;
10
+ inputStyle?: CSSProperties;
11
+ tableStyle?: CSSProperties;
12
+ }
13
+ export declare function InfoPanel(props: InfoPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
14
+ export {};
15
+ //# sourceMappingURL=InfoPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,CAAC;CACtD;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAwBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAkE9C"}
@@ -0,0 +1,91 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
2
+ /** @jsxImportSource @emotion/react */
3
+ import { css } from '@emotion/react';
4
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
5
+ // @ts-ignore
6
+ import { Disclosure } from '@headlessui/react';
7
+ import { useState } from 'react';
8
+ import { FaChevronRight } from 'react-icons/fa';
9
+ import { Input, ValueRenderers } from '../index';
10
+ import { Table } from '../table/Table';
11
+ const style = {
12
+ container: css({
13
+ padding: '5px',
14
+ }),
15
+ chevron: (open) => css({
16
+ rotate: open ? '90deg' : '0deg',
17
+ transition: 'all 0.3s ease-in-out',
18
+ }),
19
+ button: css({
20
+ display: 'flex',
21
+ alignItems: 'center',
22
+ gap: 5,
23
+ padding: '5px 2px',
24
+ }),
25
+ table: css `
26
+ width: 100%;
27
+ td:first-of-type {
28
+ width: 30%;
29
+ }
30
+ `,
31
+ };
32
+ export function InfoPanel(props) {
33
+ const [search, setSearch] = useState('');
34
+ const { title = 'Information', data = [], titleStyle, inputStyle, tableStyle, } = props;
35
+ function viewData(data) {
36
+ return Object.keys(data)
37
+ .map((key) => {
38
+ const value = data[key];
39
+ if (!key.toLowerCase().includes(search.toLowerCase()) &&
40
+ !valueSearch(value, search)) {
41
+ return null;
42
+ }
43
+ return (_jsxs(Table.Row, { children: [_jsx(ValueRenderers.Text, { value: key }), valueCell(value)] }, key));
44
+ })
45
+ .filter((row) => row !== null);
46
+ }
47
+ return (_jsxs("div", { css: style.container, children: [_jsx("div", { style: titleStyle, children: title }), _jsx(Input, { placeholder: "search for a parameter ...", value: search, onChange: ({ target }) => {
48
+ if (target.value !== undefined)
49
+ setSearch(target.value);
50
+ }, style: inputStyle }), data.map(({ description, data }) => {
51
+ const content = viewData(data);
52
+ return content.length > 0 ? (_jsx(Disclosure, { defaultOpen: true, children: ({ open }) => (_jsxs(_Fragment, { children: [_jsxs(Disclosure.Button, { css: style.button, children: [_jsx(FaChevronRight, { css: style.chevron(open) }), description] }), _jsx(Disclosure.Panel, { children: _jsxs(Table, { css: style.table, style: tableStyle, children: [_jsxs(Table.Header, { children: [_jsx(ValueRenderers.Title, { value: "Parameter" }), _jsx(ValueRenderers.Title, { value: "Value" })] }), content] }) })] })) })) : null;
53
+ })] }));
54
+ }
55
+ /**
56
+ * Get the value cell depending on the type of the value
57
+ * @param value - ValueRenderers value.
58
+ * @returns - ValueRenderers component.
59
+ */
60
+ function valueCell(value) {
61
+ switch (typeof value) {
62
+ case 'number':
63
+ return _jsx(ValueRenderers.Number, { value: value });
64
+ case 'object':
65
+ return _jsx(ValueRenderers.Object, { value: value });
66
+ case 'string':
67
+ return _jsx(ValueRenderers.Text, { value: value });
68
+ default:
69
+ _jsx(ValueRenderers.Text, { value: value });
70
+ }
71
+ }
72
+ /**
73
+ * Search a string in different type of values
74
+ *
75
+ * @param value - Value to search in.
76
+ * @param search - Value to search for.
77
+ * @returns - If search exist in value
78
+ */
79
+ function valueSearch(value, search) {
80
+ switch (typeof value) {
81
+ case 'number':
82
+ return String(value).includes(search.toLowerCase());
83
+ case 'object':
84
+ return JSON.stringify(value).toLowerCase().includes(search.toLowerCase());
85
+ case 'string':
86
+ return value.toLowerCase().includes(search.toLowerCase());
87
+ default:
88
+ return false;
89
+ }
90
+ }
91
+ //# sourceMappingURL=InfoPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export * from './InfoPanel';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './InfoPanel';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/info-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -1,8 +1,6 @@
1
1
  import { FunctionComponent, ComponentType } from 'react';
2
2
  declare const layoutComponents: ComponentsMap;
3
- interface ComponentsMap {
4
- [componentName: string]: ComponentType<any>;
5
- }
3
+ type ComponentsMap = Record<string, ComponentType<any>>;
6
4
  interface LayoutManagerProps {
7
5
  layout: Layout;
8
6
  components?: ComponentsMap;
@@ -12,7 +10,7 @@ export interface Layout {
12
10
  }
13
11
  interface LayoutComponent {
14
12
  id: string;
15
- component: keyof typeof layoutComponents | FunctionComponent | string;
13
+ component: keyof typeof layoutComponents | FunctionComponent;
16
14
  children?: LayoutComponent[];
17
15
  }
18
16
  export declare function LayoutManager(props: LayoutManagerProps): JSX.Element | null;
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,gBAAgB,EAAE,aAKvB,CAAC;AAEF,UAAU,aAAa;IACrB,CAAC,aAAa,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,MAAM;IAErB,MAAM,EAAE,eAAe,GAAG,GAAG,CAAC;CAC/B;AACD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,gBAAgB,GAAG,iBAAiB,GAAG,MAAM,CAAC;IACtE,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAGtD"}
1
+ {"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,gBAAgB,EAAE,aAKvB,CAAC;AAEF,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAExD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,MAAM;IAErB,MAAM,EAAE,eAAe,GAAG,GAAG,CAAC;CAC/B;AACD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,gBAAgB,GAAG,iBAAiB,CAAC;IAC7D,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAGtD"}
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,aAAa,GAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS;IACT,SAAS;IACT,KAAK;IACL,QAAQ;CACT,CAAC;AAqBF,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,qBAAqB,CAC5B,GAAoB,EACpB,UAA4C,EAC5C,KAAK,GAAG,EAAE;IAEV,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAE3D,IAAI,aAAa,EAAE;QACjB,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;QACnE,MAAM,YAAY,GAChB,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE3C,OAAO,aAAa,CAClB,aAAa;QACb,8DAA8D;QAC9D,cAAqB,EACrB,YAAY,CACb,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CACnB,MAAc,EACd,UAA4C;IAE5C,OAAO,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,cAAc,CACrB,QAAuC,EACvC,UAA4C;IAE5C,OAAO,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnC,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAuC,EACvC,iBAAmD;IAEnD,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAEtD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC;YAAE,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,IAAI,gBAAgB,CAAC,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACrE;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
1
+ {"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,aAAa,GAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS;IACT,SAAS;IACT,KAAK;IACL,QAAQ;CACT,CAAC;AAmBF,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,qBAAqB,CAC5B,GAAoB,EACpB,UAA4C,EAC5C,KAAK,GAAG,EAAE;IAEV,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAE3D,IAAI,aAAa,EAAE;QACjB,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;QACnE,MAAM,YAAY,GAChB,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE3C,OAAO,aAAa,CAClB,aAAa;QACb,8DAA8D;QAC9D,cAAqB,EACrB,YAAY,CACb,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CACnB,MAAc,EACd,UAA4C;IAE5C,OAAO,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,cAAc,CACrB,QAAuC,EACvC,UAA4C;IAE5C,OAAO,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnC,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAuC,EACvC,iBAAmD;IAEnD,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAEtD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC;YAAE,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,IAAI,gBAAgB,CAAC,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACrE;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAyCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDA0EpD"}
1
+ {"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA4CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDA+EpD"}
@@ -18,16 +18,19 @@ const ConfirmModalContents = styled.div `
18
18
  flex-direction: column;
19
19
  background-color: white;
20
20
  width: 100%;
21
- border-width: 1px;
22
- border-color: transparent;
23
21
  border-radius: 0.5rem;
24
- box-shadow: 0 0 0 0, 0 0px 16px rgba(0, 0, 0, 0.3);
22
+ box-shadow:
23
+ 0 0 0 0,
24
+ 0 0px 16px rgba(0, 0, 0, 0.3);
25
25
  border-top: 10px solid ${({ headerColor }) => headerColor};
26
26
  `;
27
27
  const ConfirmModalChildrenRoot = styled.div `
28
28
  color: ${({ headerColor }) => headerColor};
29
29
  display: flex;
30
30
  flex: 1 1 0%;
31
+ font-weight: bold;
32
+ padding: 20px;
33
+ font-size: 14px;
31
34
  `;
32
35
  const ConfirmModalFooter = styled.div `
33
36
  border-top: 2px solid rgb(247, 247, 247);
@@ -39,7 +42,7 @@ const ConfirmModalFooter = styled.div `
39
42
  export function ConfirmModal(props) {
40
43
  const { isOpen, saveText = 'Save', cancelText = 'Cancel', headerColor, maxWidth, onRequestClose, onCancel = onRequestClose, onConfirm, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, } = props;
41
44
  const dialogRef = useRef(null);
42
- const dialogProps = useDialog({
45
+ const { dialogProps, isModalShown } = useDialog({
43
46
  dialogRef,
44
47
  isOpen,
45
48
  requestCloseOnEsc,
@@ -54,12 +57,12 @@ export function ConfirmModal(props) {
54
57
  if (!isOpen) {
55
58
  return null;
56
59
  }
57
- return (_jsx(Portal, { children: _jsx(ConfirmModalDialog, { ...dialogProps, ref: dialogRef, children: _jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(ConfirmModalContents, { headerColor: headerColor, style: { maxWidth }, children: [_jsx(ConfirmModalChildrenRoot, { headerColor: headerColor, children: children }), _jsxs(ConfirmModalFooter, { children: [_jsx(Button, { onClick: onConfirm, backgroundColor: {
60
+ return (_jsx(Portal, { children: _jsx(ConfirmModalDialog, { ...dialogProps, ref: dialogRef, children: isModalShown && (_jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(ConfirmModalContents, { headerColor: headerColor, style: { maxWidth }, children: [_jsx(ConfirmModalChildrenRoot, { headerColor: headerColor, children: children }), _jsxs(ConfirmModalFooter, { children: [_jsx(Button, { onClick: onConfirm, backgroundColor: {
58
61
  basic: 'hsla(243deg, 75%, 58%, 1)',
59
62
  hover: 'hsla(245deg, 58%, 50%, 1)',
60
63
  }, color: { basic: 'white' }, children: saveText }), _jsx(Button, { onClick: onCancel, backgroundColor: {
61
64
  basic: 'hsla(0deg, 72%, 50%, 1)',
62
65
  hover: 'hsla(0deg, 73%, 42%, 1)',
63
- }, color: { basic: 'white' }, children: cancelText })] })] }) }) }) }));
66
+ }, color: { basic: 'white' }, children: cancelText })] })] }) })) }) }));
64
67
  }
65
68
  //# sourceMappingURL=ConfirmModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAErC;;;;;;;;;;2BAUyB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC1D,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAyB;WACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;;;CAG1C,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,QAAQ,EACrB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,cAAc,EACzB,SAAS,EACT,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,SAAS,CAAC;QAC5B,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,kBAAkB,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACjD,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,aACjE,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,YAC/C,QAAQ,GACgB,EAE3B,MAAC,kBAAkB,eACjB,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE;wCACf,KAAK,EAAE,2BAA2B;wCAClC,KAAK,EAAE,2BAA2B;qCACnC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,QAAQ,GACF,EACT,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE;wCACf,KAAK,EAAE,yBAAyB;wCAChC,KAAK,EAAE,yBAAyB;qCACjC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,UAAU,GACJ,IACU,IACA,GACJ,GACF,GACd,CACV,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAErC;;;;;;;;;;2BAUyB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC1D,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAyB;WACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;;;;;;CAM1C,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,QAAQ,EACrB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,cAAc,EACzB,SAAS,EACT,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,kBAAkB,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YAChD,YAAY,IAAI,CACf,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,QAAQ,EAAE,aAEnB,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,YAC/C,QAAQ,GACgB,EAE3B,MAAC,kBAAkB,eACjB,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE;wCACf,KAAK,EAAE,2BAA2B;wCAClC,KAAK,EAAE,2BAA2B;qCACnC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,QAAQ,GACF,EACT,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE;wCACf,KAAK,EAAE,yBAAyB;wCAChC,KAAK,EAAE,yBAAyB;qCACjC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,UAAU,GACJ,IACU,IACA,GACJ,CACtB,GACkB,GACd,CACV,CAAC;AACJ,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import type { ReactElement, ReactNode } from 'react';
2
2
  export interface ModalProps {
3
- children: ReactElement | Array<ReactElement>;
3
+ children: ReactElement | ReactElement[];
4
4
  isOpen: boolean;
5
5
  requestCloseOnEsc?: boolean;
6
6
  hasCloseButton?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA0CD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kDAsDtC;yBAtDe,KAAK"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4CD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kDAwDtC;yBAxDe,KAAK"}
@@ -20,7 +20,9 @@ const DialogContents = styled.div `
20
20
  border-width: 1px;
21
21
  border-color: transparent;
22
22
  border-radius: 0.5rem;
23
- box-shadow: 0 0 0 0, 0 0px 16px rgba(0, 0, 0, 0.3);
23
+ box-shadow:
24
+ 0 0 0 0,
25
+ 0 0px 16px rgba(0, 0, 0, 0.3);
24
26
  `;
25
27
  const ModalHeaderStyled = styled.div `
26
28
  display: flex;
@@ -41,7 +43,7 @@ const ModalFooterStyled = styled.div `
41
43
  export function Modal(props) {
42
44
  const { isOpen, onRequestClose, hasCloseButton = true, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, width, maxWidth, height, } = props;
43
45
  const dialogRef = useRef(null);
44
- const dialogProps = useDialog({
46
+ const { dialogProps, isModalShown } = useDialog({
45
47
  dialogRef,
46
48
  isOpen,
47
49
  requestCloseOnEsc,
@@ -56,11 +58,11 @@ export function Modal(props) {
56
58
  if (!isOpen) {
57
59
  return null;
58
60
  }
59
- return (_jsx(Portal, { children: _jsx(DialogRoot, { ...dialogProps, ref: dialogRef, children: _jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(DialogContents, { style: {
61
+ return (_jsx(Portal, { children: _jsx(DialogRoot, { ...dialogProps, ref: dialogRef, children: isModalShown && (_jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(DialogContents, { style: {
60
62
  maxWidth,
61
63
  height: height || 'max-content',
62
64
  width: width || '100%',
63
- }, children: [children, hasCloseButton && _jsx(ModalCloseButton, { onClick: onRequestClose })] }) }) }) }));
65
+ }, children: [children, hasCloseButton && _jsx(ModalCloseButton, { onClick: onRequestClose })] }) })) }) }));
64
66
  }
65
67
  Modal.Header = function ModalHeader(props) {
66
68
  return _jsx(ModalHeaderStyled, { children: props.children });
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAcxC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAShC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAIF,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,SAAS,CAAC;QAC5B,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,UAAU,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACzC,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,cAAc,IACb,KAAK,EAAE;wBACL,QAAQ;wBACR,MAAM,EAAE,MAAM,IAAI,aAAa;wBAC/B,KAAK,EAAE,KAAK,IAAI,MAAM;qBACvB,aAEA,QAAQ,EACR,cAAc,IAAI,KAAC,gBAAgB,IAAC,OAAO,EAAE,cAAc,GAAI,IACjD,GACE,GACV,GACN,CACV,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,KAAC,eAAe,cAAE,KAAK,CAAC,QAAQ,GAAmB,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAcxC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAIF,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,UAAU,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACxC,YAAY,IAAI,CACf,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,cAAc,IACb,KAAK,EAAE;wBACL,QAAQ;wBACR,MAAM,EAAE,MAAM,IAAI,aAAa;wBAC/B,KAAK,EAAE,KAAK,IAAI,MAAM;qBACvB,aAEA,QAAQ,EACR,cAAc,IAAI,KAAC,gBAAgB,IAAC,OAAO,EAAE,cAAc,GAAI,IACjD,GACE,CACtB,GACU,GACN,CACV,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,KAAC,eAAe,cAAE,KAAK,CAAC,QAAQ,GAAmB,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC"}
@@ -1,12 +1,18 @@
1
1
  import { MouseEventHandler, ReactEventHandler, RefObject } from 'react';
2
- export declare function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: {
2
+ interface UseDialogOptions {
3
3
  dialogRef: RefObject<HTMLDialogElement>;
4
4
  isOpen: boolean;
5
5
  requestCloseOnEsc: boolean;
6
6
  requestCloseOnBackdrop: boolean;
7
7
  onRequestClose?: () => void;
8
- }): {
9
- onClick: MouseEventHandler<HTMLDialogElement>;
10
- onCancel: ReactEventHandler<HTMLDialogElement>;
11
- };
8
+ }
9
+ interface UseDialogReturn {
10
+ dialogProps: {
11
+ onClick: MouseEventHandler<HTMLDialogElement>;
12
+ onCancel: ReactEventHandler<HTMLDialogElement>;
13
+ };
14
+ isModalShown: boolean;
15
+ }
16
+ export declare function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: UseDialogOptions): UseDialogReturn;
17
+ export {};
12
18
  //# sourceMappingURL=useDialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE;IACD,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;;;EA+CA"}
1
+ {"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAKf,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,UAAU,eAAe;IACvB,WAAW,EAAE;QACX,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC9C,QAAQ,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KAChD,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE,gBAAgB,GAAG,eAAe,CA4DpC"}
@@ -1,14 +1,20 @@
1
- import { useCallback, useEffect, } from 'react';
1
+ import { useCallback, useEffect, useMemo, } from 'react';
2
2
  import { useKbsDisableGlobal } from 'react-kbs';
3
+ import { useOnOff } from '../index';
3
4
  export function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }) {
4
5
  useKbsDisableGlobal(isOpen);
6
+ const [isModalShown, showModal, hideModal] = useOnOff(false);
5
7
  useEffect(() => {
6
8
  const dialog = dialogRef.current;
7
9
  if (dialog && isOpen) {
10
+ showModal();
8
11
  dialog.showModal();
9
- return () => dialog.close();
12
+ return () => {
13
+ hideModal();
14
+ dialog.close();
15
+ };
10
16
  }
11
- }, [dialogRef, isOpen]);
17
+ }, [dialogRef, isOpen, showModal, hideModal]);
12
18
  const onCancel = useCallback((event) => {
13
19
  event.preventDefault();
14
20
  if (requestCloseOnEsc && onRequestClose) {
@@ -33,6 +39,10 @@ export function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOn
33
39
  onRequestClose?.();
34
40
  }
35
41
  }, [dialogRef, requestCloseOnBackdrop, onRequestClose]);
36
- return { onClick, onCancel };
42
+ const dialogProps = useMemo(() => ({ onClick, onCancel }), [onClick, onCancel]);
43
+ return {
44
+ dialogProps,
45
+ isModalShown,
46
+ };
37
47
  }
38
48
  //# sourceMappingURL=useDialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GAOf;IACC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAExB,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,iBAAiB,IAAI,cAAc,EAAE;YACvC,cAAc,EAAE,CAAC;SAClB;IACH,CAAC,EACD,CAAC,cAAc,EAAE,iBAAiB,CAAC,CACpC,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,qHAAqH;QACrH,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAC5C,MAAM,UAAU,GACd,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO;YACzB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;YACvC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO;YAC1B,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,iEAAiE;QACjE,wCAAwC;QACxC,IAAI,CAAC,UAAU,IAAI,sBAAsB,EAAE;YACzC,cAAc,EAAE,EAAE,CAAC;SACpB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,sBAAsB,EAAE,cAAc,CAAC,CACpD,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC/B,CAAC"}
1
+ {"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAkBpC,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACG;IACjB,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,SAAS,EAAE,CAAC;YACZ,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,GAAG,EAAE;gBACV,SAAS,EAAE,CAAC;gBACZ,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,iBAAiB,IAAI,cAAc,EAAE;YACvC,cAAc,EAAE,CAAC;SAClB;IACH,CAAC,EACD,CAAC,cAAc,EAAE,iBAAiB,CAAC,CACpC,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,qHAAqH;QACrH,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAC5C,MAAM,UAAU,GACd,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO;YACzB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;YACvC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO;YAC1B,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,iEAAiE;QACjE,wCAAwC;QACxC,IAAI,CAAC,UAAU,IAAI,sBAAsB,EAAE;YACzC,cAAc,EAAE,EAAE,CAAC;SACpB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,sBAAsB,EAAE,cAAc,CAAC,CACpD,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAC7B,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAC;IAEF,OAAO;QACL,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"customPreflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,kBAAkB;;;yGAY9B,CAAC"}
1
+ {"version":3,"file":"customPreflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,kBAAkB;;;yGAwB9B,CAAC"}
@@ -5,9 +5,21 @@ export const CustomDivPreflight = styled.div `
5
5
  line-height: 1.5;
6
6
  -webkit-text-size-adjust: 100%;
7
7
  tab-size: 4;
8
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
9
- 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
10
- 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
8
+ font-family:
9
+ ui-sans-serif,
10
+ system-ui,
11
+ -apple-system,
12
+ BlinkMacSystemFont,
13
+ 'Segoe UI',
14
+ Roboto,
15
+ 'Helvetica Neue',
16
+ Arial,
17
+ 'Noto Sans',
18
+ sans-serif,
19
+ 'Apple Color Emoji',
20
+ 'Segoe UI Emoji',
21
+ 'Segoe UI Symbol',
22
+ 'Noto Color Emoji';
11
23
 
12
24
  width: 100%;
13
25
  height: 100%;
@@ -1 +1 @@
1
- {"version":3,"file":"customPreflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,qFAAqF;AACrF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAY3C,CAAC"}
1
+ {"version":3,"file":"customPreflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,qFAAqF;AACrF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB3C,CAAC"}
@@ -1,2 +1,2 @@
1
- export declare const preflight: import("@emotion/utils").SerializedStyles;
1
+ export declare const preflight: import("@emotion/react").SerializedStyles;
2
2
  //# sourceMappingURL=preflight.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"preflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,2CAgZrB,CAAC"}
1
+ {"version":3,"file":"preflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,2CA2ZrB,CAAC"}
@@ -66,9 +66,20 @@ SOFTWARE.
66
66
  -webkit-text-size-adjust: 100%; /* 2 */
67
67
  -moz-tab-size: 4; /* 3 */
68
68
  tab-size: 4; /* 3 */
69
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
70
- 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
71
- 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
69
+ font-family:
70
+ ui-sans-serif,
71
+ system-ui,
72
+ -apple-system,
73
+ BlinkMacSystemFont,
74
+ 'Segoe UI',
75
+ Roboto,
76
+ 'Helvetica Neue',
77
+ Arial,
78
+ 'Noto Sans',
79
+ sans-serif,
80
+ 'Apple Color Emoji',
81
+ 'Segoe UI Emoji',
82
+ 'Segoe UI Symbol',
72
83
  'Noto Color Emoji'; /* 4 */
73
84
  }
74
85
 
@@ -1 +1 @@
1
- {"version":3,"file":"preflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgZ3B,CAAC"}
1
+ {"version":3,"file":"preflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Z3B,CAAC"}