@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.
- package/dist/@types/autocomplete.d.ts +58 -58
- package/dist/@types/autocomplete.js +1 -1
- package/dist/@types/autocomplete.js.map +1 -1
- package/dist/@types/banner.d.ts +7 -7
- package/dist/@types/banner.js +1 -1
- package/dist/@types/banner.js.map +1 -1
- package/dist/@types/categories.d.ts +113 -113
- package/dist/@types/categories.js +1 -1
- package/dist/@types/categories.js.map +1 -1
- package/dist/@types/categoriesNavigation.d.ts +27 -27
- package/dist/@types/categoriesNavigation.js +1 -1
- package/dist/@types/categoriesNavigation.js.map +1 -1
- package/dist/@types/context.d.ts +49 -49
- package/dist/@types/context.js +1 -1
- package/dist/@types/context.js.map +1 -1
- package/dist/@types/currency.d.ts +1 -1
- package/dist/@types/currency.js +1 -1
- package/dist/@types/currency.js.map +1 -1
- package/dist/@types/editorProduct.d.ts +26 -26
- package/dist/@types/editorProduct.js +5 -5
- package/dist/@types/editorProduct.js.map +1 -1
- package/dist/@types/facets.d.ts +59 -59
- package/dist/@types/facets.js +18 -18
- package/dist/@types/facets.js.map +1 -1
- package/dist/@types/iconProps.d.ts +9 -9
- package/dist/@types/iconProps.js +1 -1
- package/dist/@types/iconProps.js.map +1 -1
- package/dist/@types/narrow.d.ts +7 -7
- package/dist/@types/narrow.js +1 -1
- package/dist/@types/narrow.js.map +1 -1
- package/dist/@types/product.d.ts +160 -160
- package/dist/@types/product.js +7 -7
- package/dist/@types/product.js.map +1 -1
- package/dist/@types/productLabel.d.ts +1 -1
- package/dist/@types/productLabel.js +1 -1
- package/dist/@types/promoTile.d.ts +11 -11
- package/dist/@types/promoTile.js +1 -1
- package/dist/@types/promoTile.js.map +1 -1
- package/dist/@types/results.d.ts +142 -142
- package/dist/@types/results.js +1 -1
- package/dist/@types/results.js.map +1 -1
- package/dist/@types/sideMenu.d.ts +19 -19
- package/dist/@types/sideMenu.js +1 -1
- package/dist/@types/sideMenu.js.map +1 -1
- package/dist/@types/sortBy.d.ts +3 -3
- package/dist/@types/sortBy.js +1 -1
- package/dist/@types/sortBy.js.map +1 -1
- package/dist/@types/widget.d.ts +8 -8
- package/dist/@types/widget.js +1 -1
- package/dist/@types/widget.js.map +1 -1
- package/dist/App.d.ts +3 -3
- package/dist/App.js +14 -14
- package/dist/App.js.map +1 -1
- package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.d.ts +9 -9
- package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js +73 -73
- package/dist/components/BackOfficeFiltersMenu/BackOfficeFiltersMenu.js.map +1 -1
- package/dist/components/BackOfficeFiltersMenu/index.d.ts +1 -1
- package/dist/components/BackOfficeFiltersMenu/index.js +1 -1
- package/dist/components/BackOfficeFiltersMenu/index.js.map +1 -1
- package/dist/components/BackOfficeFiltersMenu/styles.module.css +9 -9
- package/dist/components/BackOfficeFiltersMenu/utils.d.ts +7 -7
- package/dist/components/BackOfficeFiltersMenu/utils.js +238 -238
- package/dist/components/BackOfficeFiltersMenu/utils.js.map +1 -1
- package/dist/components/CheckboxFilter/Checkbox/Checkbox.d.ts +10 -10
- package/dist/components/CheckboxFilter/Checkbox/Checkbox.js +6 -6
- package/dist/components/CheckboxFilter/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CheckboxFilter/CheckboxFilter.d.ts +6 -6
- package/dist/components/CheckboxFilter/CheckboxFilter.js +8 -8
- package/dist/components/CheckboxFilter/CheckboxFilter.js.map +1 -1
- package/dist/components/CheckboxFilter/styles.module.css +4 -4
- package/dist/components/DragAndDrop/DndContextWrapper.d.ts +19 -19
- package/dist/components/DragAndDrop/DndContextWrapper.js +30 -30
- package/dist/components/DragAndDrop/DndContextWrapper.js.map +1 -1
- package/dist/components/DragAndDrop/Droppable.d.ts +7 -7
- package/dist/components/DragAndDrop/Droppable.js +9 -9
- package/dist/components/DragAndDrop/Droppable.js.map +1 -1
- package/dist/components/DragAndDrop/SortableItem.d.ts +13 -13
- package/dist/components/DragAndDrop/SortableItem.js +38 -38
- package/dist/components/DragAndDrop/SortableItem.js.map +1 -1
- package/dist/components/DragAndDrop/styles.module.css +15 -15
- package/dist/components/FacetItem/FacetItem.d.ts +13 -13
- package/dist/components/FacetItem/FacetItem.js +39 -39
- package/dist/components/FacetItem/FacetItem.js.map +1 -1
- package/dist/components/FacetItem/styles.module.css +54 -54
- package/dist/components/FastSimonApi/FastSimonApi.d.ts +39 -39
- package/dist/components/FastSimonApi/FastSimonApi.js +605 -605
- package/dist/components/FastSimonApi/FastSimonApi.js.map +1 -1
- package/dist/components/FastSimonApi/context.d.ts +62 -62
- package/dist/components/FastSimonApi/context.js +9 -9
- package/dist/components/FastSimonApi/context.js.map +1 -1
- package/dist/components/FastSimonApi/index.d.ts +3 -3
- package/dist/components/FastSimonApi/index.js +2 -2
- package/dist/components/FastSimonApi/index.js.map +1 -1
- package/dist/components/FastSimonApi/reducer.d.ts +458 -458
- package/dist/components/FastSimonApi/reducer.js +76 -76
- package/dist/components/FastSimonApi/reducer.js.map +1 -1
- package/dist/components/FromToFilter/From/From.d.ts +17 -17
- package/dist/components/FromToFilter/From/From.js +21 -21
- package/dist/components/FromToFilter/From/From.js.map +1 -1
- package/dist/components/FromToFilter/FromToFilter.d.ts +14 -14
- package/dist/components/FromToFilter/FromToFilter.js +57 -57
- package/dist/components/FromToFilter/FromToFilter.js.map +1 -1
- package/dist/components/FromToFilter/To/To.d.ts +18 -18
- package/dist/components/FromToFilter/To/To.js +22 -22
- package/dist/components/FromToFilter/To/To.js.map +1 -1
- package/dist/components/FromToFilter/styles.module.css +33 -33
- package/dist/components/FromToFilter/utils.d.ts +25 -25
- package/dist/components/FromToFilter/utils.js +6 -6
- package/dist/components/FromToFilter/utils.js.map +1 -1
- package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.d.ts +10 -10
- package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.js +33 -33
- package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.js.map +1 -1
- package/dist/components/InStoreFiltersMenu/index.d.ts +1 -1
- package/dist/components/InStoreFiltersMenu/index.js +1 -1
- package/dist/components/InStoreFiltersMenu/index.js.map +1 -1
- package/dist/components/InStoreFiltersMenu/styles.module.css +9 -9
- package/dist/components/Input/Input.d.ts +22 -22
- package/dist/components/Input/Input.js +48 -48
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/styles.module.css +2 -2
- package/dist/components/LastReceivedDateFilter/LastReceivedDate.d.ts +9 -9
- package/dist/components/LastReceivedDateFilter/LastReceivedDate.js +87 -87
- package/dist/components/LastReceivedDateFilter/LastReceivedDate.js.map +1 -1
- package/dist/components/LastReceivedDateFilter/styles.module.css +40 -40
- package/dist/components/LastReceivedDateFilter/utils.d.ts +3 -3
- package/dist/components/LastReceivedDateFilter/utils.js +42 -42
- package/dist/components/LastReceivedDateFilter/utils.js.map +1 -1
- package/dist/components/ProductLabel/ProductLabel.d.ts +11 -11
- package/dist/components/ProductLabel/ProductLabel.js +10 -10
- package/dist/components/ProductLabel/ProductLabel.js.map +1 -1
- package/dist/components/ProductLabel/index.d.ts +1 -1
- package/dist/components/ProductLabel/index.js +1 -1
- package/dist/components/ProductLabel/index.js.map +1 -1
- package/dist/components/ProductLabel/styles.module.css +41 -41
- package/dist/components/ProductLabel/utils.d.ts +8 -8
- package/dist/components/ProductLabel/utils.js +8 -8
- package/dist/components/ProductLabel/utils.js.map +1 -1
- package/dist/components/RadioFilter/Radio/Radio.d.ts +10 -10
- package/dist/components/RadioFilter/Radio/Radio.js +6 -6
- package/dist/components/RadioFilter/Radio/Radio.js.map +1 -1
- package/dist/components/RadioFilter/RadioFilter.d.ts +9 -9
- package/dist/components/RadioFilter/RadioFilter.js +44 -44
- package/dist/components/RadioFilter/RadioFilter.js.map +1 -1
- package/dist/components/RadioFilter/styles.module.css +22 -22
- package/dist/components/RadioFilter/utils.d.ts +1 -1
- package/dist/components/RadioFilter/utils.js +7 -7
- package/dist/components/RadioFilter/utils.js.map +1 -1
- package/dist/components/ReactDatePicker/ReactDatePicker.d.ts +11 -11
- package/dist/components/ReactDatePicker/ReactDatePicker.js +15 -15
- package/dist/components/ReactDatePicker/ReactDatePicker.js.map +1 -1
- package/dist/components/ReactDatePicker/index.d.ts +1 -1
- package/dist/components/ReactDatePicker/index.js +1 -1
- package/dist/components/ReactDatePicker/index.js.map +1 -1
- package/dist/components/ReactDatePicker/styles.module.css +2 -2
- package/dist/components/RenderIfVisible/RenderIfVisible.d.ts +12 -12
- package/dist/components/RenderIfVisible/RenderIfVisible.js +58 -58
- package/dist/components/RenderIfVisible/RenderIfVisible.js.map +1 -1
- package/dist/components/RenderIfVisible/index.d.ts +1 -1
- package/dist/components/RenderIfVisible/index.js +1 -1
- package/dist/components/RenderIfVisible/index.js.map +1 -1
- package/dist/components/ScrollToTop/ScrollToTop.d.ts +6 -6
- package/dist/components/ScrollToTop/ScrollToTop.js +27 -27
- package/dist/components/ScrollToTop/ScrollToTop.js.map +1 -1
- package/dist/components/ScrollToTop/styles.module.css +18 -18
- package/dist/components/SelectCard/SelectCard.d.ts +5 -5
- package/dist/components/SelectCard/SelectCard.js +6 -6
- package/dist/components/SelectCard/SelectCard.js.map +1 -1
- package/dist/components/SelectCard/index.d.ts +1 -1
- package/dist/components/SelectCard/index.js +1 -1
- package/dist/components/SelectCard/index.js.map +1 -1
- package/dist/components/SelectCard/styles.module.css +20 -20
- package/dist/components/SingleFilter/SingleFilter.d.ts +11 -11
- package/dist/components/SingleFilter/SingleFilter.js +89 -89
- package/dist/components/SingleFilter/SingleFilter.js.map +1 -1
- package/dist/components/SingleFilter/styles.module.css +23 -23
- package/dist/components/SingleFilter/utils.d.ts +3 -3
- package/dist/components/SingleFilter/utils.js +41 -41
- package/dist/components/SingleFilter/utils.js.map +1 -1
- package/dist/components/SliderFilter/SliderFilter.d.ts +20 -20
- package/dist/components/SliderFilter/SliderFilter.js +45 -45
- package/dist/components/SliderFilter/SliderFilter.js.map +1 -1
- package/dist/components/SliderFilter/index.d.ts +1 -1
- package/dist/components/SliderFilter/index.js +1 -1
- package/dist/components/SliderFilter/index.js.map +1 -1
- package/dist/components/SliderFilter/styles.module.css +15 -15
- package/dist/components/Tooltip/Tooltip.d.ts +8 -8
- package/dist/components/Tooltip/Tooltip.js +8 -8
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/styles.module.css +33 -33
- package/dist/components/common.d.ts +23 -23
- package/dist/components/common.js +30 -30
- package/dist/components/common.js.map +1 -1
- package/dist/components/productGrid/ProductGrid.d.ts +11 -11
- package/dist/components/productGrid/ProductGrid.js +32 -32
- package/dist/components/productGrid/ProductGrid.js.map +1 -1
- package/dist/components/productGrid/index.d.ts +1 -1
- package/dist/components/productGrid/index.js +1 -1
- package/dist/components/productGrid/index.js.map +1 -1
- package/dist/components/productGrid/styles.module.css +25 -25
- package/dist/icons/BackOfficeFiltersIcon.d.ts +2 -2
- package/dist/icons/BackOfficeFiltersIcon.js +6 -6
- package/dist/icons/BackOfficeFiltersIcon.js.map +1 -1
- package/dist/icons/BannersIcon.d.ts +2 -2
- package/dist/icons/BannersIcon.js +6 -6
- package/dist/icons/BannersIcon.js.map +1 -1
- package/dist/icons/GeneralIcon.d.ts +2 -2
- package/dist/icons/GeneralIcon.js +6 -6
- package/dist/icons/GeneralIcon.js.map +1 -1
- package/dist/icons/HelpIcon.d.ts +7 -7
- package/dist/icons/HelpIcon.js +4 -4
- package/dist/icons/HelpIcon.js.map +1 -1
- package/dist/icons/InStoreFiltersIcon.d.ts +2 -2
- package/dist/icons/InStoreFiltersIcon.js +6 -6
- package/dist/icons/InStoreFiltersIcon.js.map +1 -1
- package/dist/icons/PromoteIcon.d.ts +2 -2
- package/dist/icons/PromoteIcon.js +6 -6
- package/dist/icons/PromoteIcon.js.map +1 -1
- package/dist/icons/RemoveIcon.d.ts +2 -2
- package/dist/icons/RemoveIcon.js +6 -6
- package/dist/icons/RemoveIcon.js.map +1 -1
- package/dist/icons/RestoreIcon.d.ts +2 -2
- package/dist/icons/RestoreIcon.js +6 -6
- package/dist/icons/RestoreIcon.js.map +1 -1
- package/dist/icons/styles.module.css +60 -60
- package/dist/index.d.ts +41 -41
- package/dist/index.js +32 -32
- package/dist/index.js.map +1 -1
- package/dist/main.d.ts +1 -1
- package/dist/main.js +5 -5
- package/dist/main.js.map +1 -1
- package/dist/services/API.d.ts +21 -21
- package/dist/services/API.js +49 -49
- package/dist/services/API.js.map +1 -1
- package/dist/services/autocomplete.d.ts +4 -4
- package/dist/services/autocomplete.js +25 -25
- package/dist/services/autocomplete.js.map +1 -1
- package/dist/services/getFormatProducts.d.ts +13 -13
- package/dist/services/getFormatProducts.js +43 -43
- package/dist/services/getFormatProducts.js.map +1 -1
- package/dist/services/landingPage.d.ts +28 -28
- package/dist/services/landingPage.js +86 -86
- package/dist/services/landingPage.js.map +1 -1
- package/dist/services/products.d.ts +9 -9
- package/dist/services/products.js +30 -30
- package/dist/services/products.js.map +1 -1
- package/dist/services/search.d.ts +13 -13
- package/dist/services/search.js +113 -113
- package/dist/services/search.js.map +1 -1
- package/dist/services/smartCollections.d.ts +5 -5
- package/dist/services/smartCollections.js +44 -44
- package/dist/services/smartCollections.js.map +1 -1
- package/dist/utils/customTagsFilters.d.ts +4 -4
- package/dist/utils/customTagsFilters.js +9 -9
- package/dist/utils/customTagsFilters.js.map +1 -1
- package/dist/utils/getCacheSettings.d.ts +16 -16
- package/dist/utils/getCacheSettings.js +25 -25
- package/dist/utils/getCacheSettings.js.map +1 -1
- package/dist/utils/getInternalURL.d.ts +1 -1
- package/dist/utils/getInternalURL.js +7 -7
- package/dist/utils/getInternalURL.js.map +1 -1
- package/dist/utils/getLSVectorSearch.d.ts +4 -4
- package/dist/utils/getLSVectorSearch.js +8 -8
- package/dist/utils/getLSVectorSearch.js.map +1 -1
- package/dist/utils/useDragToSelect.d.ts +13 -13
- package/dist/utils/useDragToSelect.js +172 -172
- package/dist/utils/useDragToSelect.js.map +1 -1
- package/dist/utils/useProductsPerRow.d.ts +3 -3
- package/dist/utils/useProductsPerRow.js +18 -18
- package/dist/utils/useProductsPerRow.js.map +1 -1
- package/package.json +64 -64
- package/dist/components/CheckboxFilter/Checkbox/styles.module.css +0 -143
- package/dist/components/FromToFilter/From/styles.module.css +0 -9
- package/dist/components/FromToFilter/To/styles.module.css +0 -9
- 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":["\
|
|
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';\
|
|
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 <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\";\
|
|
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';\
|
|
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\";\
|
|
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 {};
|