@embeddable.com/remarkable-ui 0.1.9 → 0.1.10

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 (322) hide show
  1. package/dist/embeddable-components.json +6 -6
  2. package/dist/index.js +218 -17
  3. package/dist/index.js.map +1 -1
  4. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts +1 -1
  5. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts +4 -4
  6. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.d.ts +1 -1
  7. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.d.ts +3 -3
  8. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.stories.d.ts +3 -3
  9. package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.d.ts +1 -1
  10. package/dist/remarkable-pro/theme/i18n/i18n.d.ts +1 -1
  11. package/dist/remarkable-pro/theme/styles/styles.constants.d.ts +1 -1
  12. package/dist/remarkable-ui/charts/bars/BarChart.stories.d.ts +2 -2
  13. package/dist/remarkable-ui/charts/pies/DonutChart.stories.d.ts +2 -2
  14. package/dist/remarkable-ui/charts/pies/PieChart.stories.d.ts +2 -2
  15. package/dist/remarkable-ui/editors/InputField/InputField.d.ts +2 -2
  16. package/dist/remarkable-ui/editors/NumberField/NumberField.d.ts +2 -2
  17. package/dist/remarkable-ui/editors/NumberField/NumberField.stories.d.ts +3 -3
  18. package/dist/remarkable-ui/editors/TextField/TextField.d.ts +4 -4
  19. package/dist/remarkable-ui/editors/TextField/TextField.stories.d.ts +5 -5
  20. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts +2 -2
  21. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts +2 -2
  22. package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.d.ts +2 -2
  23. package/dist/remarkable-ui/shared/BaseButton/BaseButton.d.ts +1 -1
  24. package/dist/remarkable-ui/shared/Button/Button.d.ts +1 -1
  25. package/dist/remarkable-ui/shared/Button/Button.stories.d.ts +5 -5
  26. package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.d.ts +2 -2
  27. package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.stories.d.ts +3 -3
  28. package/dist/remarkable-ui/shared/Card/Card.d.ts +1 -1
  29. package/dist/remarkable-ui/shared/Card/Card.stories.d.ts +2 -2
  30. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.d.ts +2 -2
  31. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.stories.d.ts +2 -2
  32. package/dist/remarkable-ui/shared/Dropdown/Dropdown.d.ts +1 -1
  33. package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.d.ts +1 -1
  34. package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.stories.d.ts +1 -1
  35. package/dist/remarkable-ui/shared/IconButton/IconButton.d.ts +2 -2
  36. package/dist/remarkable-ui/shared/IconButton/IconButton.stories.d.ts +3 -3
  37. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.d.ts +1 -1
  38. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.stories.d.ts +2 -2
  39. package/dist/remarkable-ui/shared/Switch/Switch.d.ts +1 -1
  40. package/dist/remarkable-ui/shared/Switch/Switch.stories.d.ts +2 -2
  41. package/dist/remarkable-ui/shared/Typography/Typography.d.ts +1 -1
  42. package/dist/remarkable-ui/shared/Typography/Typography.stories.d.ts +1 -1
  43. package/dist/remarkable-ui/shared/Typography/Typography.types.d.ts +1 -1
  44. package/package.json +1 -1
  45. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.d.ts +0 -118
  46. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.d.ts.map +0 -1
  47. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.js +0 -64
  48. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.js.map +0 -1
  49. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/index.js +0 -23
  50. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/index.js.map +0 -1
  51. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.d.ts +0 -118
  52. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.d.ts.map +0 -1
  53. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.js +0 -64
  54. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.js.map +0 -1
  55. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultPro/index.js +0 -23
  56. package/dist/remarkable-pro/components/charts/bars/BarChartDefaultPro/index.js.map +0 -1
  57. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.d.ts +0 -126
  58. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.d.ts.map +0 -1
  59. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.js +0 -70
  60. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.js.map +0 -1
  61. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.js +0 -28
  62. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.js.map +0 -1
  63. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.d.ts +0 -126
  64. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.d.ts.map +0 -1
  65. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.js +0 -70
  66. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.js.map +0 -1
  67. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.js +0 -27
  68. package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.js.map +0 -1
  69. package/dist/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.d.ts +0 -132
  70. package/dist/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.d.ts.map +0 -1
  71. package/dist/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.js +0 -71
  72. package/dist/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.js.map +0 -1
  73. package/dist/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/index.js +0 -27
  74. package/dist/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/index.js.map +0 -1
  75. package/dist/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.d.ts +0 -132
  76. package/dist/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.d.ts.map +0 -1
  77. package/dist/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.js +0 -71
  78. package/dist/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.js.map +0 -1
  79. package/dist/remarkable-pro/components/charts/bars/BarChartStackedPro/index.js +0 -27
  80. package/dist/remarkable-pro/components/charts/bars/BarChartStackedPro/index.js.map +0 -1
  81. package/dist/remarkable-pro/components/charts/bars/bars.utils.js +0 -116
  82. package/dist/remarkable-pro/components/charts/bars/bars.utils.js.map +0 -1
  83. package/dist/remarkable-pro/components/charts/charts.fillGaps.hooks.js +0 -192
  84. package/dist/remarkable-pro/components/charts/charts.fillGaps.hooks.js.map +0 -1
  85. package/dist/remarkable-pro/components/charts/charts.fillGaps.utils.js +0 -345
  86. package/dist/remarkable-pro/components/charts/charts.fillGaps.utils.js.map +0 -1
  87. package/dist/remarkable-pro/components/charts/charts.utils.js +0 -19
  88. package/dist/remarkable-pro/components/charts/charts.utils.js.map +0 -1
  89. package/dist/remarkable-pro/components/charts/pies/DonutChartPro/DonutChartPro.emb.d.ts +0 -86
  90. package/dist/remarkable-pro/components/charts/pies/DonutChartPro/DonutChartPro.emb.d.ts.map +0 -1
  91. package/dist/remarkable-pro/components/charts/pies/DonutChartPro/DonutChartPro.emb.js +0 -58
  92. package/dist/remarkable-pro/components/charts/pies/DonutChartPro/DonutChartPro.emb.js.map +0 -1
  93. package/dist/remarkable-pro/components/charts/pies/DonutChartPro/index.js +0 -30
  94. package/dist/remarkable-pro/components/charts/pies/DonutChartPro/index.js.map +0 -1
  95. package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.d.ts +0 -103
  96. package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.d.ts.map +0 -1
  97. package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.js +0 -71
  98. package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.js.map +0 -1
  99. package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.js +0 -33
  100. package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.js.map +0 -1
  101. package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.d.ts +0 -86
  102. package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.d.ts.map +0 -1
  103. package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.js +0 -58
  104. package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.js.map +0 -1
  105. package/dist/remarkable-pro/components/charts/pies/PieChartPro/index.js +0 -30
  106. package/dist/remarkable-pro/components/charts/pies/PieChartPro/index.js.map +0 -1
  107. package/dist/remarkable-pro/components/charts/pies/pies.types.js +0 -3
  108. package/dist/remarkable-pro/components/charts/pies/pies.types.js.map +0 -1
  109. package/dist/remarkable-pro/components/charts/pies/pies.utils.js +0 -68
  110. package/dist/remarkable-pro/components/charts/pies/pies.utils.js.map +0 -1
  111. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.js +0 -36
  112. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.js.map +0 -1
  113. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.js +0 -41
  114. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.js.map +0 -1
  115. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.js +0 -12
  116. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.js.map +0 -1
  117. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.constants.js +0 -27
  118. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.constants.js.map +0 -1
  119. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.js +0 -38
  120. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.js.map +0 -1
  121. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.js +0 -10
  122. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.js.map +0 -1
  123. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types.js +0 -3
  124. package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types.js.map +0 -1
  125. package/dist/remarkable-pro/components/component.constants.js +0 -291
  126. package/dist/remarkable-pro/components/component.constants.js.map +0 -1
  127. package/dist/remarkable-pro/components/component.utils.js +0 -21
  128. package/dist/remarkable-pro/components/component.utils.js.map +0 -1
  129. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.constants.js +0 -297
  130. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.constants.js.map +0 -1
  131. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.d.ts +0 -63
  132. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.d.ts.map +0 -1
  133. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.js +0 -72
  134. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.js.map +0 -1
  135. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.types.js +0 -3
  136. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.types.js.map +0 -1
  137. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.js +0 -34
  138. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.js.map +0 -1
  139. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.js +0 -44
  140. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.js.map +0 -1
  141. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.stories.js +0 -31
  142. package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.stories.js.map +0 -1
  143. package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.d.ts +0 -98
  144. package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.d.ts.map +0 -1
  145. package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.js +0 -135
  146. package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.js.map +0 -1
  147. package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/index.js +0 -26
  148. package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/index.js.map +0 -1
  149. package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.d.ts +0 -95
  150. package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.d.ts.map +0 -1
  151. package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.js +0 -132
  152. package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.js.map +0 -1
  153. package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/index.js +0 -26
  154. package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/index.js.map +0 -1
  155. package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.js +0 -25
  156. package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.js.map +0 -1
  157. package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.js +0 -19
  158. package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.js.map +0 -1
  159. package/dist/remarkable-pro/index.js +0 -70
  160. package/dist/remarkable-pro/index.js.map +0 -1
  161. package/dist/remarkable-pro/theme/formatter/formatter.constants.js +0 -136
  162. package/dist/remarkable-pro/theme/formatter/formatter.constants.js.map +0 -1
  163. package/dist/remarkable-pro/theme/formatter/formatter.types.js +0 -3
  164. package/dist/remarkable-pro/theme/formatter/formatter.types.js.map +0 -1
  165. package/dist/remarkable-pro/theme/formatter/formatter.utils.js +0 -61
  166. package/dist/remarkable-pro/theme/formatter/formatter.utils.js.map +0 -1
  167. package/dist/remarkable-pro/theme/i18n/i18n.js +0 -24
  168. package/dist/remarkable-pro/theme/i18n/i18n.js.map +0 -1
  169. package/dist/remarkable-pro/theme/i18n/translations/de.js +0 -36
  170. package/dist/remarkable-pro/theme/i18n/translations/de.js.map +0 -1
  171. package/dist/remarkable-pro/theme/i18n/translations/en.js +0 -25
  172. package/dist/remarkable-pro/theme/i18n/translations/en.js.map +0 -1
  173. package/dist/remarkable-pro/theme/styles/styles.constants.js +0 -6
  174. package/dist/remarkable-pro/theme/styles/styles.constants.js.map +0 -1
  175. package/dist/remarkable-pro/theme/styles/styles.types.js +0 -3
  176. package/dist/remarkable-pro/theme/styles/styles.types.js.map +0 -1
  177. package/dist/remarkable-pro/theme/styles/styles.utils.js +0 -79
  178. package/dist/remarkable-pro/theme/styles/styles.utils.js.map +0 -1
  179. package/dist/remarkable-pro/theme/theme.constants.js +0 -35
  180. package/dist/remarkable-pro/theme/theme.constants.js.map +0 -1
  181. package/dist/remarkable-pro/theme/theme.types.js +0 -3
  182. package/dist/remarkable-pro/theme/theme.types.js.map +0 -1
  183. package/dist/remarkable-pro/theme/utils/export.utils.js +0 -120
  184. package/dist/remarkable-pro/theme/utils/export.utils.js.map +0 -1
  185. package/dist/remarkable-pro/types/deep-partial.js +0 -3
  186. package/dist/remarkable-pro/types/deep-partial.js.map +0 -1
  187. package/dist/remarkable-pro/utils.ts/cache.utils.js +0 -23
  188. package/dist/remarkable-pro/utils.ts/cache.utils.js.map +0 -1
  189. package/dist/remarkable-pro/utils.ts/data.utils.js +0 -9
  190. package/dist/remarkable-pro/utils.ts/data.utils.js.map +0 -1
  191. package/dist/remarkable-pro/utils.ts/date.utils.js +0 -184
  192. package/dist/remarkable-pro/utils.ts/date.utils.js.map +0 -1
  193. package/dist/remarkable-pro/utils.ts/object.utils.js +0 -30
  194. package/dist/remarkable-pro/utils.ts/object.utils.js.map +0 -1
  195. package/dist/remarkable-ui/charts/bars/BarChart.js +0 -26
  196. package/dist/remarkable-ui/charts/bars/BarChart.js.map +0 -1
  197. package/dist/remarkable-ui/charts/bars/BarChart.stories.js +0 -98
  198. package/dist/remarkable-ui/charts/bars/BarChart.stories.js.map +0 -1
  199. package/dist/remarkable-ui/charts/bars/bars.constants.js +0 -71
  200. package/dist/remarkable-ui/charts/bars/bars.constants.js.map +0 -1
  201. package/dist/remarkable-ui/charts/bars/bars.types.js +0 -3
  202. package/dist/remarkable-ui/charts/bars/bars.types.js.map +0 -1
  203. package/dist/remarkable-ui/charts/bars/bars.utils.js +0 -204
  204. package/dist/remarkable-ui/charts/bars/bars.utils.js.map +0 -1
  205. package/dist/remarkable-ui/charts/chartjs.constants.js +0 -72
  206. package/dist/remarkable-ui/charts/chartjs.constants.js.map +0 -1
  207. package/dist/remarkable-ui/charts/chartjs.utils.js +0 -12
  208. package/dist/remarkable-ui/charts/chartjs.utils.js.map +0 -1
  209. package/dist/remarkable-ui/charts/charts.constants.js +0 -23
  210. package/dist/remarkable-ui/charts/charts.constants.js.map +0 -1
  211. package/dist/remarkable-ui/charts/pies/DonutChart.js +0 -42
  212. package/dist/remarkable-ui/charts/pies/DonutChart.js.map +0 -1
  213. package/dist/remarkable-ui/charts/pies/DonutChart.stories.js +0 -19
  214. package/dist/remarkable-ui/charts/pies/DonutChart.stories.js.map +0 -1
  215. package/dist/remarkable-ui/charts/pies/PieChart.js +0 -28
  216. package/dist/remarkable-ui/charts/pies/PieChart.js.map +0 -1
  217. package/dist/remarkable-ui/charts/pies/PieChart.stories.js +0 -22
  218. package/dist/remarkable-ui/charts/pies/PieChart.stories.js.map +0 -1
  219. package/dist/remarkable-ui/charts/pies/pies.constants.js +0 -45
  220. package/dist/remarkable-ui/charts/pies/pies.constants.js.map +0 -1
  221. package/dist/remarkable-ui/charts/pies/pies.mock.js +0 -12
  222. package/dist/remarkable-ui/charts/pies/pies.mock.js.map +0 -1
  223. package/dist/remarkable-ui/charts/pies/pies.types.js +0 -3
  224. package/dist/remarkable-ui/charts/pies/pies.types.js.map +0 -1
  225. package/dist/remarkable-ui/charts/pies/pies.utils.js +0 -22
  226. package/dist/remarkable-ui/charts/pies/pies.utils.js.map +0 -1
  227. package/dist/remarkable-ui/editors/InputField/InputField.js +0 -18
  228. package/dist/remarkable-ui/editors/InputField/InputField.js.map +0 -1
  229. package/dist/remarkable-ui/editors/NumberField/NumberField.js +0 -21
  230. package/dist/remarkable-ui/editors/NumberField/NumberField.js.map +0 -1
  231. package/dist/remarkable-ui/editors/NumberField/NumberField.stories.js +0 -78
  232. package/dist/remarkable-ui/editors/NumberField/NumberField.stories.js.map +0 -1
  233. package/dist/remarkable-ui/editors/TextField/TextField.js +0 -16
  234. package/dist/remarkable-ui/editors/TextField/TextField.js.map +0 -1
  235. package/dist/remarkable-ui/editors/TextField/TextField.stories.js +0 -89
  236. package/dist/remarkable-ui/editors/TextField/TextField.stories.js.map +0 -1
  237. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.js +0 -80
  238. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.js.map +0 -1
  239. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.js +0 -60
  240. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.js.map +0 -1
  241. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.js +0 -55
  242. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.js.map +0 -1
  243. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.js +0 -110
  244. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.js.map +0 -1
  245. package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.js +0 -24
  246. package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.js.map +0 -1
  247. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectList.js +0 -61
  248. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectList.js.map +0 -1
  249. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.js +0 -49
  250. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.js.map +0 -1
  251. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.js +0 -14
  252. package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.js.map +0 -1
  253. package/dist/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.js +0 -15
  254. package/dist/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.js.map +0 -1
  255. package/dist/remarkable-ui/index.js +0 -64
  256. package/dist/remarkable-ui/index.js.map +0 -1
  257. package/dist/remarkable-ui/shared/BaseButton/BaseButton.js +0 -14
  258. package/dist/remarkable-ui/shared/BaseButton/BaseButton.js.map +0 -1
  259. package/dist/remarkable-ui/shared/BaseButton/index.js +0 -6
  260. package/dist/remarkable-ui/shared/BaseButton/index.js.map +0 -1
  261. package/dist/remarkable-ui/shared/Button/Button.js +0 -16
  262. package/dist/remarkable-ui/shared/Button/Button.js.map +0 -1
  263. package/dist/remarkable-ui/shared/Button/Button.stories.js +0 -54
  264. package/dist/remarkable-ui/shared/Button/Button.stories.js.map +0 -1
  265. package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.js +0 -15
  266. package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.js.map +0 -1
  267. package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.stories.js +0 -24
  268. package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.stories.js.map +0 -1
  269. package/dist/remarkable-ui/shared/Card/Card.js +0 -27
  270. package/dist/remarkable-ui/shared/Card/Card.js.map +0 -1
  271. package/dist/remarkable-ui/shared/Card/Card.stories.js +0 -12
  272. package/dist/remarkable-ui/shared/Card/Card.stories.js.map +0 -1
  273. package/dist/remarkable-ui/shared/Card/CardContentInfo/CardContentInfo.js +0 -15
  274. package/dist/remarkable-ui/shared/Card/CardContentInfo/CardContentInfo.js.map +0 -1
  275. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.js +0 -19
  276. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.js.map +0 -1
  277. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.stories.js +0 -51
  278. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.stories.js.map +0 -1
  279. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.types.js +0 -3
  280. package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.types.js.map +0 -1
  281. package/dist/remarkable-ui/shared/ConfirmCancelModal/index.js +0 -6
  282. package/dist/remarkable-ui/shared/ConfirmCancelModal/index.js.map +0 -1
  283. package/dist/remarkable-ui/shared/Dropdown/Dropdown.js +0 -43
  284. package/dist/remarkable-ui/shared/Dropdown/Dropdown.js.map +0 -1
  285. package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.js +0 -48
  286. package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.js.map +0 -1
  287. package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.stories.js +0 -17
  288. package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.stories.js.map +0 -1
  289. package/dist/remarkable-ui/shared/Foundations/Colors.stories.js +0 -19
  290. package/dist/remarkable-ui/shared/Foundations/Colors.stories.js.map +0 -1
  291. package/dist/remarkable-ui/shared/IconButton/IconButton.js +0 -15
  292. package/dist/remarkable-ui/shared/IconButton/IconButton.js.map +0 -1
  293. package/dist/remarkable-ui/shared/IconButton/IconButton.stories.js +0 -15
  294. package/dist/remarkable-ui/shared/IconButton/IconButton.stories.js.map +0 -1
  295. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.js +0 -14
  296. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.js.map +0 -1
  297. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.stories.js +0 -38
  298. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.stories.js.map +0 -1
  299. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.types.js +0 -3
  300. package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.types.js.map +0 -1
  301. package/dist/remarkable-ui/shared/PageOverlay/index.js +0 -6
  302. package/dist/remarkable-ui/shared/PageOverlay/index.js.map +0 -1
  303. package/dist/remarkable-ui/shared/Skeleton/Skeleton.js +0 -13
  304. package/dist/remarkable-ui/shared/Skeleton/Skeleton.js.map +0 -1
  305. package/dist/remarkable-ui/shared/Skeleton/Skeleton.stories.js +0 -14
  306. package/dist/remarkable-ui/shared/Skeleton/Skeleton.stories.js.map +0 -1
  307. package/dist/remarkable-ui/shared/Switch/Switch.js +0 -24
  308. package/dist/remarkable-ui/shared/Switch/Switch.js.map +0 -1
  309. package/dist/remarkable-ui/shared/Switch/Switch.stories.js +0 -118
  310. package/dist/remarkable-ui/shared/Switch/Switch.stories.js.map +0 -1
  311. package/dist/remarkable-ui/shared/Typography/Typography.js +0 -13
  312. package/dist/remarkable-ui/shared/Typography/Typography.js.map +0 -1
  313. package/dist/remarkable-ui/shared/Typography/Typography.stories.js +0 -15
  314. package/dist/remarkable-ui/shared/Typography/Typography.stories.js.map +0 -1
  315. package/dist/remarkable-ui/shared/Typography/Typography.types.js +0 -3
  316. package/dist/remarkable-ui/shared/Typography/Typography.types.js.map +0 -1
  317. package/dist/remarkable-ui/styles/styles.constants.js +0 -580
  318. package/dist/remarkable-ui/styles/styles.constants.js.map +0 -1
  319. package/dist/remarkable-ui/styles/styles.utils.js +0 -55
  320. package/dist/remarkable-ui/styles/styles.utils.js.map +0 -1
  321. package/dist/remarkable-ui/utils/debounce.utils.js +0 -14
  322. package/dist/remarkable-ui/utils/debounce.utils.js.map +0 -1
@@ -1,78 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WithStartIcon = exports.WithStep = exports.WithMinMax = exports.Disabled = exports.Filled = exports.Empty = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const NumberField_1 = require("./NumberField");
6
- const icons_react_1 = require("@tabler/icons-react");
7
- const preview_api_1 = require("storybook/internal/preview-api");
8
- const meta = {
9
- component: NumberField_1.NumberField,
10
- };
11
- exports.default = meta;
12
- exports.Empty = {
13
- render: (args) => {
14
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
15
- return ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
16
- },
17
- args: {
18
- value: null,
19
- onChange: (value) => console.log('onChange', value),
20
- },
21
- };
22
- exports.Filled = {
23
- render: (args) => {
24
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
25
- return ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
26
- },
27
- args: {
28
- value: 42,
29
- onChange: (value) => console.log('onChange', value),
30
- },
31
- };
32
- exports.Disabled = {
33
- render: (args) => {
34
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
35
- return ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
36
- },
37
- args: {
38
- disabled: true,
39
- value: 10,
40
- onChange: (value) => console.log('onChange', value),
41
- },
42
- };
43
- exports.WithMinMax = {
44
- render: (args) => {
45
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
46
- return ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
47
- },
48
- args: {
49
- value: 5,
50
- min: 0,
51
- max: 10,
52
- step: 1,
53
- onChange: (value) => console.log('onChange', value),
54
- },
55
- };
56
- exports.WithStep = {
57
- render: (args) => {
58
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
59
- return ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
60
- },
61
- args: {
62
- value: 0,
63
- step: 0.5,
64
- onChange: (value) => console.log('onChange', value),
65
- },
66
- };
67
- exports.WithStartIcon = {
68
- render: (args) => {
69
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
70
- return ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
71
- },
72
- args: {
73
- startIcon: icons_react_1.IconBoltFilled,
74
- value: 25,
75
- onChange: (value) => console.log('onChange', value),
76
- },
77
- };
78
- //# sourceMappingURL=NumberField.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberField.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/NumberField/NumberField.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,16 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TextField = void 0;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const react_1 = require("react");
9
- const InputField_1 = require("../InputField/InputField");
10
- const TextField_module_css_1 = __importDefault(require("./TextField.module.css"));
11
- const Typography_1 = require("../../shared/Typography/Typography");
12
- exports.TextField = (0, react_1.forwardRef)(({ value = '', placeholder = 'Enter text', maxLength, ...props }, ref) => {
13
- return ((0, jsx_runtime_1.jsxs)("div", { className: TextField_module_css_1.default.textField, children: [(0, jsx_runtime_1.jsx)(InputField_1.InputField, { value: value, placeholder: placeholder, ref: ref, maxLength: maxLength, clearable: true, ...props }), maxLength && ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, { as: "span", className: TextField_module_css_1.default.characterCount, children: [value?.length, "/", maxLength, " Characters"] }))] }));
14
- });
15
- exports.TextField.displayName = 'TextField';
16
- //# sourceMappingURL=TextField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,yDAAsD;AACtD,kFAA4C;AAC5C,mEAAgE;AAGnD,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvE,OAAO,CACL,iCAAK,SAAS,EAAE,8BAAM,CAAC,SAAS,aAC9B,uBAAC,uBAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,SAAS,WACL,KAAK,GACT,EACD,SAAS,IAAI,CACZ,wBAAC,uBAAU,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,8BAAM,CAAC,cAAc,aACnD,KAAK,EAAE,MAAM,OAAG,SAAS,mBACf,CACd,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -1,89 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RequiredWithMaxLength = exports.Required = exports.WithMaxLengthMaxed = exports.WithMaxLength = exports.WithState = exports.Icons = exports.Disabled = exports.Filled = exports.Empty = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const TextField_1 = require("./TextField");
6
- const icons_react_1 = require("@tabler/icons-react");
7
- const preview_api_1 = require("storybook/internal/preview-api");
8
- const meta = {
9
- component: TextField_1.TextField,
10
- };
11
- exports.default = meta;
12
- exports.Empty = {
13
- args: {
14
- required: true,
15
- onChange: (value) => console.log('onChange', value),
16
- },
17
- };
18
- exports.Filled = {
19
- args: { value: 'Filled text field', onChange: (value) => console.log('onChange', value) },
20
- };
21
- exports.Disabled = {
22
- args: {
23
- disabled: true,
24
- onChange: (value) => console.log('onChange', value),
25
- },
26
- };
27
- exports.Icons = {
28
- args: {
29
- startIcon: icons_react_1.IconBoltFilled,
30
- endIcon: icons_react_1.IconBoltFilled,
31
- value: 'Filled text field',
32
- onChange: (value) => console.log('onChange', value),
33
- },
34
- };
35
- exports.WithState = {
36
- render: (args) => {
37
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
38
- return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
39
- },
40
- args: {
41
- startIcon: icons_react_1.IconBoltFilled,
42
- endIcon: icons_react_1.IconBoltFilled,
43
- disabled: false,
44
- onChange: (value) => console.log('onChange', value),
45
- },
46
- };
47
- exports.WithMaxLength = {
48
- render: (args) => {
49
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
50
- return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
51
- },
52
- args: {
53
- maxLength: 50,
54
- placeholder: 'Enter text with character limit',
55
- onChange: (value) => console.log('onChange', value),
56
- },
57
- };
58
- exports.WithMaxLengthMaxed = {
59
- render: (args) => {
60
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
61
- return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
62
- },
63
- args: {
64
- maxLength: 25,
65
- value: 'This text is at the limit',
66
- placeholder: 'Enter text with character limit',
67
- onChange: (value) => console.log('onChange', value),
68
- },
69
- };
70
- exports.Required = {
71
- args: {
72
- required: true,
73
- placeholder: 'This field is required',
74
- onChange: (value) => console.log('onChange', value),
75
- },
76
- };
77
- exports.RequiredWithMaxLength = {
78
- render: (args) => {
79
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
80
- return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
81
- },
82
- args: {
83
- required: true,
84
- maxLength: 30,
85
- placeholder: 'Required field with character limit',
86
- onChange: (value) => console.log('onChange', value),
87
- },
88
- };
89
- //# sourceMappingURL=TextField.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextField.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/TextField/TextField.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,80 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.MultiSelectField = void 0;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const react_1 = require("react");
9
- const SelectListOption_1 = require("../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption");
10
- const debounce_utils_1 = require("../../../utils/debounce.utils");
11
- const Dropdown_1 = require("../../../shared/Dropdown/Dropdown");
12
- const SelectButton_1 = require("../shared/SelectButton/SelectButton");
13
- const SelectList_1 = require("../shared/SelectList/SelectList");
14
- const TextField_1 = require("../../TextField/TextField");
15
- const SelectListOptions_1 = require("../shared/SelectList/SelectListOptions/SelectListOptions");
16
- const icons_react_1 = require("@tabler/icons-react");
17
- const Button_1 = require("../../../shared/Button/Button");
18
- const MultiSelectField_module_css_1 = __importDefault(require("./MultiSelectField.module.css"));
19
- const useSelectSearchFocus_hook_1 = require("../shared/useSelectSearchFocus.hook");
20
- const MultiSelectField = ({ disabled, isClearable, isLoading, isSearchable, noOptionsMessage, options, placeholder, submitLabel = 'Apply', values = [], onChange, onSearch, }) => {
21
- const [isOpen, setIsOpen] = (0, react_1.useState)(false);
22
- const [searchValue, setSearchValue] = (0, react_1.useState)('');
23
- const [preValues, setPreValues] = (0, react_1.useState)(values);
24
- const [selectedLabel, setSelectedLabel] = (0, react_1.useState)('');
25
- const searchFieldRef = (0, react_1.useRef)(null);
26
- (0, useSelectSearchFocus_hook_1.useSelectSearchFocus)(isOpen, searchFieldRef);
27
- (0, react_1.useEffect)(() => {
28
- setPreValues(values);
29
- // eslint-disable-next-line react-hooks/exhaustive-deps
30
- }, [JSON.stringify(values)]);
31
- (0, react_1.useEffect)(() => {
32
- if (isLoading) {
33
- return;
34
- }
35
- if (!values || values.length === 0) {
36
- setSelectedLabel('');
37
- return;
38
- }
39
- const selectedOptions = values.map((value) => options.find((o) => o.value === value)?.label ?? value);
40
- if (selectedOptions.length > 0) {
41
- const newLabel = selectedOptions.join(', ');
42
- setSelectedLabel(`(${selectedOptions.length}) ${newLabel}`);
43
- }
44
- }, [values, options, isLoading]);
45
- const debouncedSearch = (0, react_1.useMemo)(() => (onSearch ? (0, debounce_utils_1.debounce)(onSearch) : undefined), [onSearch]);
46
- const displayOptions = isSearchable && !onSearch
47
- ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))
48
- : options;
49
- const isSubmitDisabled = preValues.every((preValue) => values.includes(preValue)) &&
50
- values.every((value) => preValues.includes(value));
51
- const handleSelectOption = (e, newValue) => {
52
- e.preventDefault();
53
- if (!newValue)
54
- return;
55
- if (preValues.includes(newValue)) {
56
- setPreValues(preValues.filter((v) => v !== newValue));
57
- }
58
- else {
59
- setPreValues([...preValues, newValue]);
60
- }
61
- };
62
- const handleSearch = (newSearch) => {
63
- setSearchValue(newSearch);
64
- debouncedSearch?.(newSearch);
65
- };
66
- const handleSave = (newValues) => {
67
- onChange(newValues);
68
- setIsOpen(false);
69
- setSearchValue('');
70
- onSearch?.('');
71
- };
72
- const handleClearAll = () => {
73
- setSearchValue('');
74
- onSearch?.('');
75
- onChange([]);
76
- };
77
- return ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { open: isOpen, onOpenChange: setIsOpen, disabled: disabled, triggerComponent: (0, jsx_runtime_1.jsx)(SelectButton_1.SelectButton, { "aria-label": "Select options", placeholder: placeholder, disabled: disabled, valueLabel: selectedLabel, onClear: handleClearAll, isClearable: isClearable, isLoading: isLoading }), children: (0, jsx_runtime_1.jsxs)(SelectList_1.SelectList, { children: [isSearchable && ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: searchFieldRef, startIcon: icons_react_1.IconSearch, "aria-label": "Search options", placeholder: "Search\u2026", role: "searchbox", value: searchValue, onKeyDown: (e) => e.stopPropagation(), onChange: handleSearch })), (0, jsx_runtime_1.jsxs)(SelectListOptions_1.SelectListOptions, { disabled: isLoading, children: [displayOptions.map((option) => ((0, jsx_runtime_1.jsx)(SelectListOption_1.SelectListOption, { onClick: (e) => handleSelectOption(e, option.value), startIcon: preValues.includes(option.value) ? (0, jsx_runtime_1.jsx)(icons_react_1.IconSquareCheckFilled, {}) : (0, jsx_runtime_1.jsx)(icons_react_1.IconSquare, {}), ...option }, option?.value ?? option.label))), noOptionsMessage && (0, jsx_runtime_1.jsx)(SelectListOption_1.SelectListOption, { disabled: true, value: "empty", label: noOptionsMessage })] }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: MultiSelectField_module_css_1.default.submitButton, disabled: isSubmitDisabled || isLoading, variant: "primary", size: "medium", onClick: () => handleSave(preValues), role: "button", children: submitLabel })] }) }));
78
- };
79
- exports.MultiSelectField = MultiSelectField;
80
- //# sourceMappingURL=MultiSelectField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx"],"names":[],"mappings":"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"}
@@ -1,60 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WithState = exports.Disabled = exports.Filled = exports.Empty = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const preview_api_1 = require("storybook/internal/preview-api");
6
- const MultiSelectField_1 = require("./MultiSelectField");
7
- const meta = {
8
- component: MultiSelectField_1.MultiSelectField,
9
- };
10
- exports.default = meta;
11
- const mockOptions = [
12
- { value: 'red', label: 'Red' },
13
- { value: 'green', label: 'Green' },
14
- { value: 'blue', label: 'Blue' },
15
- { value: 'yellow', label: 'Yellow' },
16
- { value: 'orange', label: 'Orange' },
17
- { value: 'purple', label: 'Purple' },
18
- { value: 'pink', label: 'Pink' },
19
- { value: 'brown', label: 'Brown' },
20
- { value: 'gray', label: 'Gray' },
21
- { value: 'black', label: 'Black' },
22
- ];
23
- exports.Empty = {
24
- args: {
25
- values: [],
26
- isSearchable: true,
27
- options: mockOptions,
28
- onChange: (value) => console.log('onChange', value),
29
- },
30
- };
31
- exports.Filled = {
32
- args: {
33
- values: [mockOptions[0].value],
34
- options: mockOptions,
35
- isSearchable: true,
36
- onChange: (value) => console.log('onChange', value),
37
- },
38
- };
39
- exports.Disabled = {
40
- args: {
41
- disabled: true,
42
- values: [],
43
- options: mockOptions,
44
- onChange: (value) => console.log('onChange', value),
45
- },
46
- };
47
- exports.WithState = {
48
- render: (args) => {
49
- const [{ values }, updateArgs] = (0, preview_api_1.useArgs)();
50
- return ((0, jsx_runtime_1.jsx)(MultiSelectField_1.MultiSelectField, { ...args, values: values, onChange: (newValues) => updateArgs({ values: newValues }) }));
51
- },
52
- args: {
53
- values: [],
54
- isClearable: true,
55
- isSearchable: true,
56
- options: mockOptions,
57
- onChange: (value) => console.log('onChange', value),
58
- },
59
- };
60
- //# sourceMappingURL=MultiSelectField.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiSelectField.stories.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.tsx"],"names":[],"mappings":";;;;AACA,gEAAyD;AACzD,yDAAsD;AAGtD,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,mCAAgB;CACY,CAAC;AAE1C,kBAAe,IAAI,CAAC;AAIpB,MAAM,WAAW,GAA4B;IAC3C,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC;KACpD;CACF,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAE,CAAC,KAAM,CAAC;QAChC,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC;KACpD;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC;KACpD;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU,CAAC,GAAG,IAAA,qBAAO,GAAE,CAAC;QAE3C,OAAO,CACL,uBAAC,mCAAgB,OACX,IAAI,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,GAC1D,CACH,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC;KACpD;CACF,CAAC"}
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SingleSelectField = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const TextField_1 = require("../../TextField/TextField");
7
- const SelectButton_1 = require("../shared/SelectButton/SelectButton");
8
- const Dropdown_1 = require("../../../shared/Dropdown/Dropdown");
9
- const SelectList_1 = require("../shared/SelectList/SelectList");
10
- const SelectListOptions_1 = require("../shared/SelectList/SelectListOptions/SelectListOptions");
11
- const SelectListOption_1 = require("../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption");
12
- const debounce_utils_1 = require("../../../utils/debounce.utils");
13
- const icons_react_1 = require("@tabler/icons-react");
14
- const useSelectSearchFocus_hook_1 = require("../shared/useSelectSearchFocus.hook");
15
- const SingleSelectField = ({ value = '', startIcon, options, disabled, placeholder, isSearchable, isClearable, isLoading, noOptionsMessage = 'No options available', onChange, onSearch, }) => {
16
- const [isOpen, setIsOpen] = (0, react_1.useState)(false);
17
- const [searchValue, setSearchValue] = (0, react_1.useState)('');
18
- const [selectedLabel, setSelectedLabel] = (0, react_1.useState)(value);
19
- const searchFieldRef = (0, react_1.useRef)(null);
20
- (0, useSelectSearchFocus_hook_1.useSelectSearchFocus)(isOpen, searchFieldRef);
21
- (0, react_1.useEffect)(() => {
22
- if (!value) {
23
- setSelectedLabel('');
24
- return;
25
- }
26
- const option = options.find((opt) => opt.value === value);
27
- if (option) {
28
- setSelectedLabel(option.label);
29
- }
30
- }, [value, options]);
31
- const debouncedSearch = (0, react_1.useMemo)(() => (onSearch ? (0, debounce_utils_1.debounce)(onSearch) : undefined), [onSearch]);
32
- const displayOptions = isSearchable && !onSearch
33
- ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))
34
- : options;
35
- const handleChange = (newValue) => {
36
- setSearchValue('');
37
- onChange(newValue ?? '');
38
- onSearch?.('');
39
- if (newValue === '') {
40
- setSelectedLabel('');
41
- }
42
- else {
43
- const option = options.find((opt) => opt.value === newValue);
44
- if (option)
45
- setSelectedLabel(option.label);
46
- }
47
- };
48
- const handleSearch = (newSearch) => {
49
- setSearchValue(newSearch);
50
- debouncedSearch?.(newSearch);
51
- };
52
- return ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { open: isOpen, onOpenChange: setIsOpen, disabled: disabled, triggerComponent: (0, jsx_runtime_1.jsx)(SelectButton_1.SelectButton, { startIcon: startIcon, "aria-label": "Select option", placeholder: placeholder, disabled: disabled, valueLabel: selectedLabel, onClear: () => handleChange(''), isClearable: isClearable, isLoading: isLoading }), children: (0, jsx_runtime_1.jsxs)(SelectList_1.SelectList, { children: [isSearchable && ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: searchFieldRef, startIcon: icons_react_1.IconSearch, "aria-label": "Search options", placeholder: "Search\u2026", role: "searchbox", value: searchValue, onKeyDown: (e) => e.stopPropagation(), onChange: handleSearch })), (0, jsx_runtime_1.jsxs)(SelectListOptions_1.SelectListOptions, { disabled: isLoading, children: [displayOptions.map((option) => ((0, jsx_runtime_1.jsx)(SelectListOption_1.SelectListOption, { onClick: () => handleChange(option?.value), isSelected: option.value === value, ...option }, option?.value ?? option.label))), options.length === 0 && ((0, jsx_runtime_1.jsx)(SelectListOption_1.SelectListOption, { disabled: true, value: "empty", label: noOptionsMessage }))] })] }) }));
53
- };
54
- exports.SingleSelectField = SingleSelectField;
55
- //# sourceMappingURL=SingleSelectField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleSelectField.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"names":[],"mappings":"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"}
@@ -1,110 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WithState = exports.WithStartIcon = exports.SmallButtonRightSideLabel = exports.SmallButtonSmallText = exports.SmallButtonLongText = exports.Disabled = exports.Filled = exports.Empty = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const preview_api_1 = require("storybook/internal/preview-api");
6
- const SingleSelectField_1 = require("./SingleSelectField");
7
- const icons_react_1 = require("@tabler/icons-react");
8
- const meta = {
9
- component: SingleSelectField_1.SingleSelectField,
10
- };
11
- exports.default = meta;
12
- const mockLongOptions = [
13
- {
14
- value: 'red',
15
- label: 'Red - The color of passion and energy, often associated with excitement, love, and intensity.',
16
- },
17
- {
18
- value: 'green',
19
- label: 'Green - The color of nature and growth, symbolizing renewal, harmony, and freshness.',
20
- },
21
- { value: 'yellow', label: 'Yellow - The color of sunshine, happiness, and optimism.' },
22
- {
23
- value: 'orange',
24
- label: 'Orange - A vibrant color representing enthusiasm, creativity, and encouragement.',
25
- },
26
- { value: 'purple', label: 'Purple - Associated with royalty, luxury, and ambition.' },
27
- { value: 'pink', label: 'Pink - The color of compassion, nurturing, and love.' },
28
- { value: 'brown', label: 'Brown - The color of stability, reliability, and comfort.' },
29
- { value: 'gray', label: 'Gray - A neutral color representing balance and calm.' },
30
- { value: 'black', label: 'Black - The color of elegance, mystery, and sophistication.' },
31
- ];
32
- const mockOptions = [
33
- { value: 'red', label: 'Red', rightLabel: 'This is color Red' },
34
- { value: 'green', label: 'Green', rightLabel: 'This is color Green' },
35
- { value: 'blue', label: 'Blue', rightLabel: 'This is color Blue' },
36
- { value: 'yellow', label: 'Yellow', rightLabel: 'This is color Yellow' },
37
- { value: 'orange', label: 'Orange', rightLabel: 'This is color Orange' },
38
- { value: 'purple', label: 'Purple', rightLabel: 'This is color Purple' },
39
- { value: 'pink', label: 'Pink', rightLabel: 'This is color Pink' },
40
- { value: 'brown', label: 'Brown', rightLabel: 'This is color Brown' },
41
- { value: 'gray', label: 'Gray', rightLabel: 'This is color Gray' },
42
- { value: 'black', label: 'Black', rightLabel: 'This is color Black' },
43
- ];
44
- const mockOptionsWithRightLabel = [
45
- { value: 'red', label: 'Red', rightLabel: 'This is color Red' },
46
- { value: 'green', label: 'Green', rightLabel: 'This is color Green' },
47
- { value: 'blue', label: 'Blue', rightLabel: 'This is color Blue' },
48
- { value: 'yellow', label: 'Yellow', rightLabel: 'This is color Yellow' },
49
- { value: 'orange', label: 'Orange', rightLabel: 'This is color Orange' },
50
- { value: 'purple', label: 'Purple', rightLabel: 'This is color Purple' },
51
- { value: 'pink', label: 'Pink', rightLabel: 'This is color Pink' },
52
- { value: 'brown', label: 'Brown', rightLabel: 'This is color Brown' },
53
- { value: 'gray', label: 'Gray', rightLabel: 'This is color Gray' },
54
- { value: 'black', label: 'Black', rightLabel: 'This is color Black' },
55
- ];
56
- exports.Empty = {
57
- args: {
58
- value: '',
59
- isSearchable: true,
60
- options: mockOptions,
61
- onChange: (value) => console.log('onChange', value),
62
- },
63
- };
64
- exports.Filled = {
65
- args: {
66
- value: mockOptions[0].value,
67
- options: mockOptions,
68
- isSearchable: true,
69
- onChange: (value) => console.log('onChange', value),
70
- },
71
- };
72
- exports.Disabled = {
73
- args: {
74
- disabled: true,
75
- value: '',
76
- options: mockOptions,
77
- onChange: (value) => console.log('onChange', value),
78
- },
79
- };
80
- const SmallButtonLongText = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 }, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, value: mockLongOptions[0].value, options: mockLongOptions, isSearchable: true, onChange: (value) => console.log('onChange', value) }) }));
81
- exports.SmallButtonLongText = SmallButtonLongText;
82
- const SmallButtonSmallText = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 }, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, value: mockOptions[0].value, options: mockOptions, isSearchable: true, onChange: (value) => console.log('onChange', value) }) }));
83
- exports.SmallButtonSmallText = SmallButtonSmallText;
84
- const SmallButtonRightSideLabel = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 }, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, value: mockOptionsWithRightLabel[0].value, options: mockOptionsWithRightLabel, isSearchable: true, onChange: (value) => console.log('onChange', value) }) }));
85
- exports.SmallButtonRightSideLabel = SmallButtonRightSideLabel;
86
- exports.WithStartIcon = {
87
- args: {
88
- value: '',
89
- startIcon: icons_react_1.IconPalette,
90
- isSearchable: true,
91
- isClearable: true,
92
- options: mockOptions,
93
- placeholder: 'Select a color',
94
- onChange: (value) => console.log('onChange', value),
95
- },
96
- };
97
- exports.WithState = {
98
- render: (args) => {
99
- const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
100
- return ((0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
101
- },
102
- args: {
103
- value: '',
104
- isClearable: true,
105
- isSearchable: true,
106
- options: mockOptions,
107
- onChange: (value) => console.log('onChange', value),
108
- },
109
- };
110
- //# sourceMappingURL=SingleSelectField.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SingleSelectField.stories.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SelectButton = void 0;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const SelectButton_module_css_1 = __importDefault(require("./SelectButton.module.css"));
9
- const icons_react_1 = require("@tabler/icons-react");
10
- const clsx_1 = __importDefault(require("clsx"));
11
- const react_1 = require("react");
12
- const Typography_1 = require("../../../../shared/Typography/Typography");
13
- exports.SelectButton = (0, react_1.forwardRef)(({ startIcon: StartIcon, valueLabel, placeholder = 'Select', isClearable, isLoading, onClear, ...props }, ref) => {
14
- const displayValue = valueLabel || placeholder;
15
- const showClearButton = valueLabel && isClearable;
16
- const handleClear = (e) => {
17
- e.stopPropagation();
18
- e.preventDefault();
19
- onClear?.();
20
- };
21
- return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, className: (0, clsx_1.default)(SelectButton_module_css_1.default.button, showClearButton && SelectButton_module_css_1.default.hasValue), ...props, children: [(0, jsx_runtime_1.jsxs)("span", { className: SelectButton_module_css_1.default.leftContent, children: [StartIcon && (0, jsx_runtime_1.jsx)(StartIcon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "span", children: displayValue })] }), (0, jsx_runtime_1.jsxs)("span", { className: SelectButton_module_css_1.default.rightContent, children: [showClearButton && (0, jsx_runtime_1.jsx)(icons_react_1.IconX, { onPointerDown: handleClear }), isLoading ? (0, jsx_runtime_1.jsx)(icons_react_1.IconLoader2, { className: SelectButton_module_css_1.default.loading }) : (0, jsx_runtime_1.jsx)(icons_react_1.IconCaretDownFilled, {})] })] }));
22
- });
23
- exports.SelectButton.displayName = 'SelectButton';
24
- //# sourceMappingURL=SelectButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectButton.js","sourceRoot":"","sources":["../../../../../../src/remarkable-ui/editors/select/shared/SelectButton/SelectButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,wFAA+C;AAC/C,qDAA0F;AAC1F,gDAAwB;AACxB,iCAAmC;AACnC,yEAAsE;AAWzD,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EACE,SAAS,EAAE,SAAS,EACpB,UAAU,EACV,WAAW,GAAG,QAAQ,EACtB,WAAW,EACX,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,UAAU,IAAI,WAAW,CAAC;IAE/C,MAAM,eAAe,GAAG,UAAU,IAAI,WAAW,CAAC;IAElD,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC1C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,oCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,iCAAM,CAAC,MAAM,EAAE,eAAe,IAAI,iCAAM,CAAC,QAAQ,CAAC,KAC9D,KAAK,aAET,kCAAM,SAAS,EAAE,iCAAM,CAAC,WAAW,aAChC,SAAS,IAAI,uBAAC,SAAS,KAAG,EAC3B,uBAAC,uBAAU,IAAC,EAAE,EAAC,MAAM,YAAE,YAAY,GAAc,IAC5C,EACP,kCAAM,SAAS,EAAE,iCAAM,CAAC,YAAY,aACjC,eAAe,IAAI,uBAAC,mBAAK,IAAC,aAAa,EAAE,WAAW,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAE,iCAAM,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,uBAAC,iCAAmB,KAAG,IAC5E,IACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}