@fast-simon/dashboard-utilities 1.0.96 → 1.0.98

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 (277) hide show
  1. package/dist/@types/autocomplete.d.ts +58 -58
  2. package/dist/@types/autocomplete.js +1 -1
  3. package/dist/@types/autocomplete.js.map +1 -1
  4. package/dist/@types/banner.d.ts +7 -7
  5. package/dist/@types/banner.js +1 -1
  6. package/dist/@types/banner.js.map +1 -1
  7. package/dist/@types/categories.d.ts +113 -113
  8. package/dist/@types/categories.js +1 -1
  9. package/dist/@types/categories.js.map +1 -1
  10. package/dist/@types/categoriesNavigation.d.ts +27 -27
  11. package/dist/@types/categoriesNavigation.js +1 -1
  12. package/dist/@types/categoriesNavigation.js.map +1 -1
  13. package/dist/@types/context.d.ts +49 -49
  14. package/dist/@types/context.js +1 -1
  15. package/dist/@types/context.js.map +1 -1
  16. package/dist/@types/currency.d.ts +1 -1
  17. package/dist/@types/currency.js +1 -1
  18. package/dist/@types/currency.js.map +1 -1
  19. package/dist/@types/editorProduct.d.ts +26 -26
  20. package/dist/@types/editorProduct.js +5 -5
  21. package/dist/@types/editorProduct.js.map +1 -1
  22. package/dist/@types/facets.d.ts +59 -59
  23. package/dist/@types/facets.js +18 -18
  24. package/dist/@types/facets.js.map +1 -1
  25. package/dist/@types/iconProps.d.ts +9 -9
  26. package/dist/@types/iconProps.js +1 -1
  27. package/dist/@types/iconProps.js.map +1 -1
  28. package/dist/@types/narrow.d.ts +7 -7
  29. package/dist/@types/narrow.js +1 -1
  30. package/dist/@types/narrow.js.map +1 -1
  31. package/dist/@types/product.d.ts +160 -160
  32. package/dist/@types/product.js +7 -7
  33. package/dist/@types/product.js.map +1 -1
  34. package/dist/@types/productLabel.d.ts +1 -1
  35. package/dist/@types/productLabel.js +1 -1
  36. package/dist/@types/promoTile.d.ts +11 -11
  37. package/dist/@types/promoTile.js +1 -1
  38. package/dist/@types/promoTile.js.map +1 -1
  39. package/dist/@types/results.d.ts +142 -142
  40. package/dist/@types/results.js +1 -1
  41. package/dist/@types/results.js.map +1 -1
  42. package/dist/@types/sideMenu.d.ts +19 -19
  43. package/dist/@types/sideMenu.js +1 -1
  44. package/dist/@types/sideMenu.js.map +1 -1
  45. package/dist/@types/sortBy.d.ts +3 -3
  46. package/dist/@types/sortBy.js +1 -1
  47. package/dist/@types/sortBy.js.map +1 -1
  48. package/dist/@types/widget.d.ts +8 -8
  49. package/dist/@types/widget.js +1 -1
  50. package/dist/@types/widget.js.map +1 -1
  51. package/dist/App.d.ts +3 -3
  52. package/dist/App.js +14 -14
  53. package/dist/App.js.map +1 -1
  54. package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.d.ts +9 -9
  55. package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js +73 -73
  56. package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js.map +1 -1
  57. package/dist/components/BackOfficeFiltersMenu/index.d.ts +1 -1
  58. package/dist/components/BackOfficeFiltersMenu/index.js +1 -1
  59. package/dist/components/BackOfficeFiltersMenu/index.js.map +1 -1
  60. package/dist/components/BackOfficeFiltersMenu/styles.module.css +9 -9
  61. package/dist/components/BackOfficeFiltersMenu/utils.d.ts +7 -7
  62. package/dist/components/BackOfficeFiltersMenu/utils.js +238 -238
  63. package/dist/components/BackOfficeFiltersMenu/utils.js.map +1 -1
  64. package/dist/components/CheckboxFilter/Checkbox/Checkbox.d.ts +10 -10
  65. package/dist/components/CheckboxFilter/Checkbox/Checkbox.js +6 -6
  66. package/dist/components/CheckboxFilter/Checkbox/Checkbox.js.map +1 -1
  67. package/dist/components/CheckboxFilter/CheckboxFilter.d.ts +6 -6
  68. package/dist/components/CheckboxFilter/CheckboxFilter.js +8 -8
  69. package/dist/components/CheckboxFilter/CheckboxFilter.js.map +1 -1
  70. package/dist/components/CheckboxFilter/styles.module.css +4 -4
  71. package/dist/components/DragAndDrop/DndContextWrapper.d.ts +19 -19
  72. package/dist/components/DragAndDrop/DndContextWrapper.js +30 -30
  73. package/dist/components/DragAndDrop/DndContextWrapper.js.map +1 -1
  74. package/dist/components/DragAndDrop/Droppable.d.ts +7 -7
  75. package/dist/components/DragAndDrop/Droppable.js +9 -9
  76. package/dist/components/DragAndDrop/Droppable.js.map +1 -1
  77. package/dist/components/DragAndDrop/SortableItem.d.ts +13 -13
  78. package/dist/components/DragAndDrop/SortableItem.js +38 -38
  79. package/dist/components/DragAndDrop/SortableItem.js.map +1 -1
  80. package/dist/components/DragAndDrop/styles.module.css +15 -15
  81. package/dist/components/FacetItem/FacetItem.d.ts +13 -13
  82. package/dist/components/FacetItem/FacetItem.js +39 -39
  83. package/dist/components/FacetItem/FacetItem.js.map +1 -1
  84. package/dist/components/FacetItem/styles.module.css +54 -54
  85. package/dist/components/FastSimonApi/FastSimonApi.d.ts +39 -39
  86. package/dist/components/FastSimonApi/FastSimonApi.js +605 -605
  87. package/dist/components/FastSimonApi/FastSimonApi.js.map +1 -1
  88. package/dist/components/FastSimonApi/context.d.ts +62 -62
  89. package/dist/components/FastSimonApi/context.js +9 -9
  90. package/dist/components/FastSimonApi/context.js.map +1 -1
  91. package/dist/components/FastSimonApi/index.d.ts +3 -3
  92. package/dist/components/FastSimonApi/index.js +2 -2
  93. package/dist/components/FastSimonApi/index.js.map +1 -1
  94. package/dist/components/FastSimonApi/reducer.d.ts +458 -458
  95. package/dist/components/FastSimonApi/reducer.js +76 -76
  96. package/dist/components/FastSimonApi/reducer.js.map +1 -1
  97. package/dist/components/FromToFilter/From/From.d.ts +17 -17
  98. package/dist/components/FromToFilter/From/From.js +21 -21
  99. package/dist/components/FromToFilter/From/From.js.map +1 -1
  100. package/dist/components/FromToFilter/FromToFilter.d.ts +14 -14
  101. package/dist/components/FromToFilter/FromToFilter.js +57 -57
  102. package/dist/components/FromToFilter/FromToFilter.js.map +1 -1
  103. package/dist/components/FromToFilter/To/To.d.ts +18 -18
  104. package/dist/components/FromToFilter/To/To.js +22 -22
  105. package/dist/components/FromToFilter/To/To.js.map +1 -1
  106. package/dist/components/FromToFilter/styles.module.css +33 -33
  107. package/dist/components/FromToFilter/utils.d.ts +25 -25
  108. package/dist/components/FromToFilter/utils.js +6 -6
  109. package/dist/components/FromToFilter/utils.js.map +1 -1
  110. package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.d.ts +10 -10
  111. package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.js +33 -33
  112. package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.js.map +1 -1
  113. package/dist/components/InStoreFiltersMenu/index.d.ts +1 -1
  114. package/dist/components/InStoreFiltersMenu/index.js +1 -1
  115. package/dist/components/InStoreFiltersMenu/index.js.map +1 -1
  116. package/dist/components/InStoreFiltersMenu/styles.module.css +9 -9
  117. package/dist/components/Input/Input.d.ts +22 -22
  118. package/dist/components/Input/Input.js +48 -48
  119. package/dist/components/Input/Input.js.map +1 -1
  120. package/dist/components/Input/index.d.ts +1 -1
  121. package/dist/components/Input/index.js +1 -1
  122. package/dist/components/Input/index.js.map +1 -1
  123. package/dist/components/Input/styles.module.css +2 -2
  124. package/dist/components/LastReceivedDateFilter/LastReceivedDate.d.ts +9 -9
  125. package/dist/components/LastReceivedDateFilter/LastReceivedDate.js +87 -87
  126. package/dist/components/LastReceivedDateFilter/LastReceivedDate.js.map +1 -1
  127. package/dist/components/LastReceivedDateFilter/styles.module.css +40 -40
  128. package/dist/components/LastReceivedDateFilter/utils.d.ts +3 -3
  129. package/dist/components/LastReceivedDateFilter/utils.js +42 -42
  130. package/dist/components/LastReceivedDateFilter/utils.js.map +1 -1
  131. package/dist/components/ProductLabel/ProductLabel.d.ts +11 -11
  132. package/dist/components/ProductLabel/ProductLabel.js +10 -10
  133. package/dist/components/ProductLabel/ProductLabel.js.map +1 -1
  134. package/dist/components/ProductLabel/index.d.ts +1 -1
  135. package/dist/components/ProductLabel/index.js +1 -1
  136. package/dist/components/ProductLabel/index.js.map +1 -1
  137. package/dist/components/ProductLabel/styles.module.css +41 -41
  138. package/dist/components/ProductLabel/utils.d.ts +8 -8
  139. package/dist/components/ProductLabel/utils.js +8 -8
  140. package/dist/components/ProductLabel/utils.js.map +1 -1
  141. package/dist/components/RadioFilter/Radio/Radio.d.ts +10 -10
  142. package/dist/components/RadioFilter/Radio/Radio.js +6 -6
  143. package/dist/components/RadioFilter/Radio/Radio.js.map +1 -1
  144. package/dist/components/RadioFilter/RadioFilter.d.ts +9 -9
  145. package/dist/components/RadioFilter/RadioFilter.js +44 -44
  146. package/dist/components/RadioFilter/RadioFilter.js.map +1 -1
  147. package/dist/components/RadioFilter/styles.module.css +22 -22
  148. package/dist/components/RadioFilter/utils.d.ts +1 -1
  149. package/dist/components/RadioFilter/utils.js +7 -7
  150. package/dist/components/RadioFilter/utils.js.map +1 -1
  151. package/dist/components/ReactDatePicker/ReactDatePicker.d.ts +11 -11
  152. package/dist/components/ReactDatePicker/ReactDatePicker.js +15 -15
  153. package/dist/components/ReactDatePicker/ReactDatePicker.js.map +1 -1
  154. package/dist/components/ReactDatePicker/index.d.ts +1 -1
  155. package/dist/components/ReactDatePicker/index.js +1 -1
  156. package/dist/components/ReactDatePicker/index.js.map +1 -1
  157. package/dist/components/ReactDatePicker/styles.module.css +2 -2
  158. package/dist/components/RenderIfVisible/RenderIfVisible.d.ts +12 -12
  159. package/dist/components/RenderIfVisible/RenderIfVisible.js +58 -58
  160. package/dist/components/RenderIfVisible/RenderIfVisible.js.map +1 -1
  161. package/dist/components/RenderIfVisible/index.d.ts +1 -1
  162. package/dist/components/RenderIfVisible/index.js +1 -1
  163. package/dist/components/RenderIfVisible/index.js.map +1 -1
  164. package/dist/components/ScrollToTop/ScrollToTop.d.ts +6 -6
  165. package/dist/components/ScrollToTop/ScrollToTop.js +27 -27
  166. package/dist/components/ScrollToTop/ScrollToTop.js.map +1 -1
  167. package/dist/components/ScrollToTop/styles.module.css +18 -18
  168. package/dist/components/SelectCard/SelectCard.d.ts +5 -5
  169. package/dist/components/SelectCard/SelectCard.js +6 -6
  170. package/dist/components/SelectCard/SelectCard.js.map +1 -1
  171. package/dist/components/SelectCard/index.d.ts +1 -1
  172. package/dist/components/SelectCard/index.js +1 -1
  173. package/dist/components/SelectCard/index.js.map +1 -1
  174. package/dist/components/SelectCard/styles.module.css +20 -20
  175. package/dist/components/SingleFilter/SingleFilter.d.ts +11 -11
  176. package/dist/components/SingleFilter/SingleFilter.js +89 -89
  177. package/dist/components/SingleFilter/SingleFilter.js.map +1 -1
  178. package/dist/components/SingleFilter/styles.module.css +23 -23
  179. package/dist/components/SingleFilter/utils.d.ts +3 -3
  180. package/dist/components/SingleFilter/utils.js +41 -41
  181. package/dist/components/SingleFilter/utils.js.map +1 -1
  182. package/dist/components/SliderFilter/SliderFilter.d.ts +20 -20
  183. package/dist/components/SliderFilter/SliderFilter.js +45 -45
  184. package/dist/components/SliderFilter/SliderFilter.js.map +1 -1
  185. package/dist/components/SliderFilter/index.d.ts +1 -1
  186. package/dist/components/SliderFilter/index.js +1 -1
  187. package/dist/components/SliderFilter/index.js.map +1 -1
  188. package/dist/components/SliderFilter/styles.module.css +15 -15
  189. package/dist/components/Tooltip/Tooltip.d.ts +8 -8
  190. package/dist/components/Tooltip/Tooltip.js +8 -8
  191. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  192. package/dist/components/Tooltip/styles.module.css +33 -33
  193. package/dist/components/common.d.ts +23 -23
  194. package/dist/components/common.js +30 -30
  195. package/dist/components/common.js.map +1 -1
  196. package/dist/components/productGrid/ProductGrid.d.ts +11 -11
  197. package/dist/components/productGrid/ProductGrid.js +32 -32
  198. package/dist/components/productGrid/ProductGrid.js.map +1 -1
  199. package/dist/components/productGrid/index.d.ts +1 -1
  200. package/dist/components/productGrid/index.js +1 -1
  201. package/dist/components/productGrid/index.js.map +1 -1
  202. package/dist/components/productGrid/styles.module.css +25 -25
  203. package/dist/icons/BackOfficeFiltersIcon.d.ts +2 -2
  204. package/dist/icons/BackOfficeFiltersIcon.js +6 -6
  205. package/dist/icons/BackOfficeFiltersIcon.js.map +1 -1
  206. package/dist/icons/BannersIcon.d.ts +2 -2
  207. package/dist/icons/BannersIcon.js +6 -6
  208. package/dist/icons/BannersIcon.js.map +1 -1
  209. package/dist/icons/GeneralIcon.d.ts +2 -2
  210. package/dist/icons/GeneralIcon.js +6 -6
  211. package/dist/icons/GeneralIcon.js.map +1 -1
  212. package/dist/icons/HelpIcon.d.ts +7 -7
  213. package/dist/icons/HelpIcon.js +4 -4
  214. package/dist/icons/HelpIcon.js.map +1 -1
  215. package/dist/icons/InStoreFiltersIcon.d.ts +2 -2
  216. package/dist/icons/InStoreFiltersIcon.js +6 -6
  217. package/dist/icons/InStoreFiltersIcon.js.map +1 -1
  218. package/dist/icons/PromoteIcon.d.ts +2 -2
  219. package/dist/icons/PromoteIcon.js +6 -6
  220. package/dist/icons/PromoteIcon.js.map +1 -1
  221. package/dist/icons/RemoveIcon.d.ts +2 -2
  222. package/dist/icons/RemoveIcon.js +6 -6
  223. package/dist/icons/RemoveIcon.js.map +1 -1
  224. package/dist/icons/RestoreIcon.d.ts +2 -2
  225. package/dist/icons/RestoreIcon.js +6 -6
  226. package/dist/icons/RestoreIcon.js.map +1 -1
  227. package/dist/icons/styles.module.css +60 -60
  228. package/dist/index.d.ts +41 -41
  229. package/dist/index.js +32 -32
  230. package/dist/index.js.map +1 -1
  231. package/dist/main.d.ts +1 -1
  232. package/dist/main.js +5 -5
  233. package/dist/main.js.map +1 -1
  234. package/dist/services/API.d.ts +21 -21
  235. package/dist/services/API.js +49 -49
  236. package/dist/services/API.js.map +1 -1
  237. package/dist/services/autocomplete.d.ts +4 -4
  238. package/dist/services/autocomplete.js +25 -25
  239. package/dist/services/autocomplete.js.map +1 -1
  240. package/dist/services/getFormatProducts.d.ts +13 -13
  241. package/dist/services/getFormatProducts.js +43 -43
  242. package/dist/services/getFormatProducts.js.map +1 -1
  243. package/dist/services/landingPage.d.ts +28 -28
  244. package/dist/services/landingPage.js +86 -86
  245. package/dist/services/landingPage.js.map +1 -1
  246. package/dist/services/products.d.ts +9 -9
  247. package/dist/services/products.js +30 -30
  248. package/dist/services/products.js.map +1 -1
  249. package/dist/services/search.d.ts +13 -13
  250. package/dist/services/search.js +113 -113
  251. package/dist/services/search.js.map +1 -1
  252. package/dist/services/smartCollections.d.ts +5 -5
  253. package/dist/services/smartCollections.js +44 -44
  254. package/dist/services/smartCollections.js.map +1 -1
  255. package/dist/utils/customTagsFilters.d.ts +4 -4
  256. package/dist/utils/customTagsFilters.js +9 -9
  257. package/dist/utils/customTagsFilters.js.map +1 -1
  258. package/dist/utils/getCacheSettings.d.ts +16 -16
  259. package/dist/utils/getCacheSettings.js +25 -25
  260. package/dist/utils/getCacheSettings.js.map +1 -1
  261. package/dist/utils/getInternalURL.d.ts +1 -1
  262. package/dist/utils/getInternalURL.js +7 -7
  263. package/dist/utils/getInternalURL.js.map +1 -1
  264. package/dist/utils/getLSVectorSearch.d.ts +4 -4
  265. package/dist/utils/getLSVectorSearch.js +8 -8
  266. package/dist/utils/getLSVectorSearch.js.map +1 -1
  267. package/dist/utils/useDragToSelect.d.ts +13 -13
  268. package/dist/utils/useDragToSelect.js +172 -172
  269. package/dist/utils/useDragToSelect.js.map +1 -1
  270. package/dist/utils/useProductsPerRow.d.ts +3 -3
  271. package/dist/utils/useProductsPerRow.js +18 -18
  272. package/dist/utils/useProductsPerRow.js.map +1 -1
  273. package/package.json +64 -64
  274. package/dist/components/CheckboxFilter/Checkbox/styles.module.css +0 -143
  275. package/dist/components/FromToFilter/From/styles.module.css +0 -9
  276. package/dist/components/FromToFilter/To/styles.module.css +0 -9
  277. package/dist/components/RadioFilter/Radio/styles.module.css +0 -145
@@ -1,34 +1,34 @@
1
- .fsFacetTitle {
2
- -webkit-font-smoothing: antialiased;
3
- -moz-osx-font-smoothing: grayscale;
4
- letter-spacing: .2px;
5
- background-color: #fff0;
6
- border: none;
7
- width: 100%;
8
- text-align: left;
9
- padding: 8px 0;
10
- position: relative;
11
- border-radius: 8px;
12
- transition: background-color .2s ease-out;
13
- cursor: pointer;
14
- color: #000;
15
- font-size: 14px;
16
- font-weight: 600;
17
- display: flex;
18
- gap: 10px;
19
- align-items: center;
20
- }
21
-
22
- .fsFacetContainer {
23
- display: flex;
24
- flex-direction: column;
25
- }
26
- .fsFacetOptions {
27
- width: 100%;
28
- margin: 0 -5px;
29
- }
30
- .fsFacetOptions:after {
31
- content: "";
32
- display: table;
33
- clear: both;
1
+ .fsFacetTitle {
2
+ -webkit-font-smoothing: antialiased;
3
+ -moz-osx-font-smoothing: grayscale;
4
+ letter-spacing: .2px;
5
+ background-color: #fff0;
6
+ border: none;
7
+ width: 100%;
8
+ text-align: left;
9
+ padding: 8px 0;
10
+ position: relative;
11
+ border-radius: 8px;
12
+ transition: background-color .2s ease-out;
13
+ cursor: pointer;
14
+ color: #000;
15
+ font-size: 14px;
16
+ font-weight: 600;
17
+ display: flex;
18
+ gap: 10px;
19
+ align-items: center;
20
+ }
21
+
22
+ .fsFacetContainer {
23
+ display: flex;
24
+ flex-direction: column;
25
+ }
26
+ .fsFacetOptions {
27
+ width: 100%;
28
+ margin: 0 -5px;
29
+ }
30
+ .fsFacetOptions:after {
31
+ content: "";
32
+ display: table;
33
+ clear: both;
34
34
  }
@@ -1,25 +1,25 @@
1
- export declare const enum FromToTypes {
2
- text = "text",
3
- number = "number",
4
- date = "date"
5
- }
6
- export type FromTo = {
7
- id: string;
8
- name: string;
9
- from: FromToFilter;
10
- to: FromToFilter;
11
- displayName?: string;
12
- };
13
- export type FromToValue = {
14
- from: string | number;
15
- to: string | number;
16
- };
17
- export type FromToFilter = {
18
- key: string;
19
- type: FromToTypes;
20
- name: string;
21
- value: string | number | Date;
22
- emptyValue?: string | number | Date;
23
- fromPlaceHolder?: string;
24
- toPlaceHolder?: string;
25
- };
1
+ export declare const enum FromToTypes {
2
+ text = "text",
3
+ number = "number",
4
+ date = "date"
5
+ }
6
+ export type FromTo = {
7
+ id: string;
8
+ name: string;
9
+ from: FromToFilter;
10
+ to: FromToFilter;
11
+ displayName?: string;
12
+ };
13
+ export type FromToValue = {
14
+ from: string | number;
15
+ to: string | number;
16
+ };
17
+ export type FromToFilter = {
18
+ key: string;
19
+ type: FromToTypes;
20
+ name: string;
21
+ value: string | number | Date;
22
+ emptyValue?: string | number | Date;
23
+ fromPlaceHolder?: string;
24
+ toPlaceHolder?: string;
25
+ };
@@ -1,7 +1,7 @@
1
- export var FromToTypes;
2
- (function (FromToTypes) {
3
- FromToTypes["text"] = "text";
4
- FromToTypes["number"] = "number";
5
- FromToTypes["date"] = "date";
6
- })(FromToTypes || (FromToTypes = {}));
1
+ export var FromToTypes;
2
+ (function (FromToTypes) {
3
+ FromToTypes["text"] = "text";
4
+ FromToTypes["number"] = "number";
5
+ FromToTypes["date"] = "date";
6
+ })(FromToTypes || (FromToTypes = {}));
7
7
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/FromToFilter/utils.ts"],"names":[],"mappings":"AACA,MAAM,CAAN,IAAkB,WAIjB;AAJD,WAAkB,WAAW;IACzB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,4BAAa,CAAA;AACjB,CAAC,EAJiB,WAAW,KAAX,WAAW,QAI5B","sourcesContent":["\r\nexport const enum FromToTypes {\r\n text = \"text\",\r\n number = \"number\",\r\n date = \"date\"\r\n}\r\n\r\nexport type FromTo = {\r\n id: string,\r\n name: string,\r\n from: FromToFilter,\r\n to: FromToFilter,\r\n displayName?: string\r\n}\r\nexport type FromToValue = {\r\n from: string| number,\r\n to: string| number\r\n}\r\nexport type FromToFilter = {\r\n key: string,\r\n type: FromToTypes,\r\n name: string\r\n value: string | number | Date,\r\n emptyValue?: string | number | Date,\r\n fromPlaceHolder?: string,\r\n toPlaceHolder?: string\r\n}"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/FromToFilter/utils.ts"],"names":[],"mappings":"AACA,MAAM,CAAN,IAAkB,WAIjB;AAJD,WAAkB,WAAW;IACzB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,4BAAa,CAAA;AACjB,CAAC,EAJiB,WAAW,KAAX,WAAW,QAI5B","sourcesContent":["\nexport const enum FromToTypes {\n text = \"text\",\n number = \"number\",\n date = \"date\"\n}\n\nexport type FromTo = {\n id: string,\n name: string,\n from: FromToFilter,\n to: FromToFilter,\n displayName?: string\n}\nexport type FromToValue = {\n from: string| number,\n to: string| number\n}\nexport type FromToFilter = {\n key: string,\n type: FromToTypes,\n name: string\n value: string | number | Date,\n emptyValue?: string | number | Date,\n fromPlaceHolder?: string,\n toPlaceHolder?: string\n}"]}
@@ -1,10 +1,10 @@
1
- import React from 'react';
2
- import { Narrow, Facet } from "@fast-simon/utilities";
3
- export interface Props {
4
- facets: Facet[];
5
- narrow: Narrow;
6
- onNarrowChange: (narrow: any) => void;
7
- onPageChange: (page: number) => void;
8
- }
9
- declare const InStoreFiltersMenu: React.FC<Props>;
10
- export default InStoreFiltersMenu;
1
+ import React from 'react';
2
+ import { Narrow, Facet } from "@fast-simon/utilities";
3
+ export interface Props {
4
+ facets: Facet[];
5
+ narrow: Narrow;
6
+ onNarrowChange: (narrow: any) => void;
7
+ onPageChange: (page: number) => void;
8
+ }
9
+ declare const InStoreFiltersMenu: React.FC<Props>;
10
+ export default InStoreFiltersMenu;
@@ -1,34 +1,34 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useEffect } from 'react';
3
- import classes from './styles.module.css';
4
- import { FacetItem } from "../FacetItem/FacetItem";
5
- import { NarrowParser } from "@fast-simon/utilities";
6
- import classNames from "classnames";
7
- const InStoreFiltersMenu = ({ facets, narrow, onNarrowChange, onPageChange }) => {
8
- const filtersRef = React.createRef();
9
- useEffect(() => {
10
- if (filtersRef.current && !filtersRef.current.style.height) {
11
- filtersRef.current.style.height = `calc(100vh - ${filtersRef.current.getBoundingClientRect().top + 20}px)`;
12
- }
13
- }, [filtersRef]);
14
- const handleNarrowChange = (facetName, narrowName, updateSingleNarrow) => {
15
- let newNarrow = {};
16
- if (updateSingleNarrow) {
17
- newNarrow = NarrowParser.updateSingleNarrow(narrow, facetName, narrowName);
18
- }
19
- else {
20
- newNarrow = NarrowParser.updateNarrow(narrow, facetName, narrowName);
21
- }
22
- onNarrowChange(newNarrow);
23
- onPageChange(1);
24
- };
25
- const clearAll = () => {
26
- onNarrowChange({});
27
- onPageChange(1);
28
- };
29
- return (_jsxs("div", Object.assign({ className: classes.filtersContainer, ref: filtersRef }, { children: [facets.map(facet => {
30
- return (_jsx(FacetItem, { narrow: narrow[((facet === null || facet === void 0 ? void 0 : facet.meta) && narrow[((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to")]) ? ((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to") : facet === null || facet === void 0 ? void 0 : facet.name], facet: facet, onChange: handleNarrowChange, onNarrowChange: onNarrowChange, onPageChange: onPageChange }, "fs-filters" + facet.id.toString()));
31
- }), _jsx("span", Object.assign({ onClick: clearAll, className: classNames(classes.arrow, classes.clearAll) }, { children: _jsxs("small", { children: ["Clear All\u00A0\u00A0\u00A0", _jsx("i", {})] }) }))] })));
32
- };
33
- export default InStoreFiltersMenu;
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { useEffect } from 'react';
3
+ import classes from './styles.module.css';
4
+ import { FacetItem } from "../FacetItem/FacetItem";
5
+ import { NarrowParser } from "@fast-simon/utilities";
6
+ import classNames from "classnames";
7
+ const InStoreFiltersMenu = ({ facets, narrow, onNarrowChange, onPageChange }) => {
8
+ const filtersRef = React.createRef();
9
+ useEffect(() => {
10
+ if (filtersRef.current && !filtersRef.current.style.height) {
11
+ filtersRef.current.style.height = `calc(100vh - ${filtersRef.current.getBoundingClientRect().top + 20}px)`;
12
+ }
13
+ }, [filtersRef]);
14
+ const handleNarrowChange = (facetName, narrowName, updateSingleNarrow) => {
15
+ let newNarrow = {};
16
+ if (updateSingleNarrow) {
17
+ newNarrow = NarrowParser.updateSingleNarrow(narrow, facetName, narrowName);
18
+ }
19
+ else {
20
+ newNarrow = NarrowParser.updateNarrow(narrow, facetName, narrowName);
21
+ }
22
+ onNarrowChange(newNarrow);
23
+ onPageChange(1);
24
+ };
25
+ const clearAll = () => {
26
+ onNarrowChange({});
27
+ onPageChange(1);
28
+ };
29
+ return (_jsxs("div", Object.assign({ className: classes.filtersContainer, ref: filtersRef }, { children: [facets.map(facet => {
30
+ return (_jsx(FacetItem, { narrow: narrow[((facet === null || facet === void 0 ? void 0 : facet.meta) && narrow[((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to")]) ? ((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to") : facet === null || facet === void 0 ? void 0 : facet.name], facet: facet, onChange: handleNarrowChange, onNarrowChange: onNarrowChange, onPageChange: onPageChange }, "fs-filters" + facet.id.toString()));
31
+ }), _jsx("span", Object.assign({ onClick: clearAll, className: classNames(classes.arrow, classes.clearAll) }, { children: _jsxs("small", { children: ["Clear All\u00A0\u00A0\u00A0", _jsx("i", {})] }) }))] })));
32
+ };
33
+ export default InStoreFiltersMenu;
34
34
  //# sourceMappingURL=InStoreFiltersMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InStoreFiltersMenu.js","sourceRoot":"","sources":["../../../src/components/InStoreFiltersMenu/InStoreFiltersMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAiB,MAAM,uBAAuB,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,kBAAkB,GAAoB,CAAC,EAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAC,EAAE,EAAE;IAC3F,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACX,IAAG,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE;YACvD,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAC,EAAE,KAAK,CAAC;SAC5G;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,kBAA4B,EAAE,EAAE;QAC/F,IAAI,SAAS,GAAW,EAAE,CAAC;QAC3B,IAAG,kBAAkB,EAAE;YAClB,SAAS,GAAG,YAAY,CAAC,kBAAkB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SAC/E;aAAM;YACF,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SACzE;QACD,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAA;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAE,GAAG,EAAE,UAAU,iBAGjD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACf,OAAO,CACJ,KAAC,SAAS,IACC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,EAC/G,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,IALrB,YAAY,GAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAKG,CACrD,CAAA;YACL,CAAC,CAAC,EAEN,6BAAM,OAAO,EAAE,QAAQ,EAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,gBAAE,2DAAkC,aAAI,IAAQ,IACvH,KACL,CACT,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React, {useEffect} from 'react';\r\nimport classes from './styles.module.css';\r\nimport {FacetItem} from \"../FacetItem/FacetItem\";\r\nimport { NarrowParser, Narrow, Facet } from \"@fast-simon/utilities\";\r\nimport classNames from \"classnames\";\r\n\r\nexport interface Props {\r\n facets: Facet[];\r\n narrow: Narrow;\r\n onNarrowChange: (narrow: any) => void;\r\n onPageChange: (page: number) => void;\r\n}\r\n\r\nconst InStoreFiltersMenu: React.FC<Props> = ({facets, narrow, onNarrowChange, onPageChange}) => {\r\n const filtersRef = React.createRef<HTMLDivElement>();\r\n\r\n useEffect(() => {\r\n if(filtersRef.current && !filtersRef.current.style.height) {\r\n filtersRef.current.style.height = `calc(100vh - ${filtersRef.current.getBoundingClientRect().top+20}px)`;\r\n }\r\n }, [filtersRef]);\r\n\r\n const handleNarrowChange = (facetName: string, narrowName: string, updateSingleNarrow?: boolean) => {\r\n let newNarrow: Narrow = {};\r\n if(updateSingleNarrow) {\r\n newNarrow = NarrowParser.updateSingleNarrow(narrow, facetName, narrowName);\r\n } else {\r\n newNarrow = NarrowParser.updateNarrow(narrow, facetName, narrowName);\r\n }\r\n onNarrowChange(newNarrow);\r\n onPageChange(1);\r\n }\r\n const clearAll = () => {\r\n onNarrowChange({});\r\n onPageChange(1);\r\n }\r\n\r\n return (\r\n <div className={classes.filtersContainer} ref={filtersRef}>\r\n\r\n {\r\n facets.map(facet => {\r\n return (\r\n <FacetItem key={\"fs-filters\"+facet.id.toString()} \r\n narrow={narrow[(facet?.meta && narrow[(facet?.name + \"_from_to\")]) ? (facet?.name + \"_from_to\") : facet?.name]} \r\n facet={facet} \r\n onChange={handleNarrowChange} \r\n onNarrowChange={onNarrowChange} \r\n onPageChange={onPageChange}></FacetItem>\r\n )\r\n })\r\n }\r\n <span onClick={clearAll}className={classNames(classes.arrow, classes.clearAll)}><small>Clear All&nbsp;&nbsp;&nbsp;<i/></small>\r\n </span>\r\n </div>\r\n )\r\n};\r\n\r\nexport default InStoreFiltersMenu;\r\n"]}
1
+ {"version":3,"file":"InStoreFiltersMenu.js","sourceRoot":"","sources":["../../../src/components/InStoreFiltersMenu/InStoreFiltersMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAiB,MAAM,uBAAuB,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,kBAAkB,GAAoB,CAAC,EAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAC,EAAE,EAAE;IAC3F,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACX,IAAG,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE;YACvD,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAC,EAAE,KAAK,CAAC;SAC5G;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,kBAA4B,EAAE,EAAE;QAC/F,IAAI,SAAS,GAAW,EAAE,CAAC;QAC3B,IAAG,kBAAkB,EAAE;YAClB,SAAS,GAAG,YAAY,CAAC,kBAAkB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SAC/E;aAAM;YACF,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SACzE;QACD,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAA;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAE,GAAG,EAAE,UAAU,iBAGjD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACf,OAAO,CACJ,KAAC,SAAS,IACC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,EAC/G,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,IALrB,YAAY,GAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAKG,CACrD,CAAA;YACL,CAAC,CAAC,EAEN,6BAAM,OAAO,EAAE,QAAQ,EAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,gBAAE,2DAAkC,aAAI,IAAQ,IACvH,KACL,CACT,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React, {useEffect} from 'react';\nimport classes from './styles.module.css';\nimport {FacetItem} from \"../FacetItem/FacetItem\";\nimport { NarrowParser, Narrow, Facet } from \"@fast-simon/utilities\";\nimport classNames from \"classnames\";\n\nexport interface Props {\n facets: Facet[];\n narrow: Narrow;\n onNarrowChange: (narrow: any) => void;\n onPageChange: (page: number) => void;\n}\n\nconst InStoreFiltersMenu: React.FC<Props> = ({facets, narrow, onNarrowChange, onPageChange}) => {\n const filtersRef = React.createRef<HTMLDivElement>();\n\n useEffect(() => {\n if(filtersRef.current && !filtersRef.current.style.height) {\n filtersRef.current.style.height = `calc(100vh - ${filtersRef.current.getBoundingClientRect().top+20}px)`;\n }\n }, [filtersRef]);\n\n const handleNarrowChange = (facetName: string, narrowName: string, updateSingleNarrow?: boolean) => {\n let newNarrow: Narrow = {};\n if(updateSingleNarrow) {\n newNarrow = NarrowParser.updateSingleNarrow(narrow, facetName, narrowName);\n } else {\n newNarrow = NarrowParser.updateNarrow(narrow, facetName, narrowName);\n }\n onNarrowChange(newNarrow);\n onPageChange(1);\n }\n const clearAll = () => {\n onNarrowChange({});\n onPageChange(1);\n }\n\n return (\n <div className={classes.filtersContainer} ref={filtersRef}>\n\n {\n facets.map(facet => {\n return (\n <FacetItem key={\"fs-filters\"+facet.id.toString()} \n narrow={narrow[(facet?.meta && narrow[(facet?.name + \"_from_to\")]) ? (facet?.name + \"_from_to\") : facet?.name]} \n facet={facet} \n onChange={handleNarrowChange} \n onNarrowChange={onNarrowChange} \n onPageChange={onPageChange}></FacetItem>\n )\n })\n }\n <span onClick={clearAll}className={classNames(classes.arrow, classes.clearAll)}><small>Clear All&nbsp;&nbsp;&nbsp;<i/></small>\n </span>\n </div>\n )\n};\n\nexport default InStoreFiltersMenu;\n"]}
@@ -1 +1 @@
1
- export { default } from "./InStoreFiltersMenu";
1
+ export { default } from "./InStoreFiltersMenu";
@@ -1,2 +1,2 @@
1
- export { default } from "./InStoreFiltersMenu";
1
+ export { default } from "./InStoreFiltersMenu";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InStoreFiltersMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { default } from \"./InStoreFiltersMenu\";\r\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InStoreFiltersMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { default } from \"./InStoreFiltersMenu\";\n"]}
@@ -1,10 +1,10 @@
1
- .filtersContainer {
2
- padding: 8px 16px;
3
- font-size: 12px;
4
- }
5
- .clearAll {
6
- color: var(--blue);
7
- text-decoration: none;
8
- cursor: pointer;
9
- font-size: 1.2rem;
1
+ .filtersContainer {
2
+ padding: 8px 16px;
3
+ font-size: 12px;
4
+ }
5
+ .clearAll {
6
+ color: var(--blue);
7
+ text-decoration: none;
8
+ cursor: pointer;
9
+ font-size: 1.2rem;
10
10
  }
@@ -1,22 +1,22 @@
1
- import React from 'react';
2
- export interface Props {
3
- initialInput: string | number;
4
- onChange: (input: string) => void;
5
- onCompleted: (input: string) => void;
6
- debounceTime: number;
7
- customClasses?: {
8
- container?: string;
9
- input?: string;
10
- };
11
- type?: string;
12
- placeholder?: string;
13
- isInputValidForCommit?: (userInput: string) => boolean;
14
- placeholderIcon?: JSX.Element;
15
- selectAllOnFocus?: boolean;
16
- limit?: {
17
- min: number;
18
- max: number;
19
- };
20
- }
21
- declare const Input: React.FC<Props>;
22
- export default Input;
1
+ import React from 'react';
2
+ export interface Props {
3
+ initialInput: string | number;
4
+ onChange: (input: string) => void;
5
+ onCompleted: (input: string) => void;
6
+ debounceTime: number;
7
+ customClasses?: {
8
+ container?: string;
9
+ input?: string;
10
+ };
11
+ type?: string;
12
+ placeholder?: string;
13
+ isInputValidForCommit?: (userInput: string) => boolean;
14
+ placeholderIcon?: JSX.Element;
15
+ selectAllOnFocus?: boolean;
16
+ limit?: {
17
+ min: number;
18
+ max: number;
19
+ };
20
+ }
21
+ declare const Input: React.FC<Props>;
22
+ export default Input;
@@ -1,49 +1,49 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useRef, useState } from 'react';
3
- import classes from './styles.module.css';
4
- import clsx from "clsx";
5
- const Input = ({ initialInput, onChange, onCompleted, debounceTime, customClasses, type = "text", placeholder = "", isInputValidForCommit, placeholderIcon = null, selectAllOnFocus = false, limit }) => {
6
- const [input, setInput] = useState(initialInput);
7
- const [timer, setTimer] = useState();
8
- const inputRef = useRef(null);
9
- const handleFocus = () => {
10
- var _a, _b;
11
- if (selectAllOnFocus) {
12
- (_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.select) === null || _b === void 0 ? void 0 : _b.call(_a);
13
- }
14
- };
15
- useEffect(() => {
16
- setInput(initialInput);
17
- }, []);
18
- const isValidLimitation = (value) => {
19
- if (limit) {
20
- return value >= limit.min && value <= limit.max;
21
- }
22
- return true;
23
- };
24
- const onInputChanged = (event) => {
25
- if (type === 'num' && (Number(event.target.value) !== Number(event.target.value) * 1)) {
26
- return;
27
- }
28
- if (type === 'number' && !isValidLimitation(Number(event.target.value))) {
29
- return;
30
- }
31
- clearTimeout(timer);
32
- setInput(event.target.value);
33
- onChange(event.target.value);
34
- const isValid = !isInputValidForCommit || isInputValidForCommit(event.target.value);
35
- if (!isValid) {
36
- return;
37
- }
38
- const key = setTimeout(() => {
39
- onCompleted(event.target.value);
40
- }, debounceTime);
41
- setTimer(key);
42
- };
43
- const onClick = (event) => {
44
- event.stopPropagation();
45
- };
46
- return (_jsxs("div", Object.assign({ className: clsx(classes.inputContainer, customClasses === null || customClasses === void 0 ? void 0 : customClasses.container) }, { children: [!String(input).length && placeholderIcon ? placeholderIcon : null, _jsx("input", { ref: inputRef, type: type, value: input, onChange: onInputChanged, placeholder: placeholder, className: customClasses === null || customClasses === void 0 ? void 0 : customClasses.input, onMouseDown: onClick, onMouseUp: onClick, onClick: onClick, onFocus: handleFocus })] })));
47
- };
48
- export default Input;
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect, useRef, useState } from 'react';
3
+ import classes from './styles.module.css';
4
+ import clsx from "clsx";
5
+ const Input = ({ initialInput, onChange, onCompleted, debounceTime, customClasses, type = "text", placeholder = "", isInputValidForCommit, placeholderIcon = null, selectAllOnFocus = false, limit }) => {
6
+ const [input, setInput] = useState(initialInput);
7
+ const [timer, setTimer] = useState();
8
+ const inputRef = useRef(null);
9
+ const handleFocus = () => {
10
+ var _a, _b;
11
+ if (selectAllOnFocus) {
12
+ (_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.select) === null || _b === void 0 ? void 0 : _b.call(_a);
13
+ }
14
+ };
15
+ useEffect(() => {
16
+ setInput(initialInput);
17
+ }, []);
18
+ const isValidLimitation = (value) => {
19
+ if (limit) {
20
+ return value >= limit.min && value <= limit.max;
21
+ }
22
+ return true;
23
+ };
24
+ const onInputChanged = (event) => {
25
+ if (type === 'num' && (Number(event.target.value) !== Number(event.target.value) * 1)) {
26
+ return;
27
+ }
28
+ if (type === 'number' && !isValidLimitation(Number(event.target.value))) {
29
+ return;
30
+ }
31
+ clearTimeout(timer);
32
+ setInput(event.target.value);
33
+ onChange(event.target.value);
34
+ const isValid = !isInputValidForCommit || isInputValidForCommit(event.target.value);
35
+ if (!isValid) {
36
+ return;
37
+ }
38
+ const key = setTimeout(() => {
39
+ onCompleted(event.target.value);
40
+ }, debounceTime);
41
+ setTimer(key);
42
+ };
43
+ const onClick = (event) => {
44
+ event.stopPropagation();
45
+ };
46
+ return (_jsxs("div", Object.assign({ className: clsx(classes.inputContainer, customClasses === null || customClasses === void 0 ? void 0 : customClasses.container) }, { children: [!String(input).length && placeholderIcon ? placeholderIcon : null, _jsx("input", { ref: inputRef, type: type, value: input, onChange: onInputChanged, placeholder: placeholder, className: customClasses === null || customClasses === void 0 ? void 0 : customClasses.input, onMouseDown: onClick, onMouseUp: onClick, onClick: onClick, onFocus: handleFocus })] })));
47
+ };
48
+ export default Input;
49
49
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\r\nimport classes from './styles.module.css';\r\nimport clsx from \"clsx\";\r\nexport interface Props {\r\n initialInput: string | number;\r\n onChange: (input: string) => void;\r\n onCompleted: (input: string) => void;\r\n debounceTime: number;\r\n customClasses?: {\r\n container?: string;\r\n input?: string;\r\n }\r\n type?: string;\r\n placeholder?: string;\r\n\r\n isInputValidForCommit?: (userInput: string) => boolean;\r\n\r\n placeholderIcon?: JSX.Element;\r\n selectAllOnFocus?: boolean;\r\n limit?: {min: number, max: number}\r\n}\r\n\r\nconst Input: React.FC<Props> = ({initialInput, onChange, onCompleted, debounceTime, customClasses, type=\"text\", placeholder =\"\", isInputValidForCommit, placeholderIcon=null, selectAllOnFocus = false, limit}) => {\r\n\r\n const [input, setInput] = useState(initialInput);\r\n const [timer, setTimer] = useState<NodeJS.Timeout>();\r\n const inputRef = useRef(null);\r\n const handleFocus = () => {\r\n if (selectAllOnFocus) {\r\n (inputRef?.current as any)?.select?.();\r\n }\r\n };\r\n useEffect(() => {\r\n setInput(initialInput);\r\n }, []);\r\n\r\n const isValidLimitation = (value: number) => {\r\n if(limit) {\r\n return value >= limit.min && value <= limit.max\r\n }\r\n return true\r\n }\r\n\r\n const onInputChanged = (event: any) => {\r\n if(type === 'num' && (Number(event.target.value) !== Number(event.target.value) * 1)) {\r\n return;\r\n }\r\n if(type === 'number' && !isValidLimitation(Number(event.target.value))){\r\n return;\r\n }\r\n clearTimeout(timer);\r\n setInput(event.target.value);\r\n onChange(event.target.value);\r\n const isValid = !isInputValidForCommit || isInputValidForCommit(event.target.value);\r\n if(!isValid) {\r\n return;\r\n }\r\n const key = setTimeout(() => {\r\n onCompleted(event.target.value);\r\n }, debounceTime);\r\n setTimer(key);\r\n }\r\n\r\n const onClick = (event: any) => {\r\n event.stopPropagation();\r\n }\r\n\r\n return (\r\n <div className={clsx(classes.inputContainer, customClasses?.container)}>\r\n {!String(input).length && placeholderIcon ? placeholderIcon : null}\r\n <input ref={inputRef}\r\n type={type} value={input} onChange={onInputChanged} placeholder={placeholder}\r\n className={customClasses?.input} onMouseDown={onClick} onMouseUp={onClick} onClick={onClick}\r\n onFocus={handleFocus}/>\r\n </div>\r\n )\r\n};\r\n\r\nexport default Input;\r\n"]}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport classes from './styles.module.css';\nimport clsx from \"clsx\";\nexport interface Props {\n initialInput: string | number;\n onChange: (input: string) => void;\n onCompleted: (input: string) => void;\n debounceTime: number;\n customClasses?: {\n container?: string;\n input?: string;\n }\n type?: string;\n placeholder?: string;\n\n isInputValidForCommit?: (userInput: string) => boolean;\n\n placeholderIcon?: JSX.Element;\n selectAllOnFocus?: boolean;\n limit?: {min: number, max: number}\n}\n\nconst Input: React.FC<Props> = ({initialInput, onChange, onCompleted, debounceTime, customClasses, type=\"text\", placeholder =\"\", isInputValidForCommit, placeholderIcon=null, selectAllOnFocus = false, limit}) => {\n\n const [input, setInput] = useState(initialInput);\n const [timer, setTimer] = useState<NodeJS.Timeout>();\n const inputRef = useRef(null);\n const handleFocus = () => {\n if (selectAllOnFocus) {\n (inputRef?.current as any)?.select?.();\n }\n };\n useEffect(() => {\n setInput(initialInput);\n }, []);\n\n const isValidLimitation = (value: number) => {\n if(limit) {\n return value >= limit.min && value <= limit.max\n }\n return true\n }\n\n const onInputChanged = (event: any) => {\n if(type === 'num' && (Number(event.target.value) !== Number(event.target.value) * 1)) {\n return;\n }\n if(type === 'number' && !isValidLimitation(Number(event.target.value))){\n return;\n }\n clearTimeout(timer);\n setInput(event.target.value);\n onChange(event.target.value);\n const isValid = !isInputValidForCommit || isInputValidForCommit(event.target.value);\n if(!isValid) {\n return;\n }\n const key = setTimeout(() => {\n onCompleted(event.target.value);\n }, debounceTime);\n setTimer(key);\n }\n\n const onClick = (event: any) => {\n event.stopPropagation();\n }\n\n return (\n <div className={clsx(classes.inputContainer, customClasses?.container)}>\n {!String(input).length && placeholderIcon ? placeholderIcon : null}\n <input ref={inputRef}\n type={type} value={input} onChange={onInputChanged} placeholder={placeholder}\n className={customClasses?.input} onMouseDown={onClick} onMouseUp={onClick} onClick={onClick}\n onFocus={handleFocus}/>\n </div>\n )\n};\n\nexport default Input;\n"]}
@@ -1 +1 @@
1
- export { default } from "./Input";
1
+ export { default } from "./Input";
@@ -1,2 +1,2 @@
1
- export { default } from "./Input";
1
+ export { default } from "./Input";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default } from \"./Input\";\r\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default } from \"./Input\";\n"]}
@@ -1,3 +1,3 @@
1
- .inputContainer {
2
-
1
+ .inputContainer {
2
+
3
3
  }
@@ -1,9 +1,9 @@
1
- import { Facet } from "@fast-simon/utilities";
2
- interface Props {
3
- facet: Facet;
4
- onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => void;
5
- narrow?: Set<string>;
6
- disableSelect?: boolean;
7
- }
8
- export declare function LastReceivedDate({ facet, onChange, narrow, disableSelect }: Props): import("react/jsx-runtime").JSX.Element;
9
- export {};
1
+ import { Facet } from "@fast-simon/utilities";
2
+ interface Props {
3
+ facet: Facet;
4
+ onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => void;
5
+ narrow?: Set<string>;
6
+ disableSelect?: boolean;
7
+ }
8
+ export declare function LastReceivedDate({ facet, onChange, narrow, disableSelect }: Props): import("react/jsx-runtime").JSX.Element;
9
+ export {};