@activecollab/components 1.0.192 → 1.0.194

package/dist/index.js

@@ -656,7 +656,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$14 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "onClick"];
+  var _excluded$14 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -670,6 +670,8 @@
         disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
         _ref$disableScrollLoc = _ref.disableScrollLock,
         disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
         onClick = _ref.onClick,
         rest = _objectWithoutProperties(_ref, _excluded$14);
 
@@ -681,7 +683,7 @@
         zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
 
     var handleKeyDown = React.useCallback(function (event) {
-      if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape")) {
+      if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape") && !disableCloseOnEsc) {
         event.preventDefault();
 
         if (onClose) {
@@ -692,7 +694,7 @@
       if (typeof onKeyDown === "function") {
         onKeyDown(event);
       }
-    }, [onClose, onKeyDown]);
+    }, [disableCloseOnEsc, onClose, onKeyDown]);
     React.useEffect(function () {
       return function () {
         typeof onClose === "function" && onClose();
@@ -2323,6 +2325,25 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
 
+  var EstimatePlusIcon = /*#__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": "EstimatePlusIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 2c5.523 0 10 4.477 10 10 0 .338-.017.672-.05 1.001L20 13v-1a8 8 0 10-8 8h1l.001 1.95c-.33.033-.663.05-1.001.05-5.523 0-10-4.477-10-10S6.477 2 12 2zm7 12v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-7-8a6 6 0 016 6h-2a4 4 0 10-4 4v2a6 6 0 010-12zm0 4a2 2 0 110 4 2 2 0 010-4z"
+    }));
+  });
+  EstimatePlusIcon.displayName = "EstimatePlusIcon";
+  var EstimatePlusIcon$1 = EstimatePlusIcon;
+
   var EstimatesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -8682,7 +8703,7 @@
     function () {});
   }
 
-  var _excluded$t = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
+  var _excluded$t = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose"];
 
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
@@ -8698,6 +8719,8 @@
         disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
         _ref$disableBackgroun2 = _ref.disableBackgroundColor,
         disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
         _ref$open = _ref.open,
         defaultOpen = _ref$open === void 0 ? false : _ref$open,
         onClose = _ref.onClose,
@@ -8763,7 +8786,8 @@
       ref: handleRef,
       onClose: handleClose,
       disableFocusLock: disableFocusLock,
-      disableScrollLock: disableScrollLock
+      disableScrollLock: disableScrollLock,
+      disableCloseOnEsc: disableCloseOnEsc
     }), open ? /*#__PURE__*/React__default["default"].createElement(Overlay, {
       onClick: handleBackgroundClick,
       disableBackgroundColor: disableBackgroundColor
@@ -9557,12 +9581,15 @@
         onClose = _ref.onClose,
         className = _ref.className,
         _ref$enableBackground = _ref.enableBackgroundClick,
-        enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground;
+        enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
     return /*#__PURE__*/React__default["default"].createElement(Modal, {
       ref: ref,
       open: open,
       onClose: onClose,
-      disableBackgroundClick: !enableBackgroundClick
+      disableBackgroundClick: !enableBackgroundClick,
+      disableCloseOnEsc: disableCloseOnEsc
     }, /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
       in: open
     }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
@@ -10841,7 +10868,7 @@
   var ChipContainer = styled__default["default"].div.withConfig({
     displayName: "Styles__ChipContainer",
     componentId: "sc-7s0bd1-0"
-  })(["min-width:44px;max-width:220px;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "{", " ", "}", " ", " ", " ", " ", " ", " ", ""], {
+  })(["max-width:220px;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "{", " ", "}", " ", " ", " ", " ", " ", ""], {
     "height": "1.5rem"
   }, {
     "borderRadius": "0.25rem"
@@ -10875,10 +10902,7 @@
     var $color = _ref.$color;
     return $color && styled.css(["", "{color:", ";}"], StyledTypography, $color);
   }, function (_ref2) {
-    var $isLabel = _ref2.$isLabel;
-    return $isLabel && styled.css(["", "{color:#303037;}"], StyledTypography);
-  }, function (_ref3) {
-    var $backgroundColor = _ref3.$backgroundColor;
+    var $backgroundColor = _ref2.$backgroundColor;
     return $backgroundColor && styled.css(["background-color:", ";"], $backgroundColor);
   }, function (props) {
     return props.$showClose ? null : styled.css(["", ""], {
@@ -10932,7 +10956,7 @@
   });
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded$9 = ["leftAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "isLabel"];
+  var _excluded$9 = ["leftAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "variant", "typographyProps"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var leftAdornment = _ref.leftAdornment,
         label = _ref.label,
@@ -10942,13 +10966,15 @@
         color = _ref.color,
         backgroundColor = _ref.backgroundColor,
         closeClassName = _ref.closeClassName,
-        isLabel = _ref.isLabel,
+        variant = _ref.variant,
+        typographyProps = _ref.typographyProps,
         rest = _objectWithoutProperties(_ref, _excluded$9);
 
     var showClose = typeof onClose === "function";
-    var variant = React.useMemo(function () {
-      if (isLabel) {
-        return "Caption 2";
+
+    var _variant = React.useMemo(function () {
+      if (typeof variant !== "undefined") {
+        return variant;
       }
 
       switch (size) {
@@ -10961,19 +10987,19 @@
         default:
           return "Caption 1";
       }
-    }, [isLabel, size]);
+    }, [variant, size]);
+
     return /*#__PURE__*/React__default["default"].createElement(ChipContainer, _extends({}, rest, {
       ref: ref,
       $size: size,
       $showClose: showClose,
       $color: color,
       $backgroundColor: backgroundColor,
-      $isLabel: isLabel,
       "data-testid": "chip-container"
-    }), leftAdornment, /*#__PURE__*/React__default["default"].createElement(Typography, {
-      variant: variant,
+    }), leftAdornment, /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
+      variant: _variant,
       "data-testid": "chip-typography"
-    }, label), showClose ? /*#__PURE__*/React__default["default"].createElement(ChipTrigger, {
+    }, typographyProps), label), showClose ? /*#__PURE__*/React__default["default"].createElement(ChipTrigger, {
       $size: size,
       onClick: onClose,
       className: closeClassName
@@ -11242,9 +11268,10 @@
         label: option.name,
         key: index,
         backgroundColor: option.color,
-        isLabel: Boolean(option.color),
+        color: "#303037",
         onClose: showOnClose ? onClose : undefined,
-        size: size
+        size: size,
+        variant: "Caption 2"
       });
     }, [disabled, onChange, renderChip, selected, size]);
     var autoSize = React.useMemo(function () {
@@ -12763,6 +12790,8 @@
     var title = _ref.title,
         open = _ref.open,
         onClose = _ref.onClose,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
         children = _ref.children;
     var childrenCollection = React.useMemo(function () {
       return React__default["default"].Children.toArray(children);
@@ -12837,7 +12866,8 @@
     }, /*#__PURE__*/React__default["default"].createElement(Dialog, {
       ref: ref,
       open: open,
-      onClose: onClose
+      onClose: onClose,
+      disableCloseOnEsc: disableCloseOnEsc
     }, renderActiveStep));
   });
   Wizard.displayName = "Wizard";
@@ -12944,6 +12974,7 @@
   exports.EmojiIcon = EmojiIcon$1;
   exports.Entity = Entity;
   exports.EntityCard = EntityCard$1;
+  exports.EstimatePlusIcon = EstimatePlusIcon$1;
   exports.EstimatesIcon = EstimatesIcon$1;
   exports.ExpandAll = ExpandAll;
   exports.ExpandAllIcon = ExpandAllIcon$1;