@activecollab/components 1.0.359 → 1.0.361

package/dist/index.js

@@ -1368,6 +1368,44 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
+  /**
+   * @component ArchiveIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <ArchiveIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArchiveIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z"
+    }));
+  });
+  ArchiveIcon.displayName = "ArchiveIcon";
+  var ArchiveIcon$1 = ArchiveIcon;
+
   /**
    * @component ArrowBackMobileIcon
    * @description
@@ -15778,12 +15816,13 @@
   });
   EditableContent.displayName = "EditableContent";
 
-  var _excluded$c = ["onSave", "onCancel", "value", "inputProps"];
+  var _excluded$c = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString"];
   var EditableText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var onSave = _ref.onSave,
       onCancel = _ref.onCancel,
       value = _ref.value,
       inputProps = _ref.inputProps,
+      allowEmptyString = _ref.allowEmptyString,
       props = _objectWithoutProperties(_ref, _excluded$c);
     var _useState = React.useState(value),
       _useState2 = _slicedToArray(_useState, 2),
@@ -15811,10 +15850,10 @@
           setCurrentValue(e.target.value);
           typeof onSave === "function" && onSave(e);
         } else {
-          setCurrentValue(prevValue);
+          !allowEmptyString && setCurrentValue(prevValue);
         }
       }
-    }, [onSave, prevValue]);
+    }, [allowEmptyString, onSave, prevValue]);
     var handleKeyDown = React.useCallback(function (e) {
       if (e.key === "Enter") {
         e.target.blur();
@@ -17330,6 +17369,7 @@
   exports.AddCrossTinyIcon = AddCrossTinyIcon$1;
   exports.AddToListButton = AddToListButton;
   exports.ApplauseIcon = ApplauseIcon$1;
+  exports.ArchiveIcon = ArchiveIcon$1;
   exports.ArrowBackMobileIcon = ArrowBackMobileIcon$1;
   exports.ArrowCollapseMultipleIcon = ArrowCollapseMultipleIcon$1;
   exports.ArrowDownIcon = ArrowDownIcon$1;