@bbl-digital/snorre 2.4.50 → 2.4.55

package/esm/core/SearchFilter/index.js

@@ -21,7 +21,8 @@ const SearchFilter = ({
   children,
   hasFilters,
   onSubmit,
-  onClear
+  onClear,
+  onClose
 }) => {
   const ref = /*#__PURE__*/createRef();
   const isMobile = useIsMobile();
@@ -45,7 +46,7 @@ const SearchFilter = ({
         return;
       }
 
-      setOpen(false);
+      handleClose();
     };
 
     if (open) {
@@ -56,7 +57,7 @@ const SearchFilter = ({
 
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
-    };
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, ref]);
   useEffect(() => {
     if (open) {
@@ -66,6 +67,11 @@ const SearchFilter = ({
     }
   }, [open, ref]);
 
+  const handleClose = () => {
+    setOpen(false);
+    onClose && onClose();
+  };
+
   const Content = _jsxs(_Fragment, {
     children: [_jsxs(HeaderWrapper, {
       children: [_jsx(Text, {
@@ -74,8 +80,7 @@ const SearchFilter = ({
         children: title
       }), isMobile && _jsx(Link, {
         removeUnderline: true,
-        onClick: () => setOpen(false),
-        C: true,
+        onClick: handleClose,
         children: "Lukk"
       })]
     }), _jsx(Divider, {
@@ -105,7 +110,7 @@ const SearchFilter = ({
   });
 
   return _jsxs("div", {
-    css: [styles.default, hasFilters && styles.active, process.env.NODE_ENV === "production" ? "" : ";label:SearchFilter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaEZpbHRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUlTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaEZpbHRlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlUG9wcGVyIH0gZnJvbSAncmVhY3QtcG9wcGVyJ1xuaW1wb3J0IHsgdXNlSXNNb2JpbGUgfSBmcm9tICcuLi8uLi9ob29rcy91c2VJc01vYmlsZSdcbmltcG9ydCB7IENTU1RyYW5zaXRpb24gfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJ1xuaW1wb3J0IEljb25TbGlkZXJzIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvblNsaWRlcnMnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBEaXZpZGVyIGZyb20gJy4uL0RpdmlkZXInXG5pbXBvcnQgTGluayBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7XG4gIHN0eWxlcyxcbiAgQ29udGVudFdyYXBwZXIsXG4gIFBvcHBlcldyYXBwZXIsXG4gIEhlYWRlcldyYXBwZXIsXG4gIEFjdGlvbkJ1dHRvbnMsXG4gIE1vYmlsZVdyYXBwZXIsXG4gIE92ZXJsYXksXG59IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgZGlzYWJsZUJvZHlTY3JvbGwsIGVuYWJsZUJvZHlTY3JvbGwgfSBmcm9tICdib2R5LXNjcm9sbC1sb2NrJ1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICB0aXRsZT86IHN0cmluZ1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhblxuICBzdWJtaXRUZXh0Pzogc3RyaW5nXG4gIHN1Ym1pdERpc2FibGVkPzogYm9vbGVhblxuICBvblN1Ym1pdD86ICgpID0+IHZvaWRcbiAgb25DbGVhcj86ICgpID0+IHZvaWRcbn1cblxuY29uc3QgU2VhcmNoRmlsdGVyOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGl0bGUgPSAnQXZhbnNlcnQgc8O4aycsXG4gIHN1Ym1pdFRleHQgPSAnU8O4aycsXG4gIHN1Ym1pdERpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgaGFzRmlsdGVycyxcbiAgb25TdWJtaXQsXG4gIG9uQ2xlYXIsXG59KSA9PiB7XG4gIGNvbnN0IHJlZiA9IGNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKVxuICBjb25zdCBpc01vYmlsZSA9IHVzZUlzTW9iaWxlKClcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtwb3BwZXJFbGVtZW50LCBzZXRQb3BwZXJFbGVtZW50XSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4oXG4gICAgbnVsbFxuICApXG4gIGNvbnN0IFtyZWZlcmVuY2VFbGVtZW50LCBzZXRSZWZlcmVuY2VFbGVtZW50XSA9XG4gICAgdXNlU3RhdGU8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuXG4gIGNvbnN0IHBvcHBlciA9IHVzZVBvcHBlcihyZWZlcmVuY2VFbGVtZW50LCBwb3BwZXJFbGVtZW50LCB7XG4gICAgcGxhY2VtZW50OiAnYm90dG9tJyxcbiAgICBtb2RpZmllcnM6IFtcbiAgICAgIHtcbiAgICAgICAgbmFtZTogJ29mZnNldCcsXG4gICAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgICBvZmZzZXQ6IFswLCAxMF0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIF0sXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PiB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIGlmIChub2RlICYmIG5vZGUuY29udGFpbnMoZS50YXJnZXQpKSB7XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuICAgICAgc2V0T3BlbihmYWxzZSlcbiAgICB9XG5cbiAgICBpZiAob3Blbikge1xuICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH0gZWxzZSB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtvcGVuLCByZWZdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpc2FibGVCb2R5U2Nyb2xsKHJlZi5jdXJyZW50IGFzIEVsZW1lbnQpXG4gICAgfSBlbHNlIGlmIChyZWY/LmN1cnJlbnQpIHtcbiAgICAgIGVuYWJsZUJvZHlTY3JvbGwocmVmLmN1cnJlbnQgYXMgRWxlbWVudClcbiAgICB9XG4gIH0sIFtvcGVuLCByZWZdKVxuXG4gIGNvbnN0IENvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8VGV4dCBib2xkIHdoaXRlU3BhY2U9XCJub3dyYXBcIj5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAge2lzTW9iaWxlICYmIChcbiAgICAgICAgICA8TGluayByZW1vdmVVbmRlcmxpbmUgb25DbGljaz17KCkgPT4gc2V0T3BlbihmYWxzZSl9IEM+XG4gICAgICAgICAgICBMdWtrXG4gICAgICAgICAgPC9MaW5rPlxuICAgICAgICApfVxuICAgICAgPC9IZWFkZXJXcmFwcGVyPlxuXG4gICAgICA8RGl2aWRlciBsaWdodEdyYXkgbWFyZ2luPVwiMC41ZW1cIiAvPlxuXG4gICAgICA8Q29udGVudFdyYXBwZXI+e2NoaWxkcmVufTwvQ29udGVudFdyYXBwZXI+XG5cbiAgICAgIHtvblN1Ym1pdCAmJiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPERpdmlkZXIgbGlnaHRHcmF5IG1hcmdpbj1cIjAuNWVtXCIgLz5cblxuICAgICAgICAgIDxBY3Rpb25CdXR0b25zPlxuICAgICAgICAgICAge29uQ2xlYXIgJiYgaGFzRmlsdGVycyAmJiAhaXNNb2JpbGUgJiYgKFxuICAgICAgICAgICAgICA8TGluayBvbkNsaWNrPXtvbkNsZWFyfSByZW1vdmVVbmRlcmxpbmU+XG4gICAgICAgICAgICAgICAgTnVsbHN0aWxsXG4gICAgICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e3N1Ym1pdERpc2FibGVkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25TdWJtaXQgJiYgb25TdWJtaXQoKVxuICAgICAgICAgICAgICAgIHNldE9wZW4oZmFsc2UpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzdWJtaXRUZXh0fVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9BY3Rpb25CdXR0b25zPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtbc3R5bGVzLmRlZmF1bHQsIGhhc0ZpbHRlcnMgJiYgc3R5bGVzLmFjdGl2ZV19IHJlZj17cmVmfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwib3Blbi1idXR0b24td3JhcHBlclwiIHJlZj17c2V0UmVmZXJlbmNlRWxlbWVudH0+XG4gICAgICAgIDxCdXR0b24gbm9zdHlsZSBmb2N1c2FibGUgb25DbGljaz17KCkgPT4gc2V0T3Blbighb3Blbil9PlxuICAgICAgICAgIDxJY29uU2xpZGVycyBwcmltYXJ5IC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIHtpc01vYmlsZSA/IChcbiAgICAgICAgPENTU1RyYW5zaXRpb25cbiAgICAgICAgICBpbj17b3Blbn1cbiAgICAgICAgICB1bm1vdW50T25FeGl0XG4gICAgICAgICAgdGltZW91dD17MTkwfVxuICAgICAgICAgIGNsYXNzTmFtZXM9XCJmaWx0ZXItb3ZlcmxheVwiXG4gICAgICAgID5cbiAgICAgICAgICA8T3ZlcmxheSBvbkNsaWNrPXsoKSA9PiBzZXRPcGVuKGZhbHNlKX0+XG4gICAgICAgICAgICA8TW9iaWxlV3JhcHBlciBvbkNsaWNrPXsoZSkgPT4gZS5zdG9wUHJvcGFnYXRpb24oKX0+XG4gICAgICAgICAgICAgIHtDb250ZW50fVxuICAgICAgICAgICAgPC9Nb2JpbGVXcmFwcGVyPlxuICAgICAgICAgIDwvT3ZlcmxheT5cbiAgICAgICAgPC9DU1NUcmFuc2l0aW9uPlxuICAgICAgKSA6IG9wZW4gPyAoXG4gICAgICAgIDxQb3BwZXJXcmFwcGVyXG4gICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHJlZj17c2V0UG9wcGVyRWxlbWVudH1cbiAgICAgICAgICBzdHlsZT17cG9wcGVyLnN0eWxlcy5wb3BwZXJ9XG4gICAgICAgICAgey4uLnBvcHBlci5hdHRyaWJ1dGVzLnBvcHBlcn1cbiAgICAgICAgPlxuICAgICAgICAgIHtDb250ZW50fVxuICAgICAgICA8L1BvcHBlcldyYXBwZXI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hGaWx0ZXJcbiJdfQ== */"],
+    css: [styles.default, hasFilters && styles.active, process.env.NODE_ENV === "production" ? "" : ";label:SearchFilter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaEZpbHRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUpTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlYXJjaEZpbHRlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlUG9wcGVyIH0gZnJvbSAncmVhY3QtcG9wcGVyJ1xuaW1wb3J0IHsgdXNlSXNNb2JpbGUgfSBmcm9tICcuLi8uLi9ob29rcy91c2VJc01vYmlsZSdcbmltcG9ydCB7IENTU1RyYW5zaXRpb24gfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJ1xuaW1wb3J0IEljb25TbGlkZXJzIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvblNsaWRlcnMnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBEaXZpZGVyIGZyb20gJy4uL0RpdmlkZXInXG5pbXBvcnQgTGluayBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7XG4gIHN0eWxlcyxcbiAgQ29udGVudFdyYXBwZXIsXG4gIFBvcHBlcldyYXBwZXIsXG4gIEhlYWRlcldyYXBwZXIsXG4gIEFjdGlvbkJ1dHRvbnMsXG4gIE1vYmlsZVdyYXBwZXIsXG4gIE92ZXJsYXksXG59IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgZGlzYWJsZUJvZHlTY3JvbGwsIGVuYWJsZUJvZHlTY3JvbGwgfSBmcm9tICdib2R5LXNjcm9sbC1sb2NrJ1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqIFRpdGxlLCBkZWZhdWx0cyB0byBcIkF2YW5zZXJ0IHPDuGtcIiAqL1xuICB0aXRsZT86IHN0cmluZ1xuICAvKiogQWRkcyBpbmRpY2F0aW9uIHRoYXQgZmlsdGVycyBhcmUgYXBwbGllZCAqL1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhblxuICAvKiogU3VibWl0IGJ1dHRvbiB0ZXh0LCBkZWZhdWx0cyB0byBcIlPDuGtcIiAqL1xuICBzdWJtaXRUZXh0Pzogc3RyaW5nXG4gIC8qKiBEaXNhYmxlcyBzdWJtaXQgYnV0dG9uICovXG4gIHN1Ym1pdERpc2FibGVkPzogYm9vbGVhblxuICAvKiogQ0Igb24gc3VibWl0ICovXG4gIG9uU3VibWl0PzogKCkgPT4gdm9pZFxuICAvKiogQ0Igb24gY2xlYXIgY2xpY2sgKi9cbiAgb25DbGVhcj86ICgpID0+IHZvaWRcbiAgLyoqIENCIG9uIG1hbnVhbCBjbG9zZSwgbm90IHRyaWdnZXJlZCBieSBzdWJtaXQgKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbn1cblxuY29uc3QgU2VhcmNoRmlsdGVyOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGl0bGUgPSAnQXZhbnNlcnQgc8O4aycsXG4gIHN1Ym1pdFRleHQgPSAnU8O4aycsXG4gIHN1Ym1pdERpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgaGFzRmlsdGVycyxcbiAgb25TdWJtaXQsXG4gIG9uQ2xlYXIsXG4gIG9uQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IHJlZiA9IGNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKVxuICBjb25zdCBpc01vYmlsZSA9IHVzZUlzTW9iaWxlKClcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtwb3BwZXJFbGVtZW50LCBzZXRQb3BwZXJFbGVtZW50XSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4oXG4gICAgbnVsbFxuICApXG4gIGNvbnN0IFtyZWZlcmVuY2VFbGVtZW50LCBzZXRSZWZlcmVuY2VFbGVtZW50XSA9XG4gICAgdXNlU3RhdGU8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuXG4gIGNvbnN0IHBvcHBlciA9IHVzZVBvcHBlcihyZWZlcmVuY2VFbGVtZW50LCBwb3BwZXJFbGVtZW50LCB7XG4gICAgcGxhY2VtZW50OiAnYm90dG9tJyxcbiAgICBtb2RpZmllcnM6IFtcbiAgICAgIHtcbiAgICAgICAgbmFtZTogJ29mZnNldCcsXG4gICAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgICBvZmZzZXQ6IFswLCAxMF0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIF0sXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PiB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIGlmIChub2RlICYmIG5vZGUuY29udGFpbnMoZS50YXJnZXQpKSB7XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuICAgICAgaGFuZGxlQ2xvc2UoKVxuICAgIH1cblxuICAgIGlmIChvcGVuKSB7XG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfSBlbHNlIHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtvcGVuLCByZWZdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpc2FibGVCb2R5U2Nyb2xsKHJlZi5jdXJyZW50IGFzIEVsZW1lbnQpXG4gICAgfSBlbHNlIGlmIChyZWY/LmN1cnJlbnQpIHtcbiAgICAgIGVuYWJsZUJvZHlTY3JvbGwocmVmLmN1cnJlbnQgYXMgRWxlbWVudClcbiAgICB9XG4gIH0sIFtvcGVuLCByZWZdKVxuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIHNldE9wZW4oZmFsc2UpXG4gICAgb25DbG9zZSAmJiBvbkNsb3NlKClcbiAgfVxuXG4gIGNvbnN0IENvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8VGV4dCBib2xkIHdoaXRlU3BhY2U9XCJub3dyYXBcIj5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAge2lzTW9iaWxlICYmIChcbiAgICAgICAgICA8TGluayByZW1vdmVVbmRlcmxpbmUgb25DbGljaz17aGFuZGxlQ2xvc2V9PlxuICAgICAgICAgICAgTHVra1xuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvSGVhZGVyV3JhcHBlcj5cblxuICAgICAgPERpdmlkZXIgbGlnaHRHcmF5IG1hcmdpbj1cIjAuNWVtXCIgLz5cblxuICAgICAgPENvbnRlbnRXcmFwcGVyPntjaGlsZHJlbn08L0NvbnRlbnRXcmFwcGVyPlxuXG4gICAgICB7b25TdWJtaXQgJiYgKFxuICAgICAgICA8PlxuICAgICAgICAgIDxEaXZpZGVyIGxpZ2h0R3JheSBtYXJnaW49XCIwLjVlbVwiIC8+XG5cbiAgICAgICAgICA8QWN0aW9uQnV0dG9ucz5cbiAgICAgICAgICAgIHtvbkNsZWFyICYmIGhhc0ZpbHRlcnMgJiYgIWlzTW9iaWxlICYmIChcbiAgICAgICAgICAgICAgPExpbmsgb25DbGljaz17b25DbGVhcn0gcmVtb3ZlVW5kZXJsaW5lPlxuICAgICAgICAgICAgICAgIE51bGxzdGlsbFxuICAgICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGRpc2FibGVkPXtzdWJtaXREaXNhYmxlZH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIG9uU3VibWl0ICYmIG9uU3VibWl0KClcbiAgICAgICAgICAgICAgICBzZXRPcGVuKGZhbHNlKVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7c3VibWl0VGV4dH1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQWN0aW9uQnV0dG9ucz5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17W3N0eWxlcy5kZWZhdWx0LCBoYXNGaWx0ZXJzICYmIHN0eWxlcy5hY3RpdmVdfSByZWY9e3JlZn0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm9wZW4tYnV0dG9uLXdyYXBwZXJcIiByZWY9e3NldFJlZmVyZW5jZUVsZW1lbnR9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgbm9zdHlsZVxuICAgICAgICAgIGZvY3VzYWJsZVxuICAgICAgICAgIG9uQ2xpY2s9e29wZW4gPyBoYW5kbGVDbG9zZSA6ICgpID0+IHNldE9wZW4odHJ1ZSl9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvblNsaWRlcnMgcHJpbWFyeSAvPlxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7aXNNb2JpbGUgPyAoXG4gICAgICAgIDxDU1NUcmFuc2l0aW9uXG4gICAgICAgICAgaW49e29wZW59XG4gICAgICAgICAgdW5tb3VudE9uRXhpdFxuICAgICAgICAgIHRpbWVvdXQ9ezE5MH1cbiAgICAgICAgICBjbGFzc05hbWVzPVwiZmlsdGVyLW92ZXJsYXlcIlxuICAgICAgICA+XG4gICAgICAgICAgPE92ZXJsYXkgb25DbGljaz17aGFuZGxlQ2xvc2V9PlxuICAgICAgICAgICAgPE1vYmlsZVdyYXBwZXIgb25DbGljaz17KGUpID0+IGUuc3RvcFByb3BhZ2F0aW9uKCl9PlxuICAgICAgICAgICAgICB7Q29udGVudH1cbiAgICAgICAgICAgIDwvTW9iaWxlV3JhcHBlcj5cbiAgICAgICAgICA8L092ZXJsYXk+XG4gICAgICAgIDwvQ1NTVHJhbnNpdGlvbj5cbiAgICAgICkgOiBvcGVuID8gKFxuICAgICAgICA8UG9wcGVyV3JhcHBlclxuICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgICByZWY9e3NldFBvcHBlckVsZW1lbnR9XG4gICAgICAgICAgc3R5bGU9e3BvcHBlci5zdHlsZXMucG9wcGVyfVxuICAgICAgICAgIHsuLi5wb3BwZXIuYXR0cmlidXRlcy5wb3BwZXJ9XG4gICAgICAgID5cbiAgICAgICAgICB7Q29udGVudH1cbiAgICAgICAgPC9Qb3BwZXJXcmFwcGVyPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VhcmNoRmlsdGVyXG4iXX0= */"],
     ref: ref,
     children: [_jsx("div", {
       className: "open-button-wrapper",
@@ -113,7 +118,7 @@ const SearchFilter = ({
       children: _jsx(Button, {
         nostyle: true,
         focusable: true,
-        onClick: () => setOpen(!open),
+        onClick: open ? handleClose : () => setOpen(true),
         children: _jsx(IconSliders, {
           primary: true
         })
@@ -124,7 +129,7 @@ const SearchFilter = ({
       timeout: 190,
       classNames: "filter-overlay",
       children: _jsx(Overlay, {
-        onClick: () => setOpen(false),
+        onClick: handleClose,
         children: _jsx(MobileWrapper, {
           onClick: e => e.stopPropagation(),
           children: Content

package/esm/icons/General/IconRearrange.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import withIcon from '../withIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const IconRearrange = props => /*#__PURE__*/_jsxs("svg", {
+  viewBox: "0 0 18 20",
+  ...props,
+  children: [/*#__PURE__*/_jsx("defs", {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M0,15 L18,15 L18,13 L0,13 L0,15 Z M0,11 L18,11 L18,9 L0,9 L0,11 Z M0,5 L0,7 L18,7 L18,5 L0,5 Z M6,17 L9,20 L12,17 L6,17 Z M12,3 L9,0 L6,3 L12,3 Z",
+      id: "path-1"
+    })
+  }), /*#__PURE__*/_jsx("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    children: /*#__PURE__*/_jsx("g", {
+      transform: "translate(-463.000000, -827.000000)",
+      children: /*#__PURE__*/_jsxs("g", {
+        transform: "translate(463.000000, 827.000000)",
+        children: [/*#__PURE__*/_jsx("mask", {
+          id: "mask-2",
+          fill: "white",
+          children: /*#__PURE__*/_jsx("use", {
+            xlinkHref: "#path-1"
+          })
+        }), /*#__PURE__*/_jsx("use", {
+          fill: props.style.fill || '#000000',
+          fillRule: "nonzero",
+          xlinkHref: "#path-1"
+        }), /*#__PURE__*/_jsx("g", {
+          mask: "url(#mask-2)",
+          fill: props.style.fill || '#000000',
+          children: /*#__PURE__*/_jsx("g", {
+            transform: "translate(-3.000000, -2.000000)",
+            id: "Rectangle",
+            children: /*#__PURE__*/_jsx("rect", {
+              x: "0",
+              y: "0",
+              width: "24",
+              height: "24"
+            })
+          })
+        })]
+      })
+    })
+  })]
+});
+
+export default withIcon('IconRearrange')(IconRearrange);

package/esm/index.js

@@ -288,4 +288,5 @@ import GoogleButton from './core/GoogleButton';
 import NotificationCounter from './core/NotificationCounter';
 import { Key } from './enums/Keyboard';
 import SearchFilter from './core/SearchFilter';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, datesAreOnSameDay, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, Key };
+import DraggableRow from './core/BoxedTable/DraggableRow';
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, datesAreOnSameDay, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, Key };

package/lib/core/BoxedTable/DraggableRow/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FC } from 'react';
+interface IProps {
+    /** Id of draggable item */
+    id: string;
+    /** Index of row item */
+    index: number;
+    /** Children */
+    children: React.ReactNode | React.ReactNode[];
+}
+declare const DraggableRow: FC<IProps>;
+export default DraggableRow;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/DraggableRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC9C;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CAgB5B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/BoxedTable/DraggableRow/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Draggable } from 'react-beautiful-dnd';
+import IconRearrange from '../../../icons/General/IconRearrange';
+import { ContentWrapper, DragIcon, DraggableWrapper } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const DraggableRow = ({
+  id,
+  index,
+  children
+}) => /*#__PURE__*/_jsx(Draggable, {
+  draggableId: id,
+  index: index,
+  children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
+    className: "table-dragrow",
+    ref: provided.innerRef,
+    ...provided.dragHandleProps,
+    ...provided.draggableProps,
+    children: [/*#__PURE__*/_jsx(DragIcon, {
+      children: /*#__PURE__*/_jsx(IconRearrange, {
+        size: "14px"
+      })
+    }), /*#__PURE__*/_jsx(ContentWrapper, {
+      children: children
+    })]
+  })
+}, id);
+
+export default DraggableRow;

package/lib/core/BoxedTable/DraggableRow/styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const DraggableWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DragIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/DraggableRow/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;;;yGAW5B,CAAA;AAED,eAAO,MAAM,cAAc;;;yGAK1B,CAAA;AAED,eAAO,MAAM,QAAQ;;;2GAAgB,CAAA"}

package/lib/core/BoxedTable/DraggableRow/styles.js

@@ -0,0 +1,31 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import bp from '../../../globals/styles/breakpoints';
+export const DraggableWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erm9r2v2"
+} : {
+  target: "erm9r2v2",
+  label: "DraggableWrapper"
+})("display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;background-color:#ffffff;align-content:center;align-items:center;@media screen and (max-width: ", bp.medium, "){grid-column-gap:1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */"));
+export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erm9r2v1"
+} : {
+  target: "erm9r2v1",
+  label: "ContentWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1111ted",
+  styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center"
+} : {
+  name: "1111ted",
+  styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQndDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DragIcon = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "erm9r2v0"
+} : {
+  target: "erm9r2v0",
+  label: "DragIcon"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */");

package/lib/core/BoxedTable/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IDrop } from './models';
 interface IProps {
     /** column widths, applied as style: grid-template-columns */
     columns: string;
@@ -8,6 +9,8 @@ interface IProps {
     type?: 'default' | 'mysite' | 'compact';
     /** Has checkbox, for mobile view */
     hasCheckbox?: boolean;
+    /** Creates a drag and drop list, returns and id of moved object, old index and new index */
+    onDrop?: (item: IDrop) => void;
 }
 declare const BoxedTable: React.FC<IProps>;
 export default BoxedTable;

package/lib/core/BoxedTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACvC,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmBhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,UAAU,MAAM;IACd,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACvC,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiDhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/BoxedTable/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { useTheme } from '@emotion/react';
+import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const BoxedTable = ({
@@ -8,15 +10,42 @@ const BoxedTable = ({
   breakpoint,
   children,
   type = 'default',
-  hasCheckbox = false
+  hasCheckbox = false,
+  onDrop
 }) => {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(Wrapper, {
+  const defaultProps = {
     hasCheckbox: hasCheckbox,
     columns: columns,
     bp: breakpoint,
     type: type,
-    theme: theme,
+    theme: theme
+  };
+
+  const handleDrop = result => {
+    if (!result.destination || result.source.index === result.destination.index) return;
+    const dropped = {
+      id: result.draggableId,
+      from: result.source.index,
+      to: result.destination.index
+    };
+    onDrop && onDrop(dropped);
+  };
+
+  if (onDrop) return /*#__PURE__*/_jsx(DragDropContext, {
+    onDragEnd: handleDrop,
+    children: /*#__PURE__*/_jsx(Droppable, {
+      droppableId: "drop-list",
+      children: provided => /*#__PURE__*/_jsxs(Wrapper, {
+        isDragList: true,
+        ...defaultProps,
+        ...provided.droppableProps,
+        ref: provided.innerRef,
+        children: [children, provided.placeholder]
+      })
+    })
+  });
+  return /*#__PURE__*/_jsx(Wrapper, { ...defaultProps,
     children: children
   });
 };

package/lib/core/BoxedTable/models.d.ts

@@ -0,0 +1,6 @@
+export interface IDrop {
+    id: string;
+    from: number;
+    to: number;
+}
+//# sourceMappingURL=models.d.ts.map

package/lib/core/BoxedTable/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;CACX"}

package/lib/core/BoxedTable/models.js

@@ -0,0 +1 @@
+export {};

package/lib/core/BoxedTable/styles.d.ts

@@ -5,6 +5,7 @@ interface IStyledTableProps {
     bp?: string;
     type: 'default' | 'mysite' | 'compact';
     hasCheckbox?: boolean;
+    isDragList?: boolean;
     theme: IAppTheme;
 }
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{

package/lib/core/BoxedTable/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,SAAS,CAAA;CACjB;AAeD,eAAO,MAAM,OAAO;;;6HAkInB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;CACjB;AAeD,eAAO,MAAM,OAAO;;;6HAsInB,CAAA"}