@livechat/design-system-react-components 1.0.0-alpha.52 → 1.0.0-alpha.53

package/dist/dsrc.es.js

@@ -299,16 +299,16 @@ var cssStyles = {
   popover,
   "popover--visible": "lc-Popover-module__popover--visible___u5NXB"
 };
-const Popover = (props) => {
-  const {
-    triggerRenderer,
-    onClose,
-    children,
-    className,
-    placement,
-    flipOptions,
-    isVisible = false
-  } = props;
+const Popover = ({
+  triggerRenderer,
+  onClose,
+  children,
+  className,
+  placement,
+  flipOptions,
+  isVisible = false,
+  closeOnEsc = true
+}) => {
   const [visible, setVisibility] = React.useState(false);
   const prevVisibleState = React.useRef(false);
   const {
@@ -354,8 +354,10 @@ const Popover = (props) => {
     }
   };
   React.useEffect(() => {
-    document.addEventListener("keydown", handleHideOnEscape);
     document.addEventListener("mousedown", handleDocumentClick);
+    if (closeOnEsc) {
+      document.addEventListener("keydown", handleHideOnEscape);
+    }
     return () => {
       document.removeEventListener("keydown", handleHideOnEscape);
       document.removeEventListener("mousedown", handleDocumentClick);
@@ -908,6 +910,7 @@ var styles$y = {
   "btn--plain": "lc-Button-module__btn--plain___eOPui",
   "btn--plain-light": "lc-Button-module__btn--plain-light___eS9em",
   "btn--subtle": "lc-Button-module__btn--subtle___s22xR",
+  "btn--float": "lc-Button-module__btn--float___J4lTs",
   "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
   btn__loader,
   btn__content,
@@ -2351,6 +2354,7 @@ const Trigger = ({
   isRequired,
   isMultiSelect,
   size = "medium",
+  hideClearButton,
   onTrigger,
   onClear
 }) => {
@@ -2379,6 +2383,7 @@ const Trigger = ({
     e.stopPropagation();
     onClear();
   };
+  const shouldShowClearButton = !hideClearButton && isItemSelected && !isDisabled && !isRequired;
   return /* @__PURE__ */ React.createElement("div", {
     ref: triggerRef,
     className: mergedClassNames,
@@ -2388,7 +2393,7 @@ const Trigger = ({
     className: styles$j[`${baseClass$p}__content`]
   }, children), /* @__PURE__ */ React.createElement("div", {
     className: cx(styles$j[`${baseClass$p}__controls`], styles$j[`${baseClass$p}__controls--${size}`])
-  }, isItemSelected && !isDisabled && !isRequired && /* @__PURE__ */ React.createElement("div", {
+  }, shouldShowClearButton && /* @__PURE__ */ React.createElement("div", {
     "data-testid": `${baseClass$p}__clear-icon`,
     className: styles$j[`${baseClass$p}__clear-icon`],
     onClick: handleOnClearClick
@@ -2772,6 +2777,7 @@ const Picker = (_M) => {
     selectAllOptionText,
     type = "single",
     searchDisabled = false,
+    hideClearButton,
     onSelect
   } = _N, props = __objRest(_N, [
     "className",
@@ -2787,6 +2793,7 @@ const Picker = (_M) => {
     "selectAllOptionText",
     "type",
     "searchDisabled",
+    "hideClearButton",
     "onSelect"
   ]);
   const [isListOpen, setIsListOpen] = React.useState(false);
@@ -2894,6 +2901,7 @@ const Picker = (_M) => {
     isRequired,
     isMultiSelect: type === "multi",
     size,
+    hideClearButton,
     onTrigger: handleTrigger,
     onClear: handleClear
   }, /* @__PURE__ */ React.createElement(TriggerBody, {