@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/FieldMessage/FieldMessage.mjs

@@ -1,38 +1,35 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
 import modules_5a29f07d from './FieldMessage.module.css.mjs';
-const FieldMessage = /*#__PURE__*/function () {
-  const FieldMessage = function (_a) {
-    var message = _a.message,
-      _b = _a.status,
-      status = _b === void 0 ? 'default' : _b,
-      _c = _a.position,
-      position = _c === void 0 ? 'bottom' : _c,
-      _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
-    var textColor = status === 'default' || status === 'success' ? reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity' : 'dark';
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_5a29f07d.message, modules_5a29f07d[status], classNameOverride, reversed && modules_5a29f07d.reversed, position === 'bottom' && modules_5a29f07d.positionBottom, position === 'top' && modules_5a29f07d.positionTop)
-    }, restProps), (status === 'error' || status === 'caution') && (/*#__PURE__*/React.createElement("span", {
-      className: modules_5a29f07d.warningIcon
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: status === 'error' ? 'error' : 'warning',
-      isFilled: true,
-      alt: "".concat(status, " message")
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: modules_5a29f07d.message
-    }, /*#__PURE__*/React.createElement(Text, {
-      variant: "small",
-      tag: typeof message === 'string' ? 'p' : 'div',
-      color: textColor
-    }, message)));
-  };
-  FieldMessage.displayName = 'FieldMessage';
-  return FieldMessage;
-}();
+var FieldMessage = function (_a) {
+  var message = _a.message,
+    _b = _a.status,
+    status = _b === void 0 ? 'default' : _b,
+    _c = _a.position,
+    position = _c === void 0 ? 'bottom' : _c,
+    _d = _a.reversed,
+    reversed = _d === void 0 ? false : _d,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
+  var textColor = status === 'default' || status === 'success' ? reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity' : 'dark';
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_5a29f07d.message, modules_5a29f07d[status], classNameOverride, reversed && modules_5a29f07d.reversed, position === 'bottom' && modules_5a29f07d.positionBottom, position === 'top' && modules_5a29f07d.positionTop)
+  }, restProps), (status === 'error' || status === 'caution') && (/*#__PURE__*/React__default.createElement("span", {
+    className: modules_5a29f07d.warningIcon
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: status === 'error' ? 'error' : 'warning',
+    isFilled: true,
+    alt: "".concat(status, " message")
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5a29f07d.message
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    variant: "small",
+    tag: typeof message === 'string' ? 'p' : 'div',
+    color: textColor
+  }, message)));
+};
+FieldMessage.displayName = 'FieldMessage';
 export { FieldMessage };

package/dist/esm/src/Filter/Filter/Filter.mjs

@@ -1,61 +1,58 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId, useState, useRef, useEffect } from 'react';
+import React__default, { useId, useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import { FilterPopover } from './subcomponents/FilterPopover/FilterPopover.mjs';
 import modules_e38c54f6 from './Filter.module.css.mjs';
-const Filter = /*#__PURE__*/function () {
-  const Filter = function (_a) {
-    var _b, _c, _d, _e;
-    var children = _a.children,
-      isOpen = _a.isOpen,
-      setIsOpen = _a.setIsOpen,
-      renderTrigger = _a.renderTrigger,
-      classNameOverride = _a.classNameOverride,
-      onMount = _a.onMount,
-      restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
-    var triggerId = useId();
-    var _f = useState(false),
-      isRefLoaded = _f[0],
-      setIsRefLoaded = _f[1];
-    var trigger = renderTrigger({
-      id: triggerId,
-      onClick: function () {
-        return setIsOpen(!isOpen);
-      },
-      isOpen: isOpen
-    });
-    var inbuiltButtonRef = useRef(null);
-    var inbuiltRef = useRef({
-      triggerRef: inbuiltButtonRef
-    });
-    var filterButtonRef = (_b = trigger.ref) !== null && _b !== void 0 ? _b : inbuiltRef;
-    useEffect(function () {
-      var _a, _b;
-      if ((_b = (_a = filterButtonRef.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) {
-        setIsRefLoaded(true);
-        onMount === null || onMount === void 0 ? void 0 : onMount(filterButtonRef.current.triggerRef);
-      }
-    }, [filterButtonRef, onMount]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_e38c54f6.filter, classNameOverride)
-    }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
-      ref: filterButtonRef
-    }), isRefLoaded && isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
-      preventScrollOnFocus: true,
-      scrollLock: false,
-      onClickOutside: function () {
-        return setIsOpen(false);
-      },
-      onEscapeKey: function () {
-        return setIsOpen(false);
-      }
-    }, /*#__PURE__*/React.createElement(FilterPopover, {
-      referenceElement: (_e = (_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current) !== null && _e !== void 0 ? _e : null,
-      "aria-labelledby": trigger.props.id
-    }, children))));
-  };
-  Filter.displayName = 'Filter';
-  return Filter;
-}();
+var Filter = function (_a) {
+  var _b, _c, _d, _e;
+  var children = _a.children,
+    isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    renderTrigger = _a.renderTrigger,
+    classNameOverride = _a.classNameOverride,
+    onMount = _a.onMount,
+    restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
+  var triggerId = useId();
+  var _f = useState(false),
+    isRefLoaded = _f[0],
+    setIsRefLoaded = _f[1];
+  var trigger = renderTrigger({
+    id: triggerId,
+    onClick: function () {
+      return setIsOpen(!isOpen);
+    },
+    isOpen: isOpen
+  });
+  var inbuiltButtonRef = useRef(null);
+  var inbuiltRef = useRef({
+    triggerRef: inbuiltButtonRef
+  });
+  var filterButtonRef = (_b = trigger.ref) !== null && _b !== void 0 ? _b : inbuiltRef;
+  useEffect(function () {
+    var _a, _b;
+    if ((_b = (_a = filterButtonRef.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) {
+      setIsRefLoaded(true);
+      onMount === null || onMount === void 0 ? void 0 : onMount(filterButtonRef.current.triggerRef);
+    }
+  }, [filterButtonRef, onMount]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_e38c54f6.filter, classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.cloneElement(trigger, {
+    ref: filterButtonRef
+  }), isRefLoaded && isOpen && (/*#__PURE__*/React__default.createElement(FocusOn, {
+    preventScrollOnFocus: true,
+    scrollLock: false,
+    onClickOutside: function () {
+      return setIsOpen(false);
+    },
+    onEscapeKey: function () {
+      return setIsOpen(false);
+    }
+  }, /*#__PURE__*/React__default.createElement(FilterPopover, {
+    referenceElement: (_e = (_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current) !== null && _e !== void 0 ? _e : null,
+    "aria-labelledby": trigger.props.id
+  }, children))));
+};
+Filter.displayName = 'Filter';
 export { Filter };

package/dist/esm/src/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs

@@ -1,17 +1,14 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_9468ad19 from './FilterContents.module.css.mjs';
-const FilterContents = /*#__PURE__*/function () {
-  const FilterContents = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_9468ad19.filterContents, classNameOverride)
-    }, restProps), children);
-  };
-  FilterContents.displayName = 'FilterContents';
-  return FilterContents;
-}();
+var FilterContents = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_9468ad19.filterContents, classNameOverride)
+  }, restProps), children);
+};
+FilterContents.displayName = 'FilterContents';
 export { FilterContents };

package/dist/esm/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs

@@ -1,39 +1,36 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
 import modules_487dca65 from './FilterPopover.module.css.mjs';
-const FilterPopover = /*#__PURE__*/function () {
-  const FilterPopover = function (_a) {
-    var children = _a.children,
-      referenceElement = _a.referenceElement,
-      popperOptions = _a.popperOptions,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
-    var _b = useState(null),
-      popperElement = _b[0],
-      setPopperElement = _b[1];
-    var _c = usePopper(referenceElement, popperElement, __assign({
-        modifiers: [{
-          name: 'offset',
-          options: {
-            offset: [0, 15]
-          }
-        }],
-        placement: 'bottom-start'
-      }, popperOptions)),
-      popperStyles = _c.styles,
-      popperAttributes = _c.attributes;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: setPopperElement,
-      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
-    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
-      className: classnames(modules_487dca65.filterPopover, classNameOverride),
-      role: "dialog",
-      "aria-modal": "true"
-    }, restProps), children);
-  };
-  FilterPopover.displayName = 'FilterPopover';
-  return FilterPopover;
-}();
+var FilterPopover = function (_a) {
+  var children = _a.children,
+    referenceElement = _a.referenceElement,
+    popperOptions = _a.popperOptions,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+  var _b = useState(null),
+    popperElement = _b[0],
+    setPopperElement = _b[1];
+  var _c = usePopper(referenceElement, popperElement, __assign({
+      modifiers: [{
+        name: 'offset',
+        options: {
+          offset: [0, 15]
+        }
+      }],
+      placement: 'bottom-start'
+    }, popperOptions)),
+    popperStyles = _c.styles,
+    popperAttributes = _c.attributes;
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: setPopperElement,
+    style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
+  }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
+    className: classnames(modules_487dca65.filterPopover, classNameOverride),
+    role: "dialog",
+    "aria-modal": "true"
+  }, restProps), children);
+};
+FilterPopover.displayName = 'FilterPopover';
 export { FilterPopover };

package/dist/esm/src/Filter/FilterBar/FilterBar.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { FilterBarProvider } from './context/FilterBarContext.mjs';
 import { FilterBarDatePicker } from './subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs';
@@ -9,38 +9,35 @@ import { FilterBarSelect } from './subcomponents/FilterBarSelect/FilterBarSelect
 import { AddFiltersMenu } from './subcomponents/AddFiltersMenu/AddFiltersMenu.mjs';
 import { ClearAllButton } from './subcomponents/ClearAllButton/ClearAllButton.mjs';
 import modules_fd99d8ab from './FilterBar.module.css.mjs';
-const FilterBar = /*#__PURE__*/function () {
-  const FilterBar = function (_a) {
-    var filters = _a.filters,
-      classNameOverride = _a.classNameOverride,
-      providerProps = __rest(_a, ["filters", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement(FilterBarProvider, __assign({
-      filters: filters
-    }, providerProps), function (activeFilters) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames(modules_fd99d8ab.filterBar, classNameOverride)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_fd99d8ab.filtersContainer
-      }, Object.values(activeFilters).map(function (_a) {
-        var id = _a.id,
-          Component = _a.Component;
-        return (
-          /*#__PURE__*/
-          // `id` will always be `string`, but keyof ValuesMap transformed it
-          React.createElement(React.Fragment, {
-            key: id
-          }, /*#__PURE__*/React.cloneElement(Component, {
-            id: id
-          }))
-        );
-      }), /*#__PURE__*/React.createElement(AddFiltersMenu, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ClearAllButton, null)));
-    });
-  };
-  FilterBar.displayName = 'FilterBar';
-  FilterBar.DatePicker = FilterBarDatePicker;
-  FilterBar.DateRangePicker = FilterBarDateRangePicker;
-  FilterBar.MultiSelect = FilterBarMultiSelect;
-  FilterBar.Select = FilterBarSelect;
-  return FilterBar;
-}();
+var FilterBar = function (_a) {
+  var filters = _a.filters,
+    classNameOverride = _a.classNameOverride,
+    providerProps = __rest(_a, ["filters", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement(FilterBarProvider, __assign({
+    filters: filters
+  }, providerProps), function (activeFilters) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classnames(modules_fd99d8ab.filterBar, classNameOverride)
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: modules_fd99d8ab.filtersContainer
+    }, Object.values(activeFilters).map(function (_a) {
+      var id = _a.id,
+        Component = _a.Component;
+      return (
+        /*#__PURE__*/
+        // `id` will always be `string`, but keyof ValuesMap transformed it
+        React__default.createElement(React__default.Fragment, {
+          key: id
+        }, /*#__PURE__*/React__default.cloneElement(Component, {
+          id: id
+        }))
+      );
+    }), /*#__PURE__*/React__default.createElement(AddFiltersMenu, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(ClearAllButton, null)));
+  });
+};
+FilterBar.displayName = 'FilterBar';
+FilterBar.DatePicker = FilterBarDatePicker;
+FilterBar.DateRangePicker = FilterBarDateRangePicker;
+FilterBar.MultiSelect = FilterBarMultiSelect;
+FilterBar.Select = FilterBarSelect;
 export { FilterBar };

package/dist/esm/src/Filter/FilterBar/context/FilterBarContext.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { useContext, useRef, useMemo, useReducer, useEffect } from 'react';
+import React__default, { useContext, useRef, useMemo, useReducer, useEffect } from 'react';
 import { filterBarStateReducer } from './reducer/filterBarStateReducer.mjs';
 import { setupFilterBarState } from './reducer/setupFilterBarState.mjs';
 import { checkShouldUpdateValues } from './utils/checkShouldUpdateValues.mjs';
@@ -7,7 +7,7 @@ import { createFiltersHash } from './utils/createFiltersHash.mjs';
 import { getInactiveFilters } from './utils/getInactiveFilters.mjs';
 import { getMappedFilters } from './utils/getMappedFilters.mjs';
 import { getValidValue } from './utils/getValidValue.mjs';
-var FilterBarContext = /*#__PURE__*/React.createContext(null);
+var FilterBarContext = /*#__PURE__*/React__default.createContext(null);
 var useFilterBarContext = function () {
   var context = useContext(FilterBarContext);
   if (!context) {
@@ -149,7 +149,7 @@ var FilterBarProvider = function (_a) {
       });
     }
   }, [filters]);
-  return /*#__PURE__*/React.createElement(FilterBarContext.Provider
+  return /*#__PURE__*/React__default.createElement(FilterBarContext.Provider
   // @note: Context object cannot be generic, thus the type-casting to a looser type
   , {
     // @note: Context object cannot be generic, thus the type-casting to a looser type

package/dist/esm/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs

@@ -1,56 +1,53 @@
-import React, { useRef, useEffect } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { Icon } from '../../../../Icon/Icon.mjs';
 import { Menu, MenuList, MenuItem } from '../../../../MenuV1/index.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
-const AddFiltersMenu = /*#__PURE__*/function () {
-  const AddFiltersMenu = function () {
-    var formatMessage = useIntl().formatMessage;
-    var buttonRef = useRef(null);
-    var menuButtonLabel = formatMessage({
-      id: 'filterBar.addFiltersMenu.buttonLabel',
-      defaultMessage: 'Add filters',
-      description: 'Menu button label to show additional available filter options'
-    });
-    var _a = useFilterBarContext(),
-      getInactiveFilters = _a.getInactiveFilters,
-      showFilter = _a.showFilter,
-      focusId = _a.focusId,
-      setFocus = _a.setFocus;
-    var inactiveFilters = getInactiveFilters();
-    useEffect(function () {
-      var _a;
-      if (focusId === 'add_filter') {
-        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        setFocus(undefined);
-      }
-    }, [focusId, setFocus]);
-    return /*#__PURE__*/React.createElement(Menu, {
-      button: /*#__PURE__*/React.createElement(Button, {
-        ref: buttonRef,
-        label: menuButtonLabel,
-        secondary: true,
-        disabled: inactiveFilters.length === 0,
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          name: "add",
-          isPresentational: true
-        })
+var AddFiltersMenu = function () {
+  var formatMessage = useIntl().formatMessage;
+  var buttonRef = useRef(null);
+  var menuButtonLabel = formatMessage({
+    id: 'filterBar.addFiltersMenu.buttonLabel',
+    defaultMessage: 'Add filters',
+    description: 'Menu button label to show additional available filter options'
+  });
+  var _a = useFilterBarContext(),
+    getInactiveFilters = _a.getInactiveFilters,
+    showFilter = _a.showFilter,
+    focusId = _a.focusId,
+    setFocus = _a.setFocus;
+  var inactiveFilters = getInactiveFilters();
+  useEffect(function () {
+    var _a;
+    if (focusId === 'add_filter') {
+      (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      setFocus(undefined);
+    }
+  }, [focusId, setFocus]);
+  return /*#__PURE__*/React__default.createElement(Menu, {
+    button: /*#__PURE__*/React__default.createElement(Button, {
+      ref: buttonRef,
+      label: menuButtonLabel,
+      secondary: true,
+      disabled: inactiveFilters.length === 0,
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
+        name: "add",
+        isPresentational: true
       })
-    }, /*#__PURE__*/React.createElement(MenuList, null, inactiveFilters.map(function (_a) {
-      var id = _a.id,
-        name = _a.name;
-      return /*#__PURE__*/React.createElement(MenuItem, {
-        key: id,
-        label: name,
-        onClick: function () {
-          return showFilter(id);
-        }
-      });
-    })));
-  };
-  AddFiltersMenu.displayName = 'FilterBar.AddFiltersMenu';
-  return AddFiltersMenu;
-}();
+    })
+  }, /*#__PURE__*/React__default.createElement(MenuList, null, inactiveFilters.map(function (_a) {
+    var id = _a.id,
+      name = _a.name;
+    return /*#__PURE__*/React__default.createElement(MenuItem, {
+      key: id,
+      label: name,
+      onClick: function () {
+        return showFilter(id);
+      }
+    });
+  })));
+};
+AddFiltersMenu.displayName = 'FilterBar.AddFiltersMenu';
 export { AddFiltersMenu };

package/dist/esm/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs

@@ -1,36 +1,33 @@
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
 import modules_bfebfd8b from './ClearAllButton.module.css.mjs';
-const ClearAllButton = /*#__PURE__*/function () {
-  const ClearAllButton = function () {
-    var _a;
-    var formatMessage = useIntl().formatMessage;
-    var clearButtonLabel = formatMessage({
-      id: 'filterBar.clearAllButton.label',
-      defaultMessage: 'Clear all',
-      description: 'Button label to clear all values within the filter bar'
-    });
-    var clearButtonAriaLabel = formatMessage({
-      id: 'filterBar.clearAllButton.ariaLabel',
-      defaultMessage: 'Clear all filters',
-      description: 'Button aria-label to clear all values within the filter bar'
-    });
-    var _b = useFilterBarContext(),
-      clearAllFilters = _b.clearAllFilters,
-      isClearable = _b.isClearable;
-    return /*#__PURE__*/React.createElement(Button, {
-      label: clearButtonLabel,
-      "aria-label": clearButtonAriaLabel,
-      classNameOverride: classnames(modules_bfebfd8b.clearAllButton, (_a = {}, _a[modules_bfebfd8b.hidden] = !isClearable, _a)),
-      secondary: true,
-      onClick: clearAllFilters
-    });
-  };
-  ClearAllButton.displayName = 'FilterBar.ClearAllButton';
-  return ClearAllButton;
-}();
+var ClearAllButton = function () {
+  var _a;
+  var formatMessage = useIntl().formatMessage;
+  var clearButtonLabel = formatMessage({
+    id: 'filterBar.clearAllButton.label',
+    defaultMessage: 'Clear all',
+    description: 'Button label to clear all values within the filter bar'
+  });
+  var clearButtonAriaLabel = formatMessage({
+    id: 'filterBar.clearAllButton.ariaLabel',
+    defaultMessage: 'Clear all filters',
+    description: 'Button aria-label to clear all values within the filter bar'
+  });
+  var _b = useFilterBarContext(),
+    clearAllFilters = _b.clearAllFilters,
+    isClearable = _b.isClearable;
+  return /*#__PURE__*/React__default.createElement(Button, {
+    label: clearButtonLabel,
+    "aria-label": clearButtonAriaLabel,
+    classNameOverride: classnames(modules_bfebfd8b.clearAllButton, (_a = {}, _a[modules_bfebfd8b.hidden] = !isClearable, _a)),
+    secondary: true,
+    onClick: clearAllFilters
+  });
+};
+ClearAllButton.displayName = 'FilterBar.ClearAllButton';
 export { ClearAllButton };