@dreamcommerce/aurora 2.1.8 → 2.1.10-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 (225) hide show
  1. package/build/cjs/packages/aurora/src/assets/icon_arrow.js +3 -2
  2. package/build/cjs/packages/aurora/src/assets/icon_arrow.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/assets/icon_calendar.js +3 -2
  4. package/build/cjs/packages/aurora/src/assets/icon_calendar.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/assets/icon_close.js +3 -2
  6. package/build/cjs/packages/aurora/src/assets/icon_close.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/assets/icon_delete.js +3 -2
  8. package/build/cjs/packages/aurora/src/assets/icon_delete.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/assets/icon_hint.js +3 -2
  10. package/build/cjs/packages/aurora/src/assets/icon_hint.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/assets/icon_tick.js +3 -2
  12. package/build/cjs/packages/aurora/src/assets/icon_tick.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/assets/icon_upload.js +3 -2
  14. package/build/cjs/packages/aurora/src/assets/icon_upload.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/assets/icon_warning.js +18 -0
  16. package/build/cjs/packages/aurora/src/assets/icon_warning.js.map +1 -0
  17. package/build/cjs/packages/aurora/src/components/color_picker/components/label.js +1 -1
  18. package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
  19. package/build/cjs/packages/aurora/src/components/color_picker/index.js +1 -1
  20. package/build/cjs/packages/aurora/src/components/color_picker/index.js.map +1 -1
  21. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs.js +23 -0
  22. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs.js.map +1 -0
  23. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_item.js +22 -0
  24. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_item.js.map +1 -0
  25. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_item_list.js +19 -0
  26. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_item_list.js.map +1 -0
  27. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_panel.js +19 -0
  28. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_panel.js.map +1 -0
  29. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.js +27 -0
  30. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.js.map +1 -0
  31. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.js +17 -0
  32. package/build/cjs/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.js.map +1 -0
  33. package/build/cjs/packages/aurora/src/components/content_tabs/context.js +23 -0
  34. package/build/cjs/packages/aurora/src/components/content_tabs/context.js.map +1 -0
  35. package/build/cjs/packages/aurora/src/components/content_tabs/css_classes.js +15 -0
  36. package/build/cjs/packages/aurora/src/components/content_tabs/css_classes.js.map +1 -0
  37. package/build/cjs/packages/aurora/src/components/controls/components/helper.js +7 -2
  38. package/build/cjs/packages/aurora/src/components/controls/components/helper.js.map +1 -1
  39. package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js +7 -2
  40. package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
  41. package/build/cjs/packages/aurora/src/components/controls/components/radio.js +1 -1
  42. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +5 -1
  43. package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  44. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  45. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
  46. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  47. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  48. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
  49. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  50. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
  51. package/build/cjs/packages/aurora/src/components/date_picker/components/common_ranges.js +1 -1
  52. package/build/cjs/packages/aurora/src/components/date_picker/components/days_grid.js +1 -1
  53. package/build/cjs/packages/aurora/src/components/date_picker/components/label.js +2 -2
  54. package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js +2 -2
  55. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +1 -1
  56. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +1 -1
  57. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +1 -1
  58. package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js +1 -1
  59. package/build/cjs/packages/aurora/src/components/date_picker/components/single_day.js +1 -1
  60. package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js +1 -1
  61. package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +1 -1
  62. package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_keyboard_navigation.js +1 -1
  63. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +2 -2
  64. package/build/cjs/packages/aurora/src/components/dropdown/components/list.js +2 -2
  65. package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +4 -3
  66. package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
  67. package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js +4 -0
  68. package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  69. package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +1 -1
  70. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +12 -6
  71. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  72. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js +1 -1
  73. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js +4 -0
  74. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js.map +1 -1
  75. package/build/cjs/packages/aurora/src/components/dropdown/utilities.js +1 -1
  76. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
  77. package/build/cjs/packages/aurora/src/components/link/css_classes.js +8 -0
  78. package/build/cjs/packages/aurora/src/components/link/css_classes.js.map +1 -0
  79. package/build/cjs/packages/aurora/src/components/link/index.js +21 -0
  80. package/build/cjs/packages/aurora/src/components/link/index.js.map +1 -0
  81. package/build/cjs/packages/aurora/src/components/loader/index.js +1 -1
  82. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +2 -2
  83. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +2 -2
  84. package/build/cjs/packages/aurora/src/components/range/index.js +1 -1
  85. package/build/cjs/packages/aurora/src/components/range/index.js.map +1 -1
  86. package/build/cjs/packages/aurora/src/css/content_tabs/main.module.less.js +12 -0
  87. package/build/cjs/packages/aurora/src/css/content_tabs/main.module.less.js.map +1 -0
  88. package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
  89. package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +2 -2
  90. package/build/cjs/packages/aurora/src/css/icons/main.module.less.js +3 -3
  91. package/build/cjs/packages/aurora/src/css/input/main.module.less.js +2 -2
  92. package/build/cjs/packages/aurora/src/css/link/main.module.less.js +12 -0
  93. package/build/cjs/packages/aurora/src/css/link/main.module.less.js.map +1 -0
  94. package/build/cjs/packages/aurora/src/hooks/use_screen_detect.js +1 -1
  95. package/build/cjs/packages/aurora/src/index.js +63 -49
  96. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  97. package/build/esm/packages/aurora/src/assets/icon.js +2 -2
  98. package/build/esm/packages/aurora/src/assets/icon_arrow.js +3 -2
  99. package/build/esm/packages/aurora/src/assets/icon_arrow.js.map +1 -1
  100. package/build/esm/packages/aurora/src/assets/icon_calendar.d.ts +1 -1
  101. package/build/esm/packages/aurora/src/assets/icon_calendar.js +3 -2
  102. package/build/esm/packages/aurora/src/assets/icon_calendar.js.map +1 -1
  103. package/build/esm/packages/aurora/src/assets/icon_close.js +3 -2
  104. package/build/esm/packages/aurora/src/assets/icon_close.js.map +1 -1
  105. package/build/esm/packages/aurora/src/assets/icon_constants.d.ts +4 -0
  106. package/build/esm/packages/aurora/src/assets/icon_constants.js +5 -0
  107. package/build/esm/packages/aurora/src/assets/icon_constants.js.map +1 -0
  108. package/build/esm/packages/aurora/src/assets/icon_delete.js +3 -2
  109. package/build/esm/packages/aurora/src/assets/icon_delete.js.map +1 -1
  110. package/build/esm/packages/aurora/src/assets/icon_hint.js +3 -2
  111. package/build/esm/packages/aurora/src/assets/icon_hint.js.map +1 -1
  112. package/build/esm/packages/aurora/src/assets/icon_tick.js +3 -2
  113. package/build/esm/packages/aurora/src/assets/icon_tick.js.map +1 -1
  114. package/build/esm/packages/aurora/src/assets/icon_upload.js +3 -2
  115. package/build/esm/packages/aurora/src/assets/icon_upload.js.map +1 -1
  116. package/build/esm/packages/aurora/src/assets/icon_warning.d.ts +4 -0
  117. package/build/esm/packages/aurora/src/assets/icon_warning.js +10 -0
  118. package/build/esm/packages/aurora/src/assets/icon_warning.js.map +1 -0
  119. package/build/esm/packages/aurora/src/assets/types.d.ts +4 -0
  120. package/build/esm/packages/aurora/src/assets/types.js +2 -0
  121. package/build/esm/packages/aurora/src/assets/types.js.map +1 -1
  122. package/build/esm/packages/aurora/src/components/color_picker/components/label.js +1 -1
  123. package/build/esm/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
  124. package/build/esm/packages/aurora/src/components/color_picker/index.js +1 -1
  125. package/build/esm/packages/aurora/src/components/color_picker/index.js.map +1 -1
  126. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs.d.ts +4 -0
  127. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs.js +15 -0
  128. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs.js.map +1 -0
  129. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item.d.ts +4 -0
  130. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item.js +14 -0
  131. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item.js.map +1 -0
  132. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item_list.d.ts +4 -0
  133. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item_list.js +11 -0
  134. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item_list.js.map +1 -0
  135. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel.d.ts +4 -0
  136. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel.js +11 -0
  137. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel.js.map +1 -0
  138. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.d.ts +4 -0
  139. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.js +19 -0
  140. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_panel_list.js.map +1 -0
  141. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.d.ts +4 -0
  142. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.js +9 -0
  143. package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_wrapper.js.map +1 -0
  144. package/build/esm/packages/aurora/src/components/content_tabs/context.d.ts +5 -0
  145. package/build/esm/packages/aurora/src/components/content_tabs/context.js +14 -0
  146. package/build/esm/packages/aurora/src/components/content_tabs/context.js.map +1 -0
  147. package/build/esm/packages/aurora/src/components/content_tabs/css_classes.d.ts +9 -0
  148. package/build/esm/packages/aurora/src/components/content_tabs/css_classes.js +11 -0
  149. package/build/esm/packages/aurora/src/components/content_tabs/css_classes.js.map +1 -0
  150. package/build/esm/packages/aurora/src/components/content_tabs/types.d.ts +29 -0
  151. package/build/esm/packages/aurora/src/components/content_tabs/types.js +2 -0
  152. package/build/esm/packages/aurora/src/components/content_tabs/types.js.map +1 -0
  153. package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +2 -1
  154. package/build/esm/packages/aurora/src/components/controls/components/helper.js +7 -3
  155. package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -1
  156. package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.d.ts +1 -1
  157. package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +8 -3
  158. package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
  159. package/build/esm/packages/aurora/src/components/controls/components/radio.js +1 -1
  160. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +2 -0
  161. package/build/esm/packages/aurora/src/components/controls/css_classes.js +4 -2
  162. package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  163. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  164. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
  165. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  166. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  167. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
  168. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  169. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
  170. package/build/esm/packages/aurora/src/components/controls/types.d.ts +8 -1
  171. package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js +1 -1
  172. package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js +1 -1
  173. package/build/esm/packages/aurora/src/components/date_picker/components/label.d.ts +1 -1
  174. package/build/esm/packages/aurora/src/components/date_picker/components/label.js +2 -2
  175. package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js +2 -2
  176. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +1 -1
  177. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +1 -1
  178. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +1 -1
  179. package/build/esm/packages/aurora/src/components/date_picker/components/pure_date_picker.js +1 -1
  180. package/build/esm/packages/aurora/src/components/date_picker/components/single_day.js +1 -1
  181. package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js +1 -1
  182. package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +1 -1
  183. package/build/esm/packages/aurora/src/components/date_picker/hooks/use_keyboard_navigation.js +1 -1
  184. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +4 -4
  185. package/build/esm/packages/aurora/src/components/dropdown/components/list.d.ts +1 -1
  186. package/build/esm/packages/aurora/src/components/dropdown/components/list.js +2 -2
  187. package/build/esm/packages/aurora/src/components/dropdown/components/select.js +4 -3
  188. package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
  189. package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts +2 -0
  190. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +3 -1
  191. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  192. package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +1 -1
  193. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +13 -7
  194. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  195. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.d.ts +1 -1
  196. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.js +1 -1
  197. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.d.ts +1 -1
  198. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js +4 -0
  199. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js.map +1 -1
  200. package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +6 -0
  201. package/build/esm/packages/aurora/src/components/dropdown/utilities.js +1 -1
  202. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
  203. package/build/esm/packages/aurora/src/components/link/css_classes.d.ts +0 -1
  204. package/build/esm/packages/aurora/src/components/link/css_classes.js +4 -3
  205. package/build/esm/packages/aurora/src/components/link/css_classes.js.map +1 -1
  206. package/build/esm/packages/aurora/src/components/link/index.js +9 -8
  207. package/build/esm/packages/aurora/src/components/link/index.js.map +1 -1
  208. package/build/esm/packages/aurora/src/components/loader/index.js +1 -1
  209. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +2 -2
  210. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +2 -2
  211. package/build/esm/packages/aurora/src/components/range/index.js +1 -1
  212. package/build/esm/packages/aurora/src/components/range/index.js.map +1 -1
  213. package/build/esm/packages/aurora/src/css/content_tabs/main.module.less.js +8 -0
  214. package/build/esm/packages/aurora/src/css/content_tabs/main.module.less.js.map +1 -0
  215. package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
  216. package/build/esm/packages/aurora/src/css/helper/main.module.less.js +2 -2
  217. package/build/esm/packages/aurora/src/css/icons/main.module.less.js +3 -3
  218. package/build/esm/packages/aurora/src/css/input/main.module.less.js +2 -2
  219. package/build/esm/packages/aurora/src/css/link/main.module.less.js +8 -0
  220. package/build/esm/packages/aurora/src/css/link/main.module.less.js.map +1 -0
  221. package/build/esm/packages/aurora/src/hooks/use_screen_detect.js +1 -1
  222. package/build/esm/packages/aurora/src/index.d.ts +56 -49
  223. package/build/esm/packages/aurora/src/index.js +31 -24
  224. package/build/esm/packages/aurora/src/index.js.map +1 -1
  225. package/package.json +1 -1
@@ -1,8 +1,9 @@
1
1
  import React, { useRef } from 'react';
2
2
  import { useDropdownContext } from '../context/index.js';
3
+ import InputWrapper from '../../controls/components/input_wrapper.js';
3
4
  import cssClasses from '../../../css/dropdown/main.module.less.js';
4
5
  import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
5
- import InputWrapper from '../../controls/components/input_wrapper.js';
6
+ import IconClose from '../../../assets/icon_close.js';
6
7
 
7
8
  /**
8
9
  * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
@@ -26,7 +27,7 @@ isReadonly = false,
26
27
  /**
27
28
  * array of selected options
28
29
  */
29
- selectedOptions }) => {
30
+ selectedOptions, placeholder, onRemoveOptions }) => {
30
31
  const ref = useRef(null);
31
32
  /**
32
33
  * get values from dropdown context
@@ -43,7 +44,7 @@ selectedOptions }) => {
43
44
  const $hiddenInputs = notDisabled.map((option) => (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
44
45
  useKeyboardOpenClose(toggleDropdown, isOpen, ref);
45
46
  return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
46
- React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
47
+ React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, onRemoveOptions: onRemoveOptions, shouldShowRemoveButton: !!selectedOptions.length, removeButtonContent: React.createElement(IconClose, { size: "s" }) }),
47
48
  $hiddenInputs));
48
49
  };
49
50
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -9,6 +9,8 @@ export declare const cssDropdownHeaderContent: string;
9
9
  export declare const cssDropdownItemWithHover: string;
10
10
  export declare const cssDropdownInput: string;
11
11
  export declare const cssDropdownList: string;
12
+ export declare const cssDropdownError: string;
13
+ export declare const cssDropdownErrorIcon: string;
12
14
  export declare const cssDropdownSearch: string;
13
15
  export declare const cssDropdownWithScroll: string;
14
16
  export declare const cssDropdownListWithGroup: string;
@@ -7,6 +7,8 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
7
7
  const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
8
8
  const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
9
9
  const cssDropdownList = `${cssDropdown}__list`;
10
+ const cssDropdownError = `${cssDropdown}__error`;
11
+ const cssDropdownErrorIcon = `${cssDropdownError}-icon`;
10
12
  const cssDropdownSearch = `${cssDropdown}__search`;
11
13
  const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
12
14
  const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
@@ -16,5 +18,5 @@ const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;
16
18
  const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
17
19
  const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
18
20
 
19
- export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
21
+ export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownError, cssDropdownErrorIcon, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
20
22
  //# sourceMappingURL=css_classes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -98,7 +98,7 @@ onChange }) => {
98
98
  useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
99
99
  return (React.createElement(DropdownContext.Provider, { value: value },
100
100
  React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
101
- React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
101
+ React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
102
102
  React.createElement(Dropdown.Content, null,
103
103
  isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
104
104
  React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
@@ -1,12 +1,13 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
2
  import { DropdownContext } from '../../context/index.js';
3
- import { cssDropdown } from '../../css_classes.js';
3
+ import { cssDropdown, cssDropdownError, cssDropdownErrorIcon } from '../../css_classes.js';
4
4
  import cssClasses from '../../../../css/dropdown/main.module.less.js';
5
5
  import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
6
6
  import { useValue } from '../../hooks/use_value.js';
7
7
  import { useToggle } from '../../hooks/use_toggle.js';
8
8
  import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
9
9
  import Dropdown from '../../index.js';
10
+ import IconWarning from '../../../../assets/icon_warning.js';
10
11
 
11
12
  /**
12
13
  * Select component. Build with Dropdown composed components.
@@ -75,7 +76,7 @@ onChange,
75
76
  * Place where portal should be placed, by default to body
76
77
  * this can be used to put modal inside modal
77
78
  */
78
- portalContainer }) => {
79
+ portalContainer, placeholder, onScroll, scrollErrors }) => {
79
80
  /**
80
81
  * reference to dropdown wrapper element
81
82
  */
@@ -105,13 +106,18 @@ portalContainer }) => {
105
106
  }, [options]);
106
107
  return (React.createElement(DropdownContext.Provider, { value: value },
107
108
  React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
108
- React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
109
+ React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
109
110
  React.createElement(Dropdown.Content, { portalContainer: portalContainer },
110
111
  isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
111
- React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
112
- var _a, _b;
113
- return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
114
- }))))));
112
+ React.createElement(Dropdown.List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :
113
+ optionsList.map((option) => {
114
+ var _a, _b;
115
+ return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
116
+ }), scrollErrors === null || scrollErrors === void 0 ? void 0 :
117
+ scrollErrors.map((scrollError, index) => (React.createElement("p", { className: cssClasses[cssDropdownError], key: `${index}-${scrollError}` },
118
+ React.createElement(IconWarning, { size: "m", className: cssClasses[cssDropdownErrorIcon] }),
119
+ " ",
120
+ scrollError))))))));
115
121
  };
116
122
 
117
123
  export default Select;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -12,7 +12,7 @@ import { ISelectOption } from '../types';
12
12
  *
13
13
  * @returns {Array} Tuple - selected values and state setter for them
14
14
  */
15
- export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
15
+ export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption?: ISelectOption) => void): [ISelectOption[], (selectedOption?: ISelectOption) => void];
16
16
  /**
17
17
  * dropdown:change event
18
18
  *
@@ -16,7 +16,7 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
16
16
  const [selectedValues, setSelectedValue] = useState([]);
17
17
  const setSelectedValues = useCallback((selectedOption) => {
18
18
  var _a;
19
- setSelectedValue(() => [selectedOption]);
19
+ setSelectedValue(selectedOption ? () => [selectedOption] : []);
20
20
  if (typeof onChangeCb === 'function') {
21
21
  onChangeCb(selectedOption);
22
22
  const event = new CustomEvent('dropdown:change', {
@@ -13,7 +13,7 @@ import { ISelectOption } from '../types';
13
13
  *
14
14
  * @returns {Array} Tuple - selected values and state setter for them
15
15
  */
16
- export declare function useValues(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
16
+ export declare function useValues(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void): [ISelectOption[], (selectedOption?: ISelectOption) => void];
17
17
  /**
18
18
  * dropdown:change event
19
19
  *
@@ -22,6 +22,10 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
22
22
  * @param {ISelectOption} selectedOption choosen option
23
23
  */
24
24
  const setSelectedValues = useCallback((selectedOption) => {
25
+ if (!selectedOption) {
26
+ setSelectedValue([]);
27
+ return;
28
+ }
25
29
  setSelectedValue((previousSelectedOptions) => {
26
30
  var _a;
27
31
  let allSelectedOptions;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -26,6 +26,8 @@ export interface IDropdownSelectProps {
26
26
  selectedOptions: Array<ISelectOption>;
27
27
  isDisabled?: boolean;
28
28
  isReadonly?: boolean;
29
+ placeholder?: string;
30
+ onRemoveOptions?: (...args: any[]) => any;
29
31
  }
30
32
  export interface IDropdownLabelProps {
31
33
  label: string;
@@ -57,6 +59,7 @@ export interface IDropdownSearchProps {
57
59
  export interface IDropdownListProps {
58
60
  isWithGroups?: boolean;
59
61
  children?: ReactNode;
62
+ onScroll?: (event: React.UIEvent<HTMLElement>) => void;
60
63
  }
61
64
  export interface IDropdownOptionProps {
62
65
  option: ISelectOption;
@@ -91,7 +94,10 @@ export interface ISelectProps extends IDropdownProps {
91
94
  isReadonly?: boolean;
92
95
  isDisabled?: boolean;
93
96
  isWithSearch?: boolean;
97
+ placeholder?: string;
98
+ scrollErrors?: string[];
94
99
  onChange?: (selectedOption: ISelectOption) => void;
100
+ onScroll?: (event: React.UIEvent<HTMLElement>) => void;
95
101
  }
96
102
  export interface ISelectOption {
97
103
  text: string;
@@ -1,8 +1,8 @@
1
1
  import 'react';
2
+ import cssClasses$1 from '../../css/modal/main.module.less.js';
2
3
  import { cssDropdownContent } from './css_classes.js';
3
4
  import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
4
5
  import cssClasses from '../../css/dropdown/main.module.less.js';
5
- import cssClasses$1 from '../../css/modal/main.module.less.js';
6
6
 
7
7
  /**
8
8
  * checks if the given option is selected within array of selectedValues array
@@ -1,10 +1,10 @@
1
1
  import React, { useEffect } from 'react';
2
2
  import { CSSTransition } from 'react-transition-group';
3
- import Grid from '../../grid/index.js';
4
3
  import IconClose from '../../../assets/icon_close.js';
5
4
  import cssClasses from '../../../css/flash_message/main.module.less.js';
6
5
  import { useFlashMessenger } from '../context.js';
7
6
  import MessageBox from '../../message-box/index.js';
7
+ import Grid from '../../grid/index.js';
8
8
 
9
9
  const FlashMessage = ({ message }) => {
10
10
  const { removeMessage, hideMessage } = useFlashMessenger();
@@ -1,2 +1 @@
1
1
  export declare const cssLink = "link";
2
- export declare const cssLinkIcon: string;
@@ -1,3 +1,4 @@
1
- export const cssLink = 'link';
2
- export const cssLinkIcon = `${cssLink}__icon`;
3
- //# sourceMappingURL=css_classes.js.map
1
+ const cssLink = 'link';
2
+
3
+ export { cssLink };
4
+ //# sourceMappingURL=css_classes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/link/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,OAAO,QAAQ,CAAC"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
@@ -1,11 +1,12 @@
1
1
  import React from 'react';
2
- import './types';
3
- import classNames from 'classnames';
4
- import { cssLink } from './css_classes';
5
- import linkStyles from '@auroraCss/link/main.module.less';
6
- const Link = ({ href, id, className, onClick, children, ...props }) => {
7
- const linkClass = classNames(linkStyles[cssLink]);
8
- return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
2
+ import classnames from 'classnames';
3
+ import { cssLink } from './css_classes.js';
4
+ import linkStyles from '../../css/link/main.module.less.js';
5
+
6
+ const Link = ({ href, id, className, onClick, children, ...props }) => {
7
+ const linkClass = classnames(linkStyles[cssLink]);
8
+ return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
9
9
  };
10
+
10
11
  export default Link;
11
- //# sourceMappingURL=index.js.map
12
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA6B,SAAS,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAE1D,MAAM,IAAI,GAA2B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAe,EAAE;IACvG,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO,CACH,8BAAO,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IACxE,QAAQ,CACT,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import cssClasses from '../../css/loader/main.module.less.js';
4
3
  import { cssLoader } from './css_classes.js';
5
4
  import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
5
+ import cssClasses from '../../css/loader/main.module.less.js';
6
6
 
7
7
  const Loader = ({ size }) => {
8
8
  const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
@@ -1,11 +1,11 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
- import { useResize } from '../../../../hooks/use_resize.js';
2
+ import { createPortal } from 'react-dom';
3
3
  import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
4
4
  import cssClasses from '../../../../css/modal/main.module.less.js';
5
- import { createPortal } from 'react-dom';
6
5
  import Modal from '../../components/modal.js';
7
6
  import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
8
7
  import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
8
+ import { useResize } from '../../../../hooks/use_resize.js';
9
9
 
10
10
  const useStyles = createUseStyles({
11
11
  modal: {
@@ -1,11 +1,11 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
- import { useResize } from '../../../../hooks/use_resize.js';
2
+ import { createPortal } from 'react-dom';
3
3
  import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
4
4
  import cssClasses from '../../../../css/modal/main.module.less.js';
5
- import { createPortal } from 'react-dom';
6
5
  import Modal from '../../components/modal.js';
7
6
  import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
8
7
  import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
8
+ import { useResize } from '../../../../hooks/use_resize.js';
9
9
 
10
10
  const useStyles = createUseStyles({
11
11
  modal: {
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
+ import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
2
3
  import { getIndicatorPositionFromPosition } from '../../utilities/range/range_mappings.js';
3
4
  import { mapMouseEventToPosition, registerOnMouseEvents, mapTouchEventToPosition, registerOnTouchEvents } from '../../utilities/events/event_registration.js';
4
- import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
5
5
  import styles from '../../css/range/main.module.less.js';
6
6
  import CSS_CLASSES from './css_classes.js';
7
7
  import { getPositionFromValue, getValueFromPosition } from './utilities.js';
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_content-tabs__item-list__xwxh3 {\n display: flex;\n gap: 8px;\n list-style: none;\n}\n.main-module_content-tabs__item__31JcA {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n background-color: #f3f4f8;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n font-weight: 600;\n color: #5c657e;\n text-transform: uppercase;\n cursor: pointer;\n}\n.main-module_content-tabs__item_active__33B6C {\n position: relative;\n margin-top: -2px;\n margin-bottom: -1px;\n background-color: #ffffff;\n border-top: 2px solid #3c83ec;\n border-bottom: 1px solid #ffffff;\n color: #2d3748;\n box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n -webkit-clip-path: inset(-9px -9px 0 -9px);\n clip-path: inset(-9px -9px 0 -9px);\n z-index: 1;\n}\n.main-module_content-tabs__panel-list__2Zwu8 {\n margin: 0 -16px;\n padding: 16px 16px 0 16px;\n background-color: #ffffff;\n box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n -webkit-clip-path: inset(-5px 0 0 0);\n clip-path: inset(-5px 0 0 0);\n}\n";
4
+ var cssClasses = {"content-tabs__item-list":"main-module_content-tabs__item-list__xwxh3","content-tabs__item":"main-module_content-tabs__item__31JcA","content-tabs__item_active":"main-module_content-tabs__item_active__33B6C","content-tabs__panel-list":"main-module_content-tabs__panel-list__2Zwu8"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssClasses;
8
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n margin-top: -2px;\n transform: rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
4
- var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
4
+ var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper__ZHmAY {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n";
4
- var cssStyles = {"helper":"main-module_helper__ZHmAY"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper__ZHmAY {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n.main-module_helper_error__2BM0j {\n color: #e60c54;\n}\n";
4
+ var cssStyles = {"helper":"main-module_helper__ZHmAY","helper_error":"main-module_helper_error__2BM0j"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssStyles;
@@ -1,8 +1,8 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".main-module_icon__orgwn {\n display: inline-flex;\n fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n transform: rotate(180deg);\n}\n";
4
- var iconCssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ"};
3
+ var css_248z = ".main-module_icon__orgwn {\n display: inline-flex;\n fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n transform: rotate(180deg);\n}\n.main-module_icon_s__31065 {\n width: 8px;\n height: 8px;\n}\n.main-module_icon_m__1LrtC {\n width: 13px;\n height: 13px;\n}\n";
4
+ var cssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ","icon_s":"main-module_icon_s__31065","icon_m":"main-module_icon_m__1LrtC"};
5
5
  styleInject(css_248z);
6
6
 
7
- export default iconCssClasses;
7
+ export default cssClasses;
8
8
  //# sourceMappingURL=main.module.less.js.map
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n width: 100%;\n padding: 0.715em;\n display: block;\n outline: 0;\n font-family: inherit;\n color: #2d3748;\n font-size: 14px;\n font-size: 1rem;\n transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n background-color: #ececec;\n border-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n background-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n padding-right: 2rem;\n}\n.main-module_control__input__sYzjo {\n cursor: default;\n}\n::-moz-placeholder {\n color: #abb4cd;\n}\n:-ms-input-placeholder {\n color: #abb4cd;\n}\n::placeholder {\n color: #abb4cd;\n}\n";
4
- var cssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n width: 100%;\n padding: 0.715em;\n display: block;\n outline: 0;\n font-family: inherit;\n color: #2d3748;\n font-size: 14px;\n font-size: 1rem;\n transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n background-color: #ececec;\n border-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n background-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n padding-right: 2rem;\n display: flex;\n}\n.main-module_control__input__sYzjo {\n cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n background-color: transparent;\n padding-right: 11px;\n border-right: 1px solid #abb4cd;\n cursor: pointer;\n}\n::-moz-placeholder {\n color: #abb4cd;\n}\n:-ms-input-placeholder {\n color: #abb4cd;\n}\n::placeholder {\n color: #abb4cd;\n}\n";
4
+ var cssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3lHdS {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n}\n.main-module_link__3lHdS * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_link__3lHdS:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n";
4
+ var linkStyles = {"link":"main-module_link__3lHdS"};
5
+ styleInject(css_248z);
6
+
7
+ export default linkStyles;
8
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,6 +1,6 @@
1
1
  import { useState, useEffect } from 'react';
2
- import { breakpoints } from '../constants/responsive_breakpoints.js';
3
2
  import { useResize } from './use_resize.js';
3
+ import { breakpoints } from '../constants/responsive_breakpoints.js';
4
4
 
5
5
  const useScreenDetect = () => {
6
6
  const [screenName, setScreenName] = useState('');