@fast-simon/dashboard-utilities 1.0.96 → 1.0.97
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/Checkbox/styles.module.css +142 -142
- 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/From/styles.module.css +8 -8
- 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/To/styles.module.css +8 -8
- 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/Radio/styles.module.css +144 -144
- 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.css +13 -0
- 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
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface Props {
|
|
3
|
-
text?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
type?: 'help' | 'lock';
|
|
6
|
-
}
|
|
7
|
-
declare const Tooltip: React.FC<Props>;
|
|
8
|
-
export default Tooltip;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface Props {
|
|
3
|
+
text?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
type?: 'help' | 'lock';
|
|
6
|
+
}
|
|
7
|
+
declare const Tooltip: React.FC<Props>;
|
|
8
|
+
export default Tooltip;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import classes from "./styles.module.css";
|
|
4
|
-
import { HelpIcon } from "../../icons/HelpIcon";
|
|
5
|
-
const Tooltip = ({ text, className, type = 'help' }) => {
|
|
6
|
-
return (_jsxs(_Fragment, { children: [type === 'help' && _jsx(HelpIcon, { width: 20, height: 20, customClass: classes.tooltipIcon }), type === 'lock' && _jsx("span", Object.assign({ className: clsx('material-symbols-outlined', classes.tooltipIcon) }, { children: "lock" })), _jsx("div", Object.assign({ className: classes.miniTooltip }, { children: text }))] }));
|
|
7
|
-
};
|
|
8
|
-
export default Tooltip;
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import classes from "./styles.module.css";
|
|
4
|
+
import { HelpIcon } from "../../icons/HelpIcon";
|
|
5
|
+
const Tooltip = ({ text, className, type = 'help' }) => {
|
|
6
|
+
return (_jsxs(_Fragment, { children: [type === 'help' && _jsx(HelpIcon, { width: 20, height: 20, customClass: classes.tooltipIcon }), type === 'lock' && _jsx("span", Object.assign({ className: clsx('material-symbols-outlined', classes.tooltipIcon) }, { children: "lock" })), _jsx("div", Object.assign({ className: classes.miniTooltip }, { children: text }))] }));
|
|
7
|
+
};
|
|
8
|
+
export default Tooltip;
|
|
9
9
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,OAAO,GAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAC,EAAE,EAAE;IAElE,OAAO,CACH,8BACK,IAAI,KAAK,MAAM,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAG,EACvF,IAAI,KAAK,MAAM,IAAI,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,WAAW,CAAC,0BAAa,EACxG,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAAG,IAAI,IAAO,IACnD,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,OAAO,CAAC","sourcesContent":["import React from \"react\";\
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,OAAO,GAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAC,EAAE,EAAE;IAElE,OAAO,CACH,8BACK,IAAI,KAAK,MAAM,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAG,EACvF,IAAI,KAAK,MAAM,IAAI,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,WAAW,CAAC,0BAAa,EACxG,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAAG,IAAI,IAAO,IACnD,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,OAAO,CAAC","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport classes from \"./styles.module.css\";\nimport {HelpIcon} from \"../../icons/HelpIcon\";\n\nexport interface Props {\n text?: string;\n className?: string;\n type?: 'help' | 'lock'\n}\n\nconst Tooltip: React.FC<Props> = ({text, className, type = 'help'}) => {\n\n return (\n <>\n {type === 'help' && <HelpIcon width={20} height={20} customClass={classes.tooltipIcon}/>}\n {type === 'lock' && <span className={clsx('material-symbols-outlined', classes.tooltipIcon)}>lock</span>}\n <div className={classes.miniTooltip}>{text}</div>\n </>\n )\n}\n\nexport default Tooltip;"]}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
.miniTooltip {
|
|
2
|
-
opacity: 0;
|
|
3
|
-
transition: opacity ease-in-out 110ms;
|
|
4
|
-
padding: 4px 10px;
|
|
5
|
-
font-size: 12px;
|
|
6
|
-
font-weight: 400;
|
|
7
|
-
z-index: 10;
|
|
8
|
-
position: absolute;
|
|
9
|
-
text-align: center;
|
|
10
|
-
background-color: #545454;
|
|
11
|
-
color: white;
|
|
12
|
-
display: flex;
|
|
13
|
-
align-items: center;
|
|
14
|
-
height: fit-content;
|
|
15
|
-
border-radius: 8px;
|
|
16
|
-
width: max-content;
|
|
17
|
-
justify-content: center;
|
|
18
|
-
max-width: 86px;
|
|
19
|
-
pointer-events: none;
|
|
20
|
-
top: 100%;
|
|
21
|
-
left: 30%;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.tooltipIcon:hover ~ .miniTooltip {
|
|
25
|
-
opacity: 1;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.tooltipIcon {
|
|
29
|
-
font-size: 16px !important;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.tooltipIcon:hover {
|
|
33
|
-
fill: #909090;
|
|
1
|
+
.miniTooltip {
|
|
2
|
+
opacity: 0;
|
|
3
|
+
transition: opacity ease-in-out 110ms;
|
|
4
|
+
padding: 4px 10px;
|
|
5
|
+
font-size: 12px;
|
|
6
|
+
font-weight: 400;
|
|
7
|
+
z-index: 10;
|
|
8
|
+
position: absolute;
|
|
9
|
+
text-align: center;
|
|
10
|
+
background-color: #545454;
|
|
11
|
+
color: white;
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
height: fit-content;
|
|
15
|
+
border-radius: 8px;
|
|
16
|
+
width: max-content;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
max-width: 86px;
|
|
19
|
+
pointer-events: none;
|
|
20
|
+
top: 100%;
|
|
21
|
+
left: 30%;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.tooltipIcon:hover ~ .miniTooltip {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.tooltipIcon {
|
|
29
|
+
font-size: 16px !important;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.tooltipIcon:hover {
|
|
33
|
+
fill: #909090;
|
|
34
34
|
}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export declare enum ReportType {
|
|
2
|
-
Search = "search",
|
|
3
|
-
Collection = "collection",
|
|
4
|
-
Recommendation = "recommendations"
|
|
5
|
-
}
|
|
6
|
-
export type RedirectType = "single-page" | "multi-page";
|
|
7
|
-
export type ClickSource = "recommnedetions";
|
|
8
|
-
export declare const Defaults: {
|
|
9
|
-
SWITCH_FACETS_NAMES: string[];
|
|
10
|
-
CATEGORY_FACET_NAME: string;
|
|
11
|
-
PRICE_FACET_NAME: string;
|
|
12
|
-
SELLABLE_FACET_NAME: string;
|
|
13
|
-
PRICE_MIN_FACET_NAME: string;
|
|
14
|
-
PRICE_MAX_FACET_NAME: string;
|
|
15
|
-
PRICE_RANGE_FACET_NAME: string;
|
|
16
|
-
IMAGE_FACET_NAME: string;
|
|
17
|
-
TAG_FACET_NAME: string;
|
|
18
|
-
PROMO_TILE_TAG_NAME: string;
|
|
19
|
-
COLOR_FACET_NAMES: string[];
|
|
20
|
-
REVIEW_FACET_NAME: string;
|
|
21
|
-
SIZE_FACET_NAME: string;
|
|
22
|
-
};
|
|
23
|
-
export declare const newObject: <T>(obj: any) => Record<string, T>;
|
|
1
|
+
export declare enum ReportType {
|
|
2
|
+
Search = "search",
|
|
3
|
+
Collection = "collection",
|
|
4
|
+
Recommendation = "recommendations"
|
|
5
|
+
}
|
|
6
|
+
export type RedirectType = "single-page" | "multi-page";
|
|
7
|
+
export type ClickSource = "recommnedetions";
|
|
8
|
+
export declare const Defaults: {
|
|
9
|
+
SWITCH_FACETS_NAMES: string[];
|
|
10
|
+
CATEGORY_FACET_NAME: string;
|
|
11
|
+
PRICE_FACET_NAME: string;
|
|
12
|
+
SELLABLE_FACET_NAME: string;
|
|
13
|
+
PRICE_MIN_FACET_NAME: string;
|
|
14
|
+
PRICE_MAX_FACET_NAME: string;
|
|
15
|
+
PRICE_RANGE_FACET_NAME: string;
|
|
16
|
+
IMAGE_FACET_NAME: string;
|
|
17
|
+
TAG_FACET_NAME: string;
|
|
18
|
+
PROMO_TILE_TAG_NAME: string;
|
|
19
|
+
COLOR_FACET_NAMES: string[];
|
|
20
|
+
REVIEW_FACET_NAME: string;
|
|
21
|
+
SIZE_FACET_NAME: string;
|
|
22
|
+
};
|
|
23
|
+
export declare const newObject: <T>(obj: any) => Record<string, T>;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
export var ReportType;
|
|
2
|
-
(function (ReportType) {
|
|
3
|
-
ReportType["Search"] = "search";
|
|
4
|
-
ReportType["Collection"] = "collection";
|
|
5
|
-
ReportType["Recommendation"] = "recommendations";
|
|
6
|
-
})(ReportType || (ReportType = {}));
|
|
7
|
-
export const Defaults = {
|
|
8
|
-
SWITCH_FACETS_NAMES: ["Isp-in-stock", "Isp-on-sale"],
|
|
9
|
-
CATEGORY_FACET_NAME: "Categories",
|
|
10
|
-
PRICE_FACET_NAME: "Price",
|
|
11
|
-
SELLABLE_FACET_NAME: "Sellable",
|
|
12
|
-
PRICE_MIN_FACET_NAME: "Price_min",
|
|
13
|
-
PRICE_MAX_FACET_NAME: "Price_max",
|
|
14
|
-
PRICE_RANGE_FACET_NAME: "Price_from_to",
|
|
15
|
-
IMAGE_FACET_NAME: "imgs",
|
|
16
|
-
TAG_FACET_NAME: "Tag",
|
|
17
|
-
PROMO_TILE_TAG_NAME: "phantom",
|
|
18
|
-
COLOR_FACET_NAMES: ["Color", "Isp-color-family", "Colour"],
|
|
19
|
-
REVIEW_FACET_NAME: "Isp-review-stars",
|
|
20
|
-
SIZE_FACET_NAME: "Size"
|
|
21
|
-
};
|
|
22
|
-
export const newObject = (obj) => {
|
|
23
|
-
const newObj = {};
|
|
24
|
-
for (const [key, value] of Object.entries(obj)) {
|
|
25
|
-
if (typeof value !== "undefined" && value !== null) {
|
|
26
|
-
newObj[key] = value;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
return newObj;
|
|
30
|
-
};
|
|
1
|
+
export var ReportType;
|
|
2
|
+
(function (ReportType) {
|
|
3
|
+
ReportType["Search"] = "search";
|
|
4
|
+
ReportType["Collection"] = "collection";
|
|
5
|
+
ReportType["Recommendation"] = "recommendations";
|
|
6
|
+
})(ReportType || (ReportType = {}));
|
|
7
|
+
export const Defaults = {
|
|
8
|
+
SWITCH_FACETS_NAMES: ["Isp-in-stock", "Isp-on-sale"],
|
|
9
|
+
CATEGORY_FACET_NAME: "Categories",
|
|
10
|
+
PRICE_FACET_NAME: "Price",
|
|
11
|
+
SELLABLE_FACET_NAME: "Sellable",
|
|
12
|
+
PRICE_MIN_FACET_NAME: "Price_min",
|
|
13
|
+
PRICE_MAX_FACET_NAME: "Price_max",
|
|
14
|
+
PRICE_RANGE_FACET_NAME: "Price_from_to",
|
|
15
|
+
IMAGE_FACET_NAME: "imgs",
|
|
16
|
+
TAG_FACET_NAME: "Tag",
|
|
17
|
+
PROMO_TILE_TAG_NAME: "phantom",
|
|
18
|
+
COLOR_FACET_NAMES: ["Color", "Isp-color-family", "Colour"],
|
|
19
|
+
REVIEW_FACET_NAME: "Isp-review-stars",
|
|
20
|
+
SIZE_FACET_NAME: "Size"
|
|
21
|
+
};
|
|
22
|
+
export const newObject = (obj) => {
|
|
23
|
+
const newObj = {};
|
|
24
|
+
for (const [key, value] of Object.entries(obj)) {
|
|
25
|
+
if (typeof value !== "undefined" && value !== null) {
|
|
26
|
+
newObj[key] = value;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return newObj;
|
|
30
|
+
};
|
|
31
31
|
//# sourceMappingURL=common.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/components/common.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,uCAAyB,CAAA;IACzB,gDAAkC,CAAA;AACtC,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAMD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,mBAAmB,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC;IACpD,mBAAmB,EAAE,YAAY;IACjC,gBAAgB,EAAE,OAAO;IACzB,mBAAmB,EAAE,UAAU;IAC/B,oBAAoB,EAAE,WAAW;IACjC,oBAAoB,EAAE,WAAW;IACjC,sBAAsB,EAAE,eAAe;IACvC,gBAAgB,EAAE,MAAM;IACxB,cAAc,EAAE,KAAK;IACrB,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,CAAC,OAAO,EAAC,kBAAkB,EAAE,QAAQ,CAAC;IACzD,iBAAiB,EAAG,kBAAkB;IACtC,eAAe,EAAE,MAAM;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAI,GAAQ,EAAqB,EAAE;IACxD,MAAM,MAAM,GAAwB,EAAE,CAAC;IAEvC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5C,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,EAAE;YAChD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACvB;KACJ;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAA","sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/components/common.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,uCAAyB,CAAA;IACzB,gDAAkC,CAAA;AACtC,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAMD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,mBAAmB,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC;IACpD,mBAAmB,EAAE,YAAY;IACjC,gBAAgB,EAAE,OAAO;IACzB,mBAAmB,EAAE,UAAU;IAC/B,oBAAoB,EAAE,WAAW;IACjC,oBAAoB,EAAE,WAAW;IACjC,sBAAsB,EAAE,eAAe;IACvC,gBAAgB,EAAE,MAAM;IACxB,cAAc,EAAE,KAAK;IACrB,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,CAAC,OAAO,EAAC,kBAAkB,EAAE,QAAQ,CAAC;IACzD,iBAAiB,EAAG,kBAAkB;IACtC,eAAe,EAAE,MAAM;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAI,GAAQ,EAAqB,EAAE;IACxD,MAAM,MAAM,GAAwB,EAAE,CAAC;IAEvC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5C,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,EAAE;YAChD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACvB;KACJ;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAA","sourcesContent":["\n\n\nexport enum ReportType {\n Search = \"search\",\n Collection = \"collection\",\n Recommendation = \"recommendations\"\n}\n\nexport type RedirectType = \"single-page\" | \"multi-page\"\n\nexport type ClickSource = \"recommnedetions\"\n\nexport const Defaults = {\n SWITCH_FACETS_NAMES: [\"Isp-in-stock\", \"Isp-on-sale\"],\n CATEGORY_FACET_NAME: \"Categories\",\n PRICE_FACET_NAME: \"Price\",\n SELLABLE_FACET_NAME: \"Sellable\",\n PRICE_MIN_FACET_NAME: \"Price_min\",\n PRICE_MAX_FACET_NAME: \"Price_max\",\n PRICE_RANGE_FACET_NAME: \"Price_from_to\",\n IMAGE_FACET_NAME: \"imgs\",\n TAG_FACET_NAME: \"Tag\",\n PROMO_TILE_TAG_NAME: \"phantom\",\n COLOR_FACET_NAMES: [\"Color\",\"Isp-color-family\", \"Colour\"],\n REVIEW_FACET_NAME: \"Isp-review-stars\",\n SIZE_FACET_NAME: \"Size\"\n}\n\nexport const newObject = <T>(obj: any): Record<string, T> => {\n const newObj: Record<string, any> = {};\n\n for (const [key, value] of Object.entries(obj)) {\n if (typeof value !== \"undefined\" && value !== null) {\n newObj[key] = value;\n }\n }\n\n return newObj;\n}\n\n\n"]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
numberPerRow: number;
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
displayProducts?: any;
|
|
6
|
-
renderProduct?: (product: any, pos: number) => React.ReactNode;
|
|
7
|
-
customclass?: String;
|
|
8
|
-
scrollToTop?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const ProductGrid: React.FC<Props>;
|
|
11
|
-
export default ProductGrid;
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface Props {
|
|
3
|
+
numberPerRow: number;
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
displayProducts?: any;
|
|
6
|
+
renderProduct?: (product: any, pos: number) => React.ReactNode;
|
|
7
|
+
customclass?: String;
|
|
8
|
+
scrollToTop?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const ProductGrid: React.FC<Props>;
|
|
11
|
+
export default ProductGrid;
|
|
@@ -1,33 +1,33 @@
|
|
|
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 classNames from "classnames";
|
|
5
|
-
import { ScrollToTop } from "../ScrollToTop/ScrollToTop";
|
|
6
|
-
const ProductGrid = (props) => {
|
|
7
|
-
const { numberPerRow, children, displayProducts, renderProduct, customclass, scrollToTop } = props;
|
|
8
|
-
const gridRef = React.createRef();
|
|
9
|
-
function renderProductsGrid() {
|
|
10
|
-
const productsCards = [];
|
|
11
|
-
if (displayProducts && displayProducts.length > 0) {
|
|
12
|
-
// @ts-ignore
|
|
13
|
-
displayProducts.forEach((product, i) => {
|
|
14
|
-
if (renderProduct) {
|
|
15
|
-
const productMarkup = renderProduct(product, i + 1);
|
|
16
|
-
if (productMarkup) {
|
|
17
|
-
// @ts-ignore
|
|
18
|
-
productsCards.push(productMarkup);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
return productsCards;
|
|
24
|
-
}
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
if (gridRef.current) {
|
|
27
|
-
gridRef.current.style.height = `calc(100vh - ${gridRef.current.getBoundingClientRect().top}px)`;
|
|
28
|
-
}
|
|
29
|
-
}, [gridRef]);
|
|
30
|
-
return (_jsxs("div", Object.assign({ className: classNames(classes.grid, customclass == "margin" ? classes.margin : null), style: { "--products-per-row": numberPerRow, width: numberPerRow === 2 ? "500px" : "100%", } }, { children: [renderProductsGrid(), children, scrollToTop && _jsx(ScrollToTop, { scrollableRef: gridRef })] })));
|
|
31
|
-
};
|
|
32
|
-
export default ProductGrid;
|
|
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 classNames from "classnames";
|
|
5
|
+
import { ScrollToTop } from "../ScrollToTop/ScrollToTop";
|
|
6
|
+
const ProductGrid = (props) => {
|
|
7
|
+
const { numberPerRow, children, displayProducts, renderProduct, customclass, scrollToTop } = props;
|
|
8
|
+
const gridRef = React.createRef();
|
|
9
|
+
function renderProductsGrid() {
|
|
10
|
+
const productsCards = [];
|
|
11
|
+
if (displayProducts && displayProducts.length > 0) {
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
displayProducts.forEach((product, i) => {
|
|
14
|
+
if (renderProduct) {
|
|
15
|
+
const productMarkup = renderProduct(product, i + 1);
|
|
16
|
+
if (productMarkup) {
|
|
17
|
+
// @ts-ignore
|
|
18
|
+
productsCards.push(productMarkup);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return productsCards;
|
|
24
|
+
}
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (gridRef.current) {
|
|
27
|
+
gridRef.current.style.height = `calc(100vh - ${gridRef.current.getBoundingClientRect().top}px)`;
|
|
28
|
+
}
|
|
29
|
+
}, [gridRef]);
|
|
30
|
+
return (_jsxs("div", Object.assign({ className: classNames(classes.grid, customclass == "margin" ? classes.margin : null), style: { "--products-per-row": numberPerRow, width: numberPerRow === 2 ? "500px" : "100%", } }, { children: [renderProductsGrid(), children, scrollToTop && _jsx(ScrollToTop, { scrollableRef: gridRef })] })));
|
|
31
|
+
};
|
|
32
|
+
export default ProductGrid;
|
|
33
33
|
//# sourceMappingURL=ProductGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../src/components/productGrid/ProductGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAW,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAWvD,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAG,eAAe,EAAG,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,GAAG,KAAK,CAAC;IAClG,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAElD,SAAS,kBAAkB;QACvB,MAAM,aAAa,GAAG,EAAW,CAAC;QAElC,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/C,aAAa;YACb,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,EAAG,CAAC,EAAG,EAAE;gBACrC,IAAI,aAAa,EAAE;oBACf,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;oBACpD,IAAI,aAAa,EAAE;wBACf,aAAa;wBACb,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;qBACrC;iBACJ;YACL,CAAC,CAAC,CAAC;SACN;QAED,OAAO,aAAa,CAAC;IACzB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACP,IAAI,OAAO,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,KAAK,CAAC;SACnG;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAC,WAAW,IAAE,QAAQ,CAAA,CAAC,CAAA,OAAO,CAAC,MAAM,CAAA,CAAC,CAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,oBAAoB,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAS,iBAChL,kBAAkB,EAAE,EACpB,QAAQ,EACR,WAAW,IAAI,KAAC,WAAW,IAAC,aAAa,EAAE,OAAO,GAAG,KACpD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, {useEffect, useState} from \"react\";\
|
|
1
|
+
{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../src/components/productGrid/ProductGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAW,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAWvD,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAG,eAAe,EAAG,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,GAAG,KAAK,CAAC;IAClG,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAElD,SAAS,kBAAkB;QACvB,MAAM,aAAa,GAAG,EAAW,CAAC;QAElC,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/C,aAAa;YACb,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,EAAG,CAAC,EAAG,EAAE;gBACrC,IAAI,aAAa,EAAE;oBACf,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;oBACpD,IAAI,aAAa,EAAE;wBACf,aAAa;wBACb,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;qBACrC;iBACJ;YACL,CAAC,CAAC,CAAC;SACN;QAED,OAAO,aAAa,CAAC;IACzB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACP,IAAI,OAAO,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,KAAK,CAAC;SACnG;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAC,WAAW,IAAE,QAAQ,CAAA,CAAC,CAAA,OAAO,CAAC,MAAM,CAAA,CAAC,CAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,oBAAoB,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAS,iBAChL,kBAAkB,EAAE,EACpB,QAAQ,EACR,WAAW,IAAI,KAAC,WAAW,IAAC,aAAa,EAAE,OAAO,GAAG,KACpD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, {useEffect, useState} from \"react\";\nimport classes from \"./styles.module.css\";\nimport classNames from \"classnames\";\nimport {ScrollToTop} from \"../ScrollToTop/ScrollToTop\";\n\ninterface Props {\n numberPerRow: number;\n children?: React.ReactNode;\n displayProducts?:any;\n renderProduct?:(product: any, pos: number) => React.ReactNode;\n customclass?:String;\n scrollToTop?:boolean;\n}\n\nconst ProductGrid: React.FC<Props> = (props) => {\n const { numberPerRow, children , displayProducts , renderProduct,customclass,scrollToTop} = props;\n const gridRef = React.createRef<HTMLDivElement>();\n\n function renderProductsGrid() {\n const productsCards = [] as any[];\n\n if (displayProducts && displayProducts.length > 0) {\n // @ts-ignore\n displayProducts.forEach((product , i ) => {\n if (renderProduct) {\n const productMarkup = renderProduct(product, i + 1);\n if (productMarkup) {\n // @ts-ignore\n productsCards.push(productMarkup);\n }\n }\n });\n }\n\n return productsCards;\n }\n\n useEffect(() => {\n if (gridRef.current) {\n gridRef.current.style.height = `calc(100vh - ${gridRef.current.getBoundingClientRect().top}px)`;\n }\n }, [gridRef]);\n\n return (\n <div className={classNames(classes.grid,customclass==\"margin\"?classes.margin:null)} style={{\"--products-per-row\": numberPerRow, width: numberPerRow === 2 ? \"500px\" : \"100%\",} as any}>\n {renderProductsGrid()}\n {children}\n {scrollToTop && <ScrollToTop scrollableRef={gridRef}/>}\n </div>\n );\n};\n\nexport default ProductGrid;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from "./ProductGrid";
|
|
1
|
+
export { default } from "./ProductGrid";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from "./ProductGrid";
|
|
1
|
+
export { default } from "./ProductGrid";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/productGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from \"./ProductGrid\";\
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/productGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from \"./ProductGrid\";\n"]}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
.grid {
|
|
2
|
-
grid-template-columns: repeat(var(--products-per-row), calc(100% / var(--products-per-row) - 20px));
|
|
3
|
-
display: grid;
|
|
4
|
-
container-type: inline-size;
|
|
5
|
-
grid-column-gap: 20px;
|
|
6
|
-
grid-row-gap: 40px;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
padding: 10px 10px 12px 0;
|
|
9
|
-
grid-auto-rows: auto;
|
|
10
|
-
align-items: stretch;
|
|
11
|
-
overflow-anchor: none;
|
|
12
|
-
width: 100%;
|
|
13
|
-
position: relative;
|
|
14
|
-
cursor: auto;
|
|
15
|
-
margin: auto;
|
|
16
|
-
margin-bottom: 60px;
|
|
17
|
-
}
|
|
18
|
-
.margin{
|
|
19
|
-
grid-column-gap: 40px!important;
|
|
20
|
-
grid-row-gap: 40px!important;
|
|
21
|
-
}
|
|
22
|
-
@container (max-width: 870px) {
|
|
23
|
-
.grid {
|
|
24
|
-
grid-template-columns: repeat(var(--products-per-row), calc(100%/var(--products-per-row) - 20px));
|
|
25
|
-
}
|
|
1
|
+
.grid {
|
|
2
|
+
grid-template-columns: repeat(var(--products-per-row), calc(100% / var(--products-per-row) - 20px));
|
|
3
|
+
display: grid;
|
|
4
|
+
container-type: inline-size;
|
|
5
|
+
grid-column-gap: 20px;
|
|
6
|
+
grid-row-gap: 40px;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
padding: 10px 10px 12px 0;
|
|
9
|
+
grid-auto-rows: auto;
|
|
10
|
+
align-items: stretch;
|
|
11
|
+
overflow-anchor: none;
|
|
12
|
+
width: 100%;
|
|
13
|
+
position: relative;
|
|
14
|
+
cursor: auto;
|
|
15
|
+
margin: auto;
|
|
16
|
+
margin-bottom: 60px;
|
|
17
|
+
}
|
|
18
|
+
.margin{
|
|
19
|
+
grid-column-gap: 40px!important;
|
|
20
|
+
grid-row-gap: 40px!important;
|
|
21
|
+
}
|
|
22
|
+
@container (max-width: 870px) {
|
|
23
|
+
.grid {
|
|
24
|
+
grid-template-columns: repeat(var(--products-per-row), calc(100%/var(--products-per-row) - 20px));
|
|
25
|
+
}
|
|
26
26
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from "../@types/iconProps";
|
|
2
|
-
export declare const BackOfficeFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { IconProps } from "../@types/iconProps";
|
|
2
|
+
export declare const BackOfficeFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import classes from "./styles.module.css";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
export const BackOfficeFiltersIcon = ({ width, height, customClasses }) => {
|
|
5
|
-
return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg, style: { transform: 'scale(0.85)' } }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
|
|
6
|
-
};
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classes from "./styles.module.css";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
export const BackOfficeFiltersIcon = ({ width, height, customClasses }) => {
|
|
5
|
+
return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg, style: { transform: 'scale(0.85)' } }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
|
|
6
|
+
};
|
|
7
7
|
//# sourceMappingURL=BackOfficeFiltersIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackOfficeFiltersIcon.js","sourceRoot":"","sources":["../../src/icons/BackOfficeFiltersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IAC/E,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,aAAa,EAAC,gBAC/E,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,wRAAwR,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACtZ,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,qeAAqe,EAAC,WAAW,EAAC,GAAG,EAAC,gBAAgB,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KACvnB,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\
|
|
1
|
+
{"version":3,"file":"BackOfficeFiltersIcon.js","sourceRoot":"","sources":["../../src/icons/BackOfficeFiltersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IAC/E,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,aAAa,EAAC,gBAC/E,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,wRAAwR,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACtZ,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,qeAAqe,EAAC,WAAW,EAAC,GAAG,EAAC,gBAAgB,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KACvnB,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\nimport classes from \"./styles.module.css\"\nimport clsx from \"clsx\";\nimport {IconProps} from \"../@types/iconProps\";\n\nexport const BackOfficeFiltersIcon = ({width, height, customClasses}: IconProps) => {\n return (\n <div className={classes.iconWrapperForStrokedSvg} style={{transform: 'scale(0.85)'}}>\n <svg width={width} height={height} viewBox=\"0 0 35 34\" fill={'white'} xmlns=\"http://www.w3.org/2000/svg\">\n <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z\" strokeWidth=\"2\" strokeMiterlimit=\"10\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n </svg>\n </div>\n )\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from "../@types/iconProps";
|
|
2
|
-
export declare const BannersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { IconProps } from "../@types/iconProps";
|
|
2
|
+
export declare const BannersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classes from "./styles.module.css";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
export const BannersIcon = ({ width, height, customClasses }) => {
|
|
5
|
-
return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "fertile" })) })));
|
|
6
|
-
};
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classes from "./styles.module.css";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
export const BannersIcon = ({ width, height, customClasses }) => {
|
|
5
|
+
return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "fertile" })) })));
|
|
6
|
+
};
|
|
7
7
|
//# sourceMappingURL=BannersIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannersIcon.js","sourceRoot":"","sources":["../../src/icons/BannersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,6BAErF,IACL,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\
|
|
1
|
+
{"version":3,"file":"BannersIcon.js","sourceRoot":"","sources":["../../src/icons/BannersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,6BAErF,IACL,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\nimport classes from \"./styles.module.css\"\nimport clsx from \"clsx\";\nimport {IconProps} from \"../@types/iconProps\";\n\n\nexport const BannersIcon = ({width, height, customClasses}: IconProps) => {\n return (\n <div className={classes.iconWrapper}>\n <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\n fertile\n </span>\n </div>\n )\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from "../@types/iconProps";
|
|
2
|
-
export declare const GeneralIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { IconProps } from "../@types/iconProps";
|
|
2
|
+
export declare const GeneralIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import classes from "./styles.module.css";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
export const GeneralIcon = ({ width, height, customClasses }) => {
|
|
5
|
-
return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M30.9596 7.57949C30.9596 8.86866 30.3505 10.0162 29.4155 10.7528C28.7355 11.2912 27.8713 11.617 26.9221 11.617C24.6838 11.617 22.8846 9.81783 22.8846 7.57949C22.8846 6.63033 23.2105 5.78033 23.7488 5.08616H23.763C24.4855 4.15116 25.633 3.54199 26.9221 3.54199C29.1605 3.54199 30.9596 5.34116 30.9596 7.57949ZM12.118 7.57949C12.118 9.81783 10.3188 11.617 8.08047 11.617C7.28193 11.617 6.50132 11.3802 5.83736 10.9366C5.17339 10.4929 4.6559 9.86233 4.35031 9.12458C4.04472 8.38682 3.96476 7.57502 4.12055 6.79182C4.27634 6.00862 4.66087 5.2892 5.22553 4.72455C5.79018 4.1599 6.50959 3.77536 7.29279 3.61957C8.07599 3.46379 8.8878 3.54374 9.62555 3.84933C10.3633 4.15492 10.9939 4.67242 11.4375 5.33638C11.8812 6.00034 12.118 6.78095 12.118 7.57949ZM30.9596 26.4212C30.9596 28.6595 29.1605 30.4587 26.9221 30.4587C25.633 30.4587 24.4855 29.8495 23.763 28.9145H23.7488C23.2105 28.2345 22.8846 27.3703 22.8846 26.4212C22.8846 24.1828 24.6838 22.3837 26.9221 22.3837C27.8713 22.3837 28.7213 22.7095 29.4155 23.2478V23.262C30.3505 23.9845 30.9596 25.132 30.9596 26.4212ZM12.118 26.4212C12.118 27.3703 11.7921 28.2203 11.2538 28.9145C10.8784 29.3977 10.3971 29.7882 9.84689 30.056C9.29669 30.3237 8.69234 30.4615 8.08047 30.4587C5.84214 30.4587 4.04297 28.6595 4.04297 26.4212C4.04297 25.132 4.65214 23.9845 5.58714 23.262V23.2478C6.26714 22.7095 7.1313 22.3837 8.08047 22.3837C10.3188 22.3837 12.118 24.1828 12.118 26.4212Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M30.9597 17.0003C30.9597 19.267 30.4072 21.3778 29.4155 23.2478C28.7355 22.7095 27.8714 22.3837 26.9222 22.3837C24.6839 22.3837 22.8847 24.1828 22.8847 26.4212C22.8847 27.3703 23.2105 28.2203 23.7489 28.9145C21.825 29.935 19.6791 30.4653 17.5014 30.4587C15.2489 30.4587 13.1239 29.9062 11.2539 28.9145C11.7922 28.2345 12.118 27.3703 12.118 26.4212C12.118 24.1828 10.3189 22.3837 8.08053 22.3837C7.13136 22.3837 6.28136 22.7095 5.5872 23.2478C4.56672 21.3239 4.03634 19.1781 4.04303 17.0003C4.04303 14.7478 4.59553 12.6228 5.5872 10.7528C6.28136 11.2912 7.13136 11.617 8.08053 11.617C10.3189 11.617 12.118 9.81782 12.118 7.57949C12.118 6.63032 11.7922 5.78032 11.2539 5.08616C13.1239 4.09449 15.2489 3.54199 17.5014 3.54199C19.768 3.54199 21.8789 4.09449 23.7489 5.08616C23.2105 5.76616 22.8847 6.63032 22.8847 7.57949C22.8847 9.81782 24.6839 11.617 26.9222 11.617C27.8714 11.617 28.7214 11.2912 29.4155 10.7528C30.4072 12.6228 30.9597 14.7478 30.9597 17.0003Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
|
|
6
|
-
};
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classes from "./styles.module.css";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
export const GeneralIcon = ({ width, height, customClasses }) => {
|
|
5
|
+
return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M30.9596 7.57949C30.9596 8.86866 30.3505 10.0162 29.4155 10.7528C28.7355 11.2912 27.8713 11.617 26.9221 11.617C24.6838 11.617 22.8846 9.81783 22.8846 7.57949C22.8846 6.63033 23.2105 5.78033 23.7488 5.08616H23.763C24.4855 4.15116 25.633 3.54199 26.9221 3.54199C29.1605 3.54199 30.9596 5.34116 30.9596 7.57949ZM12.118 7.57949C12.118 9.81783 10.3188 11.617 8.08047 11.617C7.28193 11.617 6.50132 11.3802 5.83736 10.9366C5.17339 10.4929 4.6559 9.86233 4.35031 9.12458C4.04472 8.38682 3.96476 7.57502 4.12055 6.79182C4.27634 6.00862 4.66087 5.2892 5.22553 4.72455C5.79018 4.1599 6.50959 3.77536 7.29279 3.61957C8.07599 3.46379 8.8878 3.54374 9.62555 3.84933C10.3633 4.15492 10.9939 4.67242 11.4375 5.33638C11.8812 6.00034 12.118 6.78095 12.118 7.57949ZM30.9596 26.4212C30.9596 28.6595 29.1605 30.4587 26.9221 30.4587C25.633 30.4587 24.4855 29.8495 23.763 28.9145H23.7488C23.2105 28.2345 22.8846 27.3703 22.8846 26.4212C22.8846 24.1828 24.6838 22.3837 26.9221 22.3837C27.8713 22.3837 28.7213 22.7095 29.4155 23.2478V23.262C30.3505 23.9845 30.9596 25.132 30.9596 26.4212ZM12.118 26.4212C12.118 27.3703 11.7921 28.2203 11.2538 28.9145C10.8784 29.3977 10.3971 29.7882 9.84689 30.056C9.29669 30.3237 8.69234 30.4615 8.08047 30.4587C5.84214 30.4587 4.04297 28.6595 4.04297 26.4212C4.04297 25.132 4.65214 23.9845 5.58714 23.262V23.2478C6.26714 22.7095 7.1313 22.3837 8.08047 22.3837C10.3188 22.3837 12.118 24.1828 12.118 26.4212Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M30.9597 17.0003C30.9597 19.267 30.4072 21.3778 29.4155 23.2478C28.7355 22.7095 27.8714 22.3837 26.9222 22.3837C24.6839 22.3837 22.8847 24.1828 22.8847 26.4212C22.8847 27.3703 23.2105 28.2203 23.7489 28.9145C21.825 29.935 19.6791 30.4653 17.5014 30.4587C15.2489 30.4587 13.1239 29.9062 11.2539 28.9145C11.7922 28.2345 12.118 27.3703 12.118 26.4212C12.118 24.1828 10.3189 22.3837 8.08053 22.3837C7.13136 22.3837 6.28136 22.7095 5.5872 23.2478C4.56672 21.3239 4.03634 19.1781 4.04303 17.0003C4.04303 14.7478 4.59553 12.6228 5.5872 10.7528C6.28136 11.2912 7.13136 11.617 8.08053 11.617C10.3189 11.617 12.118 9.81782 12.118 7.57949C12.118 6.63032 11.7922 5.78032 11.2539 5.08616C13.1239 4.09449 15.2489 3.54199 17.5014 3.54199C19.768 3.54199 21.8789 4.09449 23.7489 5.08616C23.2105 5.76616 22.8847 6.63032 22.8847 7.57949C22.8847 9.81782 24.6839 11.617 26.9222 11.617C27.8714 11.617 28.7214 11.2912 29.4155 10.7528C30.4072 12.6228 30.9597 14.7478 30.9597 17.0003Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
|
|
6
|
+
};
|
|
7
7
|
//# sourceMappingURL=GeneralIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GeneralIcon.js","sourceRoot":"","sources":["../../src/icons/GeneralIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,gBAC5C,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,04CAA04C,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EAC1gD,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,i8BAAi8B,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KAC7jC,IACJ,CACT,CAAA;AACL,CAAC,CAAC","sourcesContent":["import React from \"react\";\
|
|
1
|
+
{"version":3,"file":"GeneralIcon.js","sourceRoot":"","sources":["../../src/icons/GeneralIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,gBAC5C,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,04CAA04C,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EAC1gD,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,i8BAAi8B,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KAC7jC,IACJ,CACT,CAAA;AACL,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport classes from \"./styles.module.css\"\nimport clsx from \"clsx\";\nimport {IconProps} from \"../@types/iconProps\";\n\nexport const GeneralIcon = ({width, height, customClasses}: IconProps) => {\n return (\n <div className={classes.iconWrapperForStrokedSvg}>\n <svg width={width} height={height} viewBox=\"0 0 35 34\" fill={'white'} xmlns=\"http://www.w3.org/2000/svg\">\n <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M30.9596 7.57949C30.9596 8.86866 30.3505 10.0162 29.4155 10.7528C28.7355 11.2912 27.8713 11.617 26.9221 11.617C24.6838 11.617 22.8846 9.81783 22.8846 7.57949C22.8846 6.63033 23.2105 5.78033 23.7488 5.08616H23.763C24.4855 4.15116 25.633 3.54199 26.9221 3.54199C29.1605 3.54199 30.9596 5.34116 30.9596 7.57949ZM12.118 7.57949C12.118 9.81783 10.3188 11.617 8.08047 11.617C7.28193 11.617 6.50132 11.3802 5.83736 10.9366C5.17339 10.4929 4.6559 9.86233 4.35031 9.12458C4.04472 8.38682 3.96476 7.57502 4.12055 6.79182C4.27634 6.00862 4.66087 5.2892 5.22553 4.72455C5.79018 4.1599 6.50959 3.77536 7.29279 3.61957C8.07599 3.46379 8.8878 3.54374 9.62555 3.84933C10.3633 4.15492 10.9939 4.67242 11.4375 5.33638C11.8812 6.00034 12.118 6.78095 12.118 7.57949ZM30.9596 26.4212C30.9596 28.6595 29.1605 30.4587 26.9221 30.4587C25.633 30.4587 24.4855 29.8495 23.763 28.9145H23.7488C23.2105 28.2345 22.8846 27.3703 22.8846 26.4212C22.8846 24.1828 24.6838 22.3837 26.9221 22.3837C27.8713 22.3837 28.7213 22.7095 29.4155 23.2478V23.262C30.3505 23.9845 30.9596 25.132 30.9596 26.4212ZM12.118 26.4212C12.118 27.3703 11.7921 28.2203 11.2538 28.9145C10.8784 29.3977 10.3971 29.7882 9.84689 30.056C9.29669 30.3237 8.69234 30.4615 8.08047 30.4587C5.84214 30.4587 4.04297 28.6595 4.04297 26.4212C4.04297 25.132 4.65214 23.9845 5.58714 23.262V23.2478C6.26714 22.7095 7.1313 22.3837 8.08047 22.3837C10.3188 22.3837 12.118 24.1828 12.118 26.4212Z\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M30.9597 17.0003C30.9597 19.267 30.4072 21.3778 29.4155 23.2478C28.7355 22.7095 27.8714 22.3837 26.9222 22.3837C24.6839 22.3837 22.8847 24.1828 22.8847 26.4212C22.8847 27.3703 23.2105 28.2203 23.7489 28.9145C21.825 29.935 19.6791 30.4653 17.5014 30.4587C15.2489 30.4587 13.1239 29.9062 11.2539 28.9145C11.7922 28.2345 12.118 27.3703 12.118 26.4212C12.118 24.1828 10.3189 22.3837 8.08053 22.3837C7.13136 22.3837 6.28136 22.7095 5.5872 23.2478C4.56672 21.3239 4.03634 19.1781 4.04303 17.0003C4.04303 14.7478 4.59553 12.6228 5.5872 10.7528C6.28136 11.2912 7.13136 11.617 8.08053 11.617C10.3189 11.617 12.118 9.81782 12.118 7.57949C12.118 6.63032 11.7922 5.78032 11.2539 5.08616C13.1239 4.09449 15.2489 3.54199 17.5014 3.54199C19.768 3.54199 21.8789 4.09449 23.7489 5.08616C23.2105 5.76616 22.8847 6.63032 22.8847 7.57949C22.8847 9.81782 24.6839 11.617 26.9222 11.617C27.8714 11.617 28.7214 11.2912 29.4155 10.7528C30.4072 12.6228 30.9597 14.7478 30.9597 17.0003Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n </svg>\n </div>\n )\n};"]}
|
package/dist/icons/HelpIcon.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
width?: number;
|
|
3
|
-
height?: number;
|
|
4
|
-
customClass?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const HelpIcon: ({ width, height, customClass }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
1
|
+
interface Props {
|
|
2
|
+
width?: number;
|
|
3
|
+
height?: number;
|
|
4
|
+
customClass?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const HelpIcon: ({ width, height, customClass }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
package/dist/icons/HelpIcon.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const HelpIcon = ({ width, height, customClass }) => {
|
|
3
|
-
return (_jsx("svg", Object.assign({ className: customClass, xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 -960 960 960", fill: "#d7d7d7" }, { children: _jsx("path", { d: "M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" }) })));
|
|
4
|
-
};
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export const HelpIcon = ({ width, height, customClass }) => {
|
|
3
|
+
return (_jsx("svg", Object.assign({ className: customClass, xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 -960 960 960", fill: "#d7d7d7" }, { children: _jsx("path", { d: "M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" }) })));
|
|
4
|
+
};
|
|
5
5
|
//# sourceMappingURL=HelpIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpIcon.js","sourceRoot":"","sources":["../../src/icons/HelpIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE;IAC7D,OAAO,CACH,4BAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,gBACjI,eAAM,CAAC,EAAC,4dAA4d,GAAE,IACpe,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\
|
|
1
|
+
{"version":3,"file":"HelpIcon.js","sourceRoot":"","sources":["../../src/icons/HelpIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE;IAC7D,OAAO,CACH,4BAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,gBACjI,eAAM,CAAC,EAAC,4dAA4d,GAAE,IACpe,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\n\ninterface Props {\n width?: number\n height?: number\n customClass?: string\n}\n\nexport const HelpIcon = ({width, height, customClass} : Props) => {\n return (\n <svg className={customClass} xmlns=\"http://www.w3.org/2000/svg\" width={width} height={height} viewBox=\"0 -960 960 960\" fill=\"#d7d7d7\">\n <path d=\"M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z\"/>\n </svg>\n )\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from "../@types/iconProps";
|
|
2
|
-
export declare const InStoreFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { IconProps } from "../@types/iconProps";
|
|
2
|
+
export declare const InStoreFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;
|