@activecollab/components 1.0.308 → 1.0.310

package/dist/index.js

@@ -15543,36 +15543,6 @@
     Property: EntityProperty
   };
 
-  // import { useResizeObserver } from "../../utils";
-
-  var Submenu = function Submenu(_ref) {
-    var onBack = _ref.onBack,
-      style = _ref.style,
-      children = _ref.children,
-      title = _ref.title;
-    var ref = React.useRef(null);
-    // const dimensions = useResizeObserver(ref);
-    // const height = dimensions?.height;
-
-    // useEffect(() => {
-    //   if (height && height > 0) {
-    //     onHeightChange?.(height);
-    //   }
-    // }, [height, onHeightChange]);
-
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      style: style,
-      ref: ref
-    }, /*#__PURE__*/React__default["default"].createElement(MenuHeader, {
-      title: title,
-      leftElement: /*#__PURE__*/React__default["default"].createElement(IconButton, {
-        onClick: onBack,
-        variant: "text gray",
-        size: "small"
-      }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon$1, null))
-    }), children);
-  };
-
   var StyledMenu = styled__default["default"](Menu).withConfig({
     displayName: "Styles__StyledMenu",
     componentId: "sc-lxuoiz-0"
@@ -15664,6 +15634,34 @@
     }) : emptyFilterText ? /*#__PURE__*/React__default["default"].createElement(StyledStartMenuNoResults, null, emptyFilterText) : null, children));
   };
 
+  var Submenu = function Submenu(_ref) {
+    var onBack = _ref.onBack,
+      onHeightChange = _ref.onHeightChange,
+      style = _ref.style,
+      children = _ref.children,
+      title = _ref.title,
+      indexPage = _ref.indexPage;
+    var ref = React.useRef(null);
+    var dimensions = useResizeObserver$1(ref);
+    var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+    React.useEffect(function () {
+      if (height && height > 0 && !indexPage) {
+        onHeightChange === null || onHeightChange === void 0 ? void 0 : onHeightChange(height);
+      }
+    }, [height, onHeightChange, indexPage]);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      style: style,
+      ref: ref
+    }, /*#__PURE__*/React__default["default"].createElement(MenuHeader, {
+      title: title,
+      leftElement: /*#__PURE__*/React__default["default"].createElement(IconButton, {
+        onClick: onBack,
+        variant: "text gray",
+        size: "small"
+      }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon$1, null))
+    }), children);
+  };
+
   var Filter = function Filter(_ref) {
     var data = _ref.data,
       _ref$selected = _ref.selected,
@@ -15704,6 +15702,12 @@
       _useState12 = _slicedToArray(_useState11, 2),
       filter = _useState12[0],
       setFilter = _useState12[1];
+    var _useState13 = React.useState(true),
+      _useState14 = _slicedToArray(_useState13, 2),
+      calculateTrigger = _useState14[0],
+      setCalculateTrigger = _useState14[1];
+    // const targetEl = useRef<any>();
+
     React.useEffect(function () {
       if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {
         setFilter(selected);
@@ -15729,6 +15733,13 @@
       setMenu("index");
       setIsLeft(false);
     }, []);
+
+    // useEffect(() => {
+    //   if (targetEl.current) {
+    //     targetEl.current.style.height = "fit-content";
+    //   }
+    // }, [calculateTrigger]);
+
     var handleChange = React.useCallback(function (selectedArray) {
       var newFilters = {};
       if (selectedArray.length) {
@@ -15737,9 +15748,10 @@
         newFilters = _objectSpread2({}, filter);
         delete newFilters[menu];
       }
+      setCalculateTrigger(!calculateTrigger);
       setFilter(newFilters);
       onChange(newFilters);
-    }, [filter, menu, onChange]);
+    }, [filter, menu, onChange, calculateTrigger]);
     var handleClearAll = React.useCallback(function (event) {
       event.stopPropagation();
       setFilter({});
@@ -15750,7 +15762,8 @@
       delete newFilters[menu];
       setFilter(newFilters);
       onChange(newFilters);
-    }, [filter, menu, onChange]);
+      setCalculateTrigger(!calculateTrigger);
+    }, [filter, menu, onChange, calculateTrigger]);
     var count = React.useMemo(function () {
       var c = 0;
       Object.values(filter).forEach(function (entry) {
@@ -15822,7 +15835,9 @@
         title = _ref2.title,
         submenu = _ref2.submenu,
         searchPlaceholder = _ref2.searchPlaceholder,
-        disableInternalSort = _ref2.disableInternalSort;
+        disableInternalSort = _ref2.disableInternalSort,
+        isSingleSelect = _ref2.isSingleSelect,
+        defaultValue = _ref2.defaultValue;
       return /*#__PURE__*/React__default["default"].createElement(SlideLeftRightTransition, {
         key: "filter-submenu-".concat(index),
         in: menu === id,
@@ -15833,25 +15848,26 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(Submenu, {
         title: title,
-        onBack: setIndex
-        // onHeightChange={setHeight}
-        ,
+        onBack: setIndex,
+        onHeightChange: setHeight,
         style: {
           width: width
-        }
+        },
+        indexPage: menu === "index"
       }, /*#__PURE__*/React__default["default"].createElement(FocusLock.MoveFocusInside, {
         disabled: enteredMenu !== id
       }, /*#__PURE__*/React__default["default"].createElement(Select, {
         options: submenu,
         selected: filter[id],
         onChange: handleChange,
-        type: "multiple",
+        type: isSingleSelect ? "single" : "multiple",
         autoHeightMax: 255,
         placeholder: searchPlaceholder,
         noResultText: noResultText,
         keepSameOptionsOrder: Boolean(submenu.length <= 7),
         disableSearch: Boolean(submenu.length <= 7),
-        disabledInternalSort: disableInternalSort
+        disabledInternalSort: disableInternalSort,
+        defaultValue: defaultValue
       }), (_filter$id = filter[id]) !== null && _filter$id !== void 0 && _filter$id.length ? /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter, null, /*#__PURE__*/React__default["default"].createElement(Button, {
         variant: "text colored",
         size: "small",