@fast-simon/dashboard-utilities 1.0.4 → 1.0.5

package/{dist → lib}/components/DragAndDrop/Droppable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDroppable } from "@dnd-kit/core/dist/hooks/useDroppable";
+import { useDroppable } from "@dnd-kit/core";
 const Droppable = ({ id, children }) => {
     const { setNodeRef } = useDroppable({
         id: id,

package/lib/components/DragAndDrop/Droppable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Droppable.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/Droppable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAQ3C,MAAM,SAAS,GAAG,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACjD,MAAM,EAAC,UAAU,EAAC,GAAG,YAAY,CAAC;QAC9B,EAAE,EAAE,EAAE;KACT,CAAC,CAAC;IAEH,OAAO,CACH,4BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC,gBAC7E,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,SAAS,CAAA","sourcesContent":["import {useDroppable} from \"@dnd-kit/core\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DroppableProps {\r\n    id: string;\r\n    children: ReactNode;\r\n}\r\n\r\nconst Droppable = ({id, children}: DroppableProps) => {\r\n    const {setNodeRef} = useDroppable({\r\n        id: id,\r\n    });\r\n\r\n    return (\r\n        <div ref={setNodeRef} style={{width: '100%', height: '100%', position: 'relative'}}>\r\n            {children}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Droppable"]}

package/{dist → lib}/components/FastSimonApi/reducer.d.ts

@@ -108,7 +108,7 @@ export declare function fastStateReducer(state: FastStateProps, action: FastStat
         ancestors: import("fast-simon-sdk").CategoryAncestor[];
         categoryID: string;
         name: string;
-        facets?: import("fast-simon-sdk").Facet[] | import("@fast-simon/utilities").ServerFacet[] | undefined;
+        facets?: import("@fast-simon/utilities").ServerFacet[] | import("fast-simon-sdk").Facet[] | undefined;
         totalResults: number;
         sortBy?: SortBy | undefined;
         narrow?: Narrow[] | undefined;
@@ -122,7 +122,7 @@ export declare function fastStateReducer(state: FastStateProps, action: FastStat
     } | {
         products: Product[];
         query: string;
-        facets?: import("fast-simon-sdk").Facet[] | import("@fast-simon/utilities").ServerFacet[] | undefined;
+        facets?: import("@fast-simon/utilities").ServerFacet[] | import("fast-simon-sdk").Facet[] | undefined;
         totalResults: number;
         narrow?: Narrow[] | undefined;
         sortBy?: SortBy | undefined;

package/lib/main.d.ts

@@ -0,0 +1,15 @@
+import * as sideMenuTypes from "./@types/sideMenu";
+import { ProductLabelType } from "./@types/productLabel";
+import { videoFormats, Banner } from "./@types/banner";
+import { EditorProduct } from "./@types/editorProduct";
+import * as Icons from "./icons";
+import BackOfficeFiltersMenu from './components/BackOfficeFiltersMenu';
+import InStoreFiltersMenu from './components/InStoreFiltersMenu';
+import DndContextWrapper from './components/DragAndDrop/DndContextWrapper';
+import Droppable from './components/DragAndDrop/Droppable';
+import { SortableItem } from './components/DragAndDrop/SortableItem';
+import ProductGrid from "./components/productGrid/ProductGrid";
+import RenderIfVisible from "./components/RenderIfVisible";
+import { useDragToSelect } from "./utils/useDragToSelect";
+import { LandingPage } from "./services/landingPage";
+export type { sideMenuTypes, ProductLabelType, videoFormats, Banner, EditorProduct, Icons, BackOfficeFiltersMenu, InStoreFiltersMenu, Droppable, DndContextWrapper, SortableItem, ProductGrid, RenderIfVisible, useDragToSelect, LandingPage };

package/lib/main.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"","sourcesContent":["import * as sideMenuTypes from \"./@types/sideMenu\"\nimport {ProductLabelType} from \"./@types/productLabel\"\nimport {videoFormats, Banner} from \"./@types/banner\"\nimport {EditorProduct} from \"./@types/editorProduct\"\nimport * as Icons from \"./icons\"\nimport BackOfficeFiltersMenu from './components/BackOfficeFiltersMenu'\nimport InStoreFiltersMenu from './components/InStoreFiltersMenu'\nimport DndContextWrapper from './components/DragAndDrop/DndContextWrapper'\nimport Droppable from './components/DragAndDrop/Droppable'\nimport {SortableItem} from './components/DragAndDrop/SortableItem'\nimport ProductGrid from \"./components/productGrid/ProductGrid\";\nimport RenderIfVisible from \"./components/RenderIfVisible\";\nimport {useDragToSelect} from \"./utils/useDragToSelect\";\nimport { LandingPage } from \"./services/landingPage\";\n\nexport type { sideMenuTypes, ProductLabelType, videoFormats, Banner, EditorProduct, Icons,\n    BackOfficeFiltersMenu, InStoreFiltersMenu, Droppable, DndContextWrapper, SortableItem, ProductGrid, RenderIfVisible,\n    useDragToSelect, LandingPage};"]}

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@fast-simon/dashboard-utilities",
-  "version": "1.0.4",
+  "files": [
+    "lib/**/*"
+  ],
+  "version": "1.0.5",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",
     "build": "tsc -p tsconfig-build.json",
     "prepublishOnly": "npm version patch && npm run build",
-    "postbuild": "copyfiles -u 2 src/components/**/*.css dist/components && copyfiles -u 2 src/icons/**/*.css dist/icons && copyfiles -u 2 src/assets/**/*.gif dist/assets"
+    "tsc": "tsc"
+  },
+  "main": "lib/main.js",
+  "type": "module",
+  "types": "lib/main.d.ts",
+  "directories": {
+    "lib": "lib"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@babel/core": "^7.20.12",
     "@dnd-kit/core": "^6.0.8",

package/dist/components/BackOfficeFiltersMenu/styles.module.css

@@ -1,10 +0,0 @@
-.filtersContainer {
-        padding: 8px 16px;
-        font-size: 12px;
-}
-.clearAll {
-        color: var(--windows-blue);
-    text-decoration: none;
-    cursor: pointer;
-    font-size: 1.2rem;
-}

package/dist/components/CheckboxFilter/Checkbox/styles.module.css

@@ -1,143 +0,0 @@
-.fsCheckbox {
-    display: flex;
-    position: relative;
-    padding: 0 5px 0 0;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    font-family: Arial, serif;
-    animation: growDown 300ms ease forwards;
-    align-items: center;
-}
-
-.fsCheckbox input {
-    position: fixed;
-    opacity: 0;
-    cursor: pointer;
-    height: 0;
-    width: 0;
-}
-
-.checkmark {
-    min-height: 16px;
-    min-width: 16px;
-    background-color: #eee;
-    margin-right: 10px;
-}
-
-.fsCheckbox:hover input ~ .checkmark {
-    background-color: #d00202cf;
-}
-
-.fsCheckbox input:checked ~ .checkmark {
-    background-color: white;
-}
-
-.fsCheckbox input:checked ~ .checkmark:after {
-    display: block;
-}
-
-.fsCheckboxx .checkmark:after {
-    left: 5px;
-    width: 4px;
-    height: 9px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-.fsSelectedCheckboxTrue{}
-.fsSelectedCheckboxFalse{}
-
-    @keyframes growDown {
-        0% {
-            transform: scaleY(0)
-        }
-        80% {
-            transform: scaleY(1.1)
-        }
-        100% {
-            transform: scaleY(1)
-        }
-    }
-
-    .checkbox {
-        display: flex;
-        position: relative;
-        padding: 0 5px 0 0;
-        margin-top: 5px;
-        margin-bottom: 5px;
-        cursor: pointer;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-        font-family: Arial, serif;
-        animation: growDown 300ms ease forwards;
-        align-items: center;
-    }
-
-    .checkbox .checkboxLabel {
-        align-self: start;
-        text-transform: capitalize;
-        display: flex;
-        line-height: 20px;
-        align-items: center;
-        margin-top: 2px;
-        width: -webkit-fill-available;
-        justify-content: space-between;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
-    .checkbox input {
-        position: fixed;
-        opacity: 0;
-        cursor: pointer;
-        height: 0;
-        width: 0;
-    }
-
-    .checkmark {
-        min-height: 16px;
-        min-width: 16px;
-        background-color: #eee;
-        margin-right: 10px;
-    }
-
-    .checkbox:hover input ~ .checkmark {
-        background-color: #ccc;
-    }
-
-    .checkbox input:checked ~ .checkmark {
-        background-color: #000000;
-    }
-
-    .checkmark:after {
-        content: "";
-        position: absolute;
-        display: none;
-    }
-
-    .checkbox input:checked ~ .checkmark:after {
-        display: block;
-    }
-
-    .checkbox .checkmark:after {
-        left: 5px;
-        width: 4px;
-        height: 9px;
-        border: solid white;
-        border-width: 0 2px 2px 0;
-        -webkit-transform: rotate(45deg);
-        -ms-transform: rotate(45deg);
-        transform: rotate(45deg);
-    }
-:global(.modal-mobile-filters .fs-serp-filter-count, .modal-mobile-filters .fsSerpCheckmark) {
-        display: none;
-    }

package/dist/components/CheckboxFilter/styles.module.css

@@ -1,5 +0,0 @@
-.fs-switch-left-margin{
-    margin-left: 10px;
-}
-.fs-serp-filter-text {}
-.filters-option-text {}

package/dist/components/DragAndDrop/Droppable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Droppable.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/Droppable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,uCAAuC,CAAC;AAQnE,MAAM,SAAS,GAAG,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACjD,MAAM,EAAC,UAAU,EAAC,GAAG,YAAY,CAAC;QAC9B,EAAE,EAAE,EAAE;KACT,CAAC,CAAC;IAEH,OAAO,CACH,4BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC,gBAC7E,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,SAAS,CAAA","sourcesContent":["import {useDroppable} from \"@dnd-kit/core/dist/hooks/useDroppable\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DroppableProps {\r\n    id: string;\r\n    children: ReactNode;\r\n}\r\n\r\nconst Droppable = ({id, children}: DroppableProps) => {\r\n    const {setNodeRef} = useDroppable({\r\n        id: id,\r\n    });\r\n\r\n    return (\r\n        <div ref={setNodeRef} style={{width: '100%', height: '100%', position: 'relative'}}>\r\n            {children}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Droppable"]}

package/dist/components/DragAndDrop/styles.module.css

@@ -1,21 +0,0 @@
-.over:after {
-    background-color: #4c9ffe;
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 3px;
-}
-
-.after:after {
-    right: -12px;
-}
-
-.before:after {
-    left: -12px;
-}
-
-.disabledChildren {
-    pointer-events: none;
-    opacity: 1;
-}

package/dist/components/FacetItem/styles.module.css

@@ -1,55 +0,0 @@
-.fsFlexFacetTitle {
-    display: flex;
-}
-.fsFlexFacetSpan {
-    margin-left: 0.7rem;
-}
-.fsFacetTitle {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    letter-spacing: .2px;
-    background-color: #fff0;
-    border: none;
-    width: 100%;
-    text-align: left;
-    padding: 8px 0;
-    position: relative;
-    border-radius: 8px;
-    transition: background-color .2s ease-out;
-    cursor: pointer;
-    color: #000;
-    font-size: 14px;
-    font-weight: 600;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-}
-
-.fsFacetContainer {
-    display: flex;
-    flex-direction: column;
-}
-.fsFacetOptions {
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    max-height: 230px;
-    overflow: auto;
-}
-.fsFacetOptions::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-}
-
-.fsFacetOptions::-webkit-scrollbar-track {
-    border-radius: 4px;
-    border: 1px solid #cacaca;
-    background-color: white;
-}
-
-.fsFacetOptions::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: #e1e1e1;
-    border: 1px solid #cacaca;
-    transition: background-color ease-in-out 100ms;
-}

package/dist/components/FromToFilter/From/styles.module.css

@@ -1,9 +0,0 @@
-.from {
-    float: left;
-    width: calc(50% - 20px);
-    padding: 0 10px;
-}
-
-.from > div > input {
-    max-width: 100%;
-}

package/dist/components/FromToFilter/To/styles.module.css

@@ -1,9 +0,0 @@
-.to {
-    float: left;
-    width: calc(50% - 20px);
-    padding: 0 10px;
-}
-
-.to >  div > input {
-    max-width: 100%;
-}

package/dist/components/FromToFilter/styles.module.css

@@ -1,34 +0,0 @@
-.fsFacetTitle {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    letter-spacing: .2px;
-    background-color: #fff0;
-    border: none;
-    width: 100%;
-    text-align: left;
-    padding: 8px 0;
-    position: relative;
-    border-radius: 8px;
-    transition: background-color .2s ease-out;
-    cursor: pointer;
-    color: #000;
-    font-size: 14px;
-    font-weight: 600;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-}
-
-.fsFacetContainer {
-    display: flex;
-    flex-direction: column;
-}
-.fsFacetOptions {
-    width: 100%;
-    margin: 0 -5px;
-}
-.fsFacetOptions:after {
-  content: "";
-  display: table;
-  clear: both;
-}

package/dist/components/InStoreFiltersMenu/styles.module.css

@@ -1,10 +0,0 @@
-.filtersContainer {
-        padding: 8px 16px;
-        font-size: 12px;
-}
-.clearAll {
-        color: var(--windows-blue);
-    text-decoration: none;
-    cursor: pointer;
-    font-size: 1.2rem;
-}

package/dist/components/Input/styles.module.css

@@ -1,3 +0,0 @@
-.inputContainer {
-
-}

package/dist/components/LastReceivedDateFilter/styles.module.css

@@ -1,41 +0,0 @@
-.fsOptions {
-    padding: 0 0 8px 8px;
-}
-.showMore {
-    color: #737373;
-}
-
-.showMore:hover {
-    cursor: pointer;
-}
-
-.arrow {
-    border: solid #636363;
-    border-width: 0 1.5px 1.5px 0;
-    display: inline-block;
-    padding: 3px;
-}
-
-.down {
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    margin-bottom: 2px;
-}
-.fsFacetContainer {
-    display: flex;
-    flex-direction: row;
-    padding: 0pc 2px;
-    width: calc(100% - 4px);
-}
-.fsFacetOptions {
-    width: calc(50% - 12px);
-    padding: 0px 6px;
-}
-.fsFacetOptions:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.fsFacetOptions>.react-datepicker-wrapper {
-    width: calc(100% - 6px)!important;
-}

package/dist/components/RadioFilter/Radio/styles.module.css

@@ -1,145 +0,0 @@
-.fsCheckbox {
-    display: flex;
-    position: relative;
-    padding: 0 5px 0 0;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    font-family: Arial, serif;
-    animation: growDown 300ms ease forwards;
-    align-items: center;
-}
-
-.fsCheckbox input {
-    position: fixed;
-    opacity: 0;
-    cursor: pointer;
-    height: 0;
-    width: 0;
-}
-
-.checkmark {
-    min-height: 16px;
-    min-width: 16px;
-    background-color: #eee;
-    margin-right: 10px;
-}
-
-.fsCheckbox:hover input ~ .checkmark {
-    background-color: #d00202cf;
-}
-
-.fsCheckbox input:checked ~ .checkmark {
-    background-color: white;
-}
-
-.fsCheckbox input:checked ~ .checkmark:after {
-    display: block;
-}
-
-.fsCheckboxx .checkmark:after {
-    left: 5px;
-    width: 4px;
-    height: 9px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-.fsSelectedCheckboxTrue{}
-.fsSelectedCheckboxFalse{}
-
-    @keyframes growDown {
-        0% {
-            transform: scaleY(0)
-        }
-        80% {
-            transform: scaleY(1.1)
-        }
-        100% {
-            transform: scaleY(1)
-        }
-    }
-
-    .checkbox {
-        display: flex;
-        position: relative;
-        padding: 0 5px 0 0;
-        margin-top: 5px;
-        margin-bottom: 5px;
-        cursor: pointer;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-        font-family: Arial, serif;
-        animation: growDown 300ms ease forwards;
-        align-items: center;
-    }
-
-    .checkbox .checkboxLabel {
-        align-self: start;
-        text-transform: capitalize;
-        display: flex;
-        line-height: 20px;
-        align-items: center;
-        margin-top: 2px;
-        width: -webkit-fill-available;
-        justify-content: space-between;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
-    .checkbox input {
-        position: fixed;
-        opacity: 0;
-        cursor: pointer;
-        height: 0;
-        width: 0;
-    }
-
-    .checkmark {
-        min-height: 16px;
-        min-width: 16px;
-        background-color: #eee;
-        margin-right: 10px;
-        border-radius: 18px;
-    }
-
-    .checkbox:hover input ~ .checkmark {
-        background-color: #ccc;
-    }
-
-    .checkbox input:checked ~ .checkmark {
-        background-color: #000000;
-    }
-
-    .checkmark:after {
-        content: "";
-        position: absolute;
-        display: none;
-    }
-
-    .checkbox input:checked ~ .checkmark:after {
-        display: block;
-    }
-
-    .checkbox .checkmark:after {
-        left: 5px;
-        width: 3px;
-        height: 8px;
-        top: 5px;
-        border: solid white;
-        border-width: 0 2px 2px 0;
-        -webkit-transform: rotate(45deg);
-        -ms-transform: rotate(45deg);
-        transform: rotate(45deg);
-    }
-:global(.modal-mobile-filters .fs-serp-filter-count, .modal-mobile-filters .fsSerpCheckmark) {
-        display: none;
-    }

package/dist/components/RadioFilter/styles.module.css

@@ -1,23 +0,0 @@
-.fsOptions {
-    padding: 0 0 8px 8px;
-}
-.showMore {
-    color: #737373;
-}
-
-.showMore:hover {
-    cursor: pointer;
-}
-
-.arrow {
-    border: solid #636363;
-    border-width: 0 1.5px 1.5px 0;
-    display: inline-block;
-    padding: 3px;
-}
-
-.down {
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    margin-bottom: 2px;
-}

package/dist/components/ReactDatePicker/styles.module.css

@@ -1,3 +0,0 @@
-.fullWidthInput{
-    width: 100%;
-}

package/dist/components/SingleFilter/styles.module.css

@@ -1,23 +0,0 @@
-.fsOptions {
-    padding: 0 5px 8px 8px;
-}
-.showMore {
-    color: #737373;
-}
-
-.showMore:hover {
-    cursor: pointer;
-}
-
-.arrow {
-    border: solid #636363;
-    border-width: 0 1.5px 1.5px 0;
-    display: inline-block;
-    padding: 3px;
-}
-
-.down {
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    margin-bottom: 2px;
-}

package/dist/components/SliderFilter/styles.module.css

@@ -1,16 +0,0 @@
-.select {
-    width: 250px !important;
-    font-size: 18px;
-    box-sizing: border-box !important;
-}
-.rcSlider{
-    width: calc(100% - 10px)!important;
-    min-height: 30px!important;
-    padding: 5px 4px !important;
-}
-.rcSlider>.rc-slider-track{
-    background-color: #282828;
-}
-.rcSlider>.rc-slider-handle{
-    border-color: #575757;
-}