polaris-react-extended 13.10.3

package/build/esnext/components/DropZone/context.esnext

@@ -0,0 +1,13 @@
+import { createContext } from 'react';
+import { defaultAllowMultiple } from './utils/index.esnext';
+
+const DropZoneContext = /*#__PURE__*/createContext({
+  disabled: false,
+  focused: false,
+  size: 'extraLarge',
+  type: 'file',
+  measuring: false,
+  allowMultiple: defaultAllowMultiple
+});
+
+export { DropZoneContext };

package/build/esnext/components/DropZone/utils/index.esnext

@@ -0,0 +1,51 @@
+const dragEvents = ['dragover', 'dragenter', 'drop'];
+function fileAccepted(file, accept) {
+  return file.type === 'application/x-moz-file' || accepts(file, accept);
+}
+function getDataTransferFiles(event) {
+  if (isDragEvent(event) && event.dataTransfer) {
+    const dt = event.dataTransfer;
+    if (dt.files && dt.files.length) {
+      return Array.from(dt.files);
+    } else if (dt.items && dt.items.length) {
+      // Chrome is the only browser that allows to read the file list on drag
+      // events and uses `items` instead of `files` in this case.
+      return Array.from(dt.items);
+    }
+  } else if (isChangeEvent(event) && event.target.files) {
+    // Return files from even when a file was selected from an upload dialog
+    return Array.from(event.target.files);
+  }
+  return [];
+}
+function accepts(file, acceptedFiles) {
+  if (file && acceptedFiles) {
+    const fileName = file.name || '';
+    const mimeType = file.type || '';
+    const baseMimeType = mimeType.replace(/\/.*$/, '');
+    const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
+    return acceptedFilesArray.some(type => {
+      const validType = type.trim();
+      if (validType.startsWith('.')) {
+        return fileName.toLowerCase().endsWith(validType.toLowerCase());
+      } else if (validType.endsWith('/*')) {
+        // This is something like a image/* mime type
+        return baseMimeType === validType.replace(/\/.*$/, '');
+      }
+      return mimeType === validType;
+    });
+  }
+  return true;
+}
+function isDragEvent(event) {
+  return dragEvents.indexOf(event.type) > 0;
+}
+function isChangeEvent(event) {
+  return Object.prototype.hasOwnProperty.call(event, 'target');
+}
+const defaultAllowMultiple = true;
+function createAllowMultipleKey(allowMultiple) {
+  return allowMultiple ? 'allowMultiple' : 'single';
+}
+
+export { createAllowMultipleKey, defaultAllowMultiple, fileAccepted, getDataTransferFiles };

package/build/esnext/components/EmptySearchResult/EmptySearchResult.esnext

@@ -0,0 +1,33 @@
+import React from 'react';
+import emptySearch from './illustrations/empty-search.svg.esnext';
+import { useI18n } from '../../utilities/i18n/hooks.esnext';
+import { LegacyStack } from '../LegacyStack/LegacyStack.esnext';
+import { Text } from '../Text/Text.esnext';
+import { Image } from '../Image/Image.esnext';
+
+function EmptySearchResult({
+  title,
+  description,
+  withIllustration
+}) {
+  const i18n = useI18n();
+  const altText = i18n.translate('Polaris.EmptySearchResult.altText');
+  const descriptionMarkup = description ? /*#__PURE__*/React.createElement("p", null, description) : null;
+  const illustrationMarkup = withIllustration ? /*#__PURE__*/React.createElement(Image, {
+    alt: altText,
+    source: emptySearch,
+    draggable: false
+  }) : null;
+  return /*#__PURE__*/React.createElement(LegacyStack, {
+    alignment: "center",
+    vertical: true
+  }, illustrationMarkup, /*#__PURE__*/React.createElement(Text, {
+    variant: "headingLg",
+    as: "p"
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    tone: "subdued",
+    as: "span"
+  }, descriptionMarkup));
+}
+
+export { EmptySearchResult };

package/build/esnext/components/EmptySearchResult/illustrations/empty-search.svg.esnext

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M41.87 24a17.87 17.87 0 11-35.74 0 17.87 17.87 0 0135.74 0zm-3.15 18.96a24 24 0 114.24-4.24L59.04 54.8a3 3 0 11-4.24 4.24L38.72 42.96z' fill='%238C9196'/%3e%3c/svg%3e";
+  var emptySearch = img;
+
+export { emptySearch as default };

package/build/esnext/components/EmptyState/EmptyState.css.esnext

@@ -0,0 +1,12 @@
+import './EmptyState.out.css';
+
+var styles = {
+  "ImageContainer": "Polaris-EmptyState__ImageContainer_wrfol",
+  "Image": "Polaris-EmptyState__Image_2qgms",
+  "loaded": "Polaris-EmptyState--loaded_ij9so",
+  "imageContained": "Polaris-EmptyState--imageContained_z6t0k",
+  "SkeletonImageContainer": "Polaris-EmptyState__SkeletonImageContainer_qysq2",
+  "SkeletonImage": "Polaris-EmptyState__SkeletonImage_16agu"
+};
+
+export { styles as default };

package/build/esnext/components/EmptyState/EmptyState.esnext

@@ -0,0 +1,104 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { classNames } from '../../utilities/css.esnext';
+import styles from './EmptyState.css.esnext';
+import { buttonFrom } from '../Button/utils.esnext';
+import { Box } from '../Box/Box.esnext';
+import { BlockStack } from '../BlockStack/BlockStack.esnext';
+import { Image } from '../Image/Image.esnext';
+import { Text } from '../Text/Text.esnext';
+import { InlineStack } from '../InlineStack/InlineStack.esnext';
+
+function EmptyState({
+  children,
+  heading,
+  image,
+  largeImage,
+  imageContained,
+  fullWidth = false,
+  action,
+  secondaryAction,
+  footerContent
+}) {
+  const [imageLoaded, setImageLoaded] = useState(false);
+  const imageRef = useRef(null);
+  useEffect(() => {
+    if (imageRef.current?.complete) setImageLoaded(true);
+  }, []);
+  const imageClassNames = classNames(styles.Image, imageLoaded && styles.loaded, imageContained && styles.imageContained);
+  const loadedImageMarkup = largeImage ? /*#__PURE__*/React.createElement(Image, {
+    alt: "",
+    role: "presentation",
+    ref: imageRef,
+    source: largeImage,
+    className: imageClassNames,
+    sourceSet: [{
+      source: image,
+      descriptor: '568w'
+    }, {
+      source: largeImage,
+      descriptor: '1136w'
+    }],
+    sizes: "(max-width: 568px) 60vw",
+    onLoad: () => setImageLoaded(true)
+  }) : /*#__PURE__*/React.createElement(Image, {
+    alt: "",
+    role: "presentation",
+    ref: imageRef,
+    className: imageClassNames,
+    source: image,
+    onLoad: () => setImageLoaded(true)
+  });
+  const skeletonImageClassNames = classNames(styles.SkeletonImage, imageLoaded && styles.loaded);
+  const imageContainerClassNames = classNames(styles.ImageContainer, !imageLoaded && styles.SkeletonImageContainer);
+  const imageMarkup = /*#__PURE__*/React.createElement("div", {
+    className: imageContainerClassNames
+  }, loadedImageMarkup, /*#__PURE__*/React.createElement("div", {
+    className: skeletonImageClassNames
+  }));
+  const secondaryActionMarkup = secondaryAction ? buttonFrom(secondaryAction, {}) : null;
+  const footerContentMarkup = footerContent ? /*#__PURE__*/React.createElement(Box, {
+    paddingBlockStart: "400"
+  }, /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    alignment: "center",
+    variant: "bodySm"
+  }, footerContent)) : null;
+  const primaryActionMarkup = action ? buttonFrom(action, {
+    variant: 'primary',
+    size: 'medium'
+  }) : null;
+  const headingMarkup = heading ? /*#__PURE__*/React.createElement(Box, {
+    paddingBlockEnd: "150"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "headingMd",
+    as: "p",
+    alignment: "center"
+  }, heading)) : null;
+  const childrenMarkup = children ? /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    alignment: "center",
+    variant: "bodySm"
+  }, children) : null;
+  const textContentMarkup = headingMarkup || children ? /*#__PURE__*/React.createElement(Box, {
+    paddingBlockEnd: "400"
+  }, headingMarkup, childrenMarkup) : null;
+  const actionsMarkup = primaryActionMarkup || secondaryActionMarkup ? /*#__PURE__*/React.createElement(InlineStack, {
+    align: "center",
+    gap: "200"
+  }, secondaryActionMarkup, primaryActionMarkup) : null;
+  const detailsMarkup = textContentMarkup || actionsMarkup || footerContentMarkup ? /*#__PURE__*/React.createElement(Box, {
+    maxWidth: fullWidth ? '100%' : '400px'
+  }, /*#__PURE__*/React.createElement(BlockStack, {
+    inlineAlign: "center"
+  }, textContentMarkup, actionsMarkup, footerContentMarkup)) : null;
+  return /*#__PURE__*/React.createElement(Box, {
+    paddingInlineStart: "0",
+    paddingInlineEnd: "0",
+    paddingBlockStart: "500",
+    paddingBlockEnd: "1600"
+  }, /*#__PURE__*/React.createElement(BlockStack, {
+    inlineAlign: "center"
+  }, imageMarkup, detailsMarkup));
+}
+
+export { EmptyState };

package/build/esnext/components/EmptyState/EmptyState.out.css

@@ -0,0 +1,56 @@
+.Polaris-EmptyState__ImageContainer_wrfol{
+  position:relative;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.Polaris-EmptyState__Image_2qgms{
+  opacity:0;
+  transition:opacity var(--p-motion-duration-150) var(--p-motion-ease);
+  z-index:var(--p-z-index-1);
+}
+
+.Polaris-EmptyState__Image_2qgms.Polaris-EmptyState--loaded_ij9so{
+    opacity:1;
+  }
+
+@media (min-width: 48em){
+
+.Polaris-EmptyState--imageContained_z6t0k{
+    position:initial;
+    width:100%;
+}
+  }
+
+.Polaris-EmptyState__SkeletonImageContainer_qysq2{
+  --pc-empty-state-skeleton-image-container-size:14.125rem;
+  height:var(--pc-empty-state-skeleton-image-container-size);
+  width:var(--pc-empty-state-skeleton-image-container-size);
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.Polaris-EmptyState__SkeletonImage_16agu{
+  position:absolute;
+  z-index:var(--p-z-index-0);
+  --pc-empty-state-skeleton-image-size:9.0625rem;
+  height:var(--pc-empty-state-skeleton-image-size);
+  width:var(--pc-empty-state-skeleton-image-size);
+  background-color:var(--p-color-bg-fill-secondary);
+  border-radius:var(--p-border-radius-full);
+  opacity:1;
+  transition:opacity var(--p-motion-duration-500) var(--p-motion-ease);
+}
+
+.Polaris-EmptyState__SkeletonImage_16agu.Polaris-EmptyState--loaded_ij9so{
+    opacity:0;
+  }
+
+@media screen and (-ms-high-contrast: active){
+
+.Polaris-EmptyState__SkeletonImage_16agu{
+    background-color:grayText;
+}
+  }

package/build/esnext/components/EphemeralPresenceManager/EphemeralPresenceManager.esnext

@@ -0,0 +1,41 @@
+import React, { useState, useCallback, useMemo } from 'react';
+import { EphemeralPresenceManagerContext } from '../../utilities/ephemeral-presence-manager/context.esnext';
+
+const defaultState = {
+  tooltip: 0,
+  hovercard: 0
+};
+function EphemeralPresenceManager({
+  children
+}) {
+  const [presenceCounter, setPresenceCounter] = useState(defaultState);
+  const addPresence = useCallback(key => {
+    setPresenceCounter(prevList => ({
+      ...prevList,
+      [key]: prevList[key] + 1
+    }));
+  }, []);
+  const removePresence = useCallback(key => {
+    setPresenceCounter(prevList => ({
+      ...prevList,
+      [key]: prevList[key] - 1
+    }));
+  }, []);
+  const value = useMemo(() => ({
+    presenceList: Object.entries(presenceCounter).reduce((previousValue, currentValue) => {
+      const [key, value] = currentValue;
+      return {
+        ...previousValue,
+        [key]: value >= 1
+      };
+    }, {}),
+    presenceCounter,
+    addPresence,
+    removePresence
+  }), [addPresence, removePresence, presenceCounter]);
+  return /*#__PURE__*/React.createElement(EphemeralPresenceManagerContext.Provider, {
+    value: value
+  }, children);
+}
+
+export { EphemeralPresenceManager };

package/build/esnext/components/EventListener/EventListener.esnext

@@ -0,0 +1,47 @@
+import { PureComponent } from 'react';
+
+/** @deprecated Use the useEventListener hook instead. */
+class EventListener extends PureComponent {
+  componentDidMount() {
+    this.attachListener();
+  }
+  componentDidUpdate({
+    passive,
+    ...detachProps
+  }) {
+    this.detachListener(detachProps);
+    this.attachListener();
+  }
+  componentWillUnmount() {
+    this.detachListener();
+  }
+  render() {
+    return null;
+  }
+  attachListener() {
+    const {
+      event,
+      handler,
+      capture,
+      passive,
+      window: customWindow
+    } = this.props;
+    const window = customWindow || globalThis.window;
+    window.addEventListener(event, handler, {
+      capture,
+      passive
+    });
+  }
+  detachListener(prevProps) {
+    const {
+      event,
+      handler,
+      capture,
+      window: customWindow
+    } = prevProps || this.props;
+    const window = customWindow || globalThis.window;
+    window.removeEventListener(event, handler, capture);
+  }
+}
+
+export { EventListener };

package/build/esnext/components/ExceptionList/ExceptionList.css.esnext

@@ -0,0 +1,14 @@
+import './ExceptionList.out.css';
+
+var styles = {
+  "ExceptionList": "Polaris-ExceptionList_1wvyn",
+  "Item": "Polaris-ExceptionList__Item_yiyol",
+  "Icon": "Polaris-ExceptionList__Icon_yj27d",
+  "statusWarning": "Polaris-ExceptionList--statusWarning_1x66d",
+  "statusCritical": "Polaris-ExceptionList--statusCritical_1iy3d",
+  "Bullet": "Polaris-ExceptionList__Bullet_sw8s3",
+  "Title": "Polaris-ExceptionList__Title_2qj8j",
+  "Description": "Polaris-ExceptionList__Description_s1jgm"
+};
+
+export { styles as default };

package/build/esnext/components/ExceptionList/ExceptionList.esnext

@@ -0,0 +1,43 @@
+import React, { Fragment } from 'react';
+import { classNames, variationName } from '../../utilities/css.esnext';
+import styles from './ExceptionList.css.esnext';
+import { Truncate } from '../Truncate/Truncate.esnext';
+import { Icon } from '../Icon/Icon.esnext';
+
+function ExceptionList({
+  items: itemsList
+}) {
+  const items = itemsList.map((item, index) => {
+    const {
+      status,
+      icon,
+      title,
+      description,
+      truncate = false
+    } = item;
+    const itemClasses = classNames(styles.Item, status && styles[variationName('status', status)]);
+    const iconMarkup = icon ? /*#__PURE__*/React.createElement(Icon, {
+      source: icon
+    }) : /*#__PURE__*/React.createElement("span", {
+      className: styles.Bullet
+    });
+    const titleMarkup = title && /*#__PURE__*/React.createElement("span", {
+      className: styles.Title
+    }, title);
+    const descriptionMarkup = description && /*#__PURE__*/React.createElement("span", {
+      className: styles.Description
+    }, description);
+    const Element = truncate ? Truncate : Fragment;
+    return /*#__PURE__*/React.createElement("li", {
+      className: itemClasses,
+      key: index
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.Icon
+    }, iconMarkup), /*#__PURE__*/React.createElement(Element, null, titleMarkup, descriptionMarkup));
+  });
+  return /*#__PURE__*/React.createElement("ul", {
+    className: styles.ExceptionList
+  }, items);
+}
+
+export { ExceptionList };

package/build/esnext/components/ExceptionList/ExceptionList.out.css

@@ -0,0 +1,72 @@
+.Polaris-ExceptionList_1wvyn{
+  margin:0;
+  padding:0;
+  list-style:none;
+}
+
+.Polaris-ExceptionList__Item_yiyol{
+  position:relative;
+  padding-left:var(--p-space-600);
+  color:var(--p-color-text-secondary);
+}
+
+.Polaris-ExceptionList__Item_yiyol + .Polaris-ExceptionList__Item_yiyol{
+    margin-top:var(--p-space-100);
+  }
+
+.Polaris-ExceptionList__Icon_yj27d{
+  position:absolute;
+  top:0;
+  left:0;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  min-width:var(--p-space-500);
+  height:var(--p-space-500);
+  margin-right:var(--p-space-100);
+}
+
+.Polaris-ExceptionList__Icon_yj27d svg{
+    fill:var(--p-color-icon-secondary);
+  }
+
+.Polaris-ExceptionList--statusWarning_1x66d .Polaris-ExceptionList__Icon_yj27d svg{
+    fill:var(--p-color-text-caution);
+  }
+
+.Polaris-ExceptionList--statusCritical_1iy3d .Polaris-ExceptionList__Icon_yj27d svg{
+    fill:var(--p-color-text-critical);
+  }
+
+.Polaris-ExceptionList__Bullet_sw8s3{
+  width:0.375rem;
+  height:0.375rem;
+  border-radius:var(--p-border-radius-full);
+  background-color:var(--p-color-icon-secondary);
+}
+
+.Polaris-ExceptionList--statusWarning_1x66d .Polaris-ExceptionList__Bullet_sw8s3{
+    background-color:var(--p-color-text-caution);
+  }
+
+.Polaris-ExceptionList--statusCritical_1iy3d .Polaris-ExceptionList__Bullet_sw8s3{
+    background-color:var(--p-color-text-critical);
+  }
+
+.Polaris-ExceptionList__Title_2qj8j + .Polaris-ExceptionList__Description_s1jgm::before{
+    content:'–';
+    margin:0 var(--p-space-100);
+  }
+
+.Polaris-ExceptionList--statusWarning_1x66d .Polaris-ExceptionList__Title_2qj8j,
+  .Polaris-ExceptionList--statusCritical_1iy3d .Polaris-ExceptionList__Title_2qj8j{
+    font-weight:var(--p-font-weight-medium);
+  }
+
+.Polaris-ExceptionList--statusWarning_1x66d .Polaris-ExceptionList__Title_2qj8j{
+    color:var(--p-color-text-caution);
+  }
+
+.Polaris-ExceptionList--statusCritical_1iy3d .Polaris-ExceptionList__Title_2qj8j{
+    color:var(--p-color-text-critical);
+  }

package/build/esnext/components/FilterActionsProvider/FilterActionsProvider.esnext

@@ -0,0 +1,13 @@
+import React, { createContext } from 'react';
+
+const FilterActionsContext = /*#__PURE__*/createContext(false);
+function FilterActionsProvider({
+  children,
+  filterActions
+}) {
+  return /*#__PURE__*/React.createElement(FilterActionsContext.Provider, {
+    value: filterActions
+  }, children);
+}
+
+export { FilterActionsContext, FilterActionsProvider };

package/build/esnext/components/Filters/Filters.css.esnext

@@ -0,0 +1,17 @@
+import './Filters.out.css';
+
+var styles = {
+  "Container": "Polaris-Filters__Container_13mbo",
+  "SearchField": "Polaris-Filters__SearchField_ek145",
+  "FiltersWrapper": "Polaris-Filters__FiltersWrapper_13e37",
+  "hideQueryField": "Polaris-Filters--hideQueryField_642pq",
+  "FiltersInner": "Polaris-Filters__FiltersInner_8towq",
+  "AddFilter": "Polaris-Filters__AddFilter_fze3c",
+  "FiltersWrapperWithAddButton": "Polaris-Filters__FiltersWrapperWithAddButton_1l0jb",
+  "AddFilterActivatorMultiple": "Polaris-Filters__AddFilterActivatorMultiple_1s5qq",
+  "FiltersStickyArea": "Polaris-Filters__FiltersStickyArea_1e5rp",
+  "ClearAll": "Polaris-Filters__ClearAll_dhdej",
+  "MultiplePinnedFilterClearAll": "Polaris-Filters__MultiplePinnedFilterClearAll_gp8qw"
+};
+
+export { styles as default };

package/build/esnext/components/Filters/Filters.esnext

@@ -0,0 +1,134 @@
+import React from 'react';
+import { classNames } from '../../utilities/css.esnext';
+import styles from './Filters.css.esnext';
+import { SearchField } from './components/SearchField/SearchField.esnext';
+import { FiltersBar } from './components/FiltersBar/FiltersBar.esnext';
+import { Box } from '../Box/Box.esnext';
+import { InlineStack } from '../InlineStack/InlineStack.esnext';
+
+const TRANSITION_DURATION = 'var(--p-motion-duration-150)';
+const TRANSITION_MARGIN = '-36px';
+const defaultStyle = {
+  transition: `opacity ${TRANSITION_DURATION} var(--p-motion-ease)`,
+  opacity: 0
+};
+const transitionStyles = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  },
+  exiting: {
+    opacity: 0
+  },
+  exited: {
+    opacity: 0
+  },
+  unmounted: {
+    opacity: 0
+  }
+};
+const defaultFilterStyles = {
+  transition: `opacity ${TRANSITION_DURATION} var(--p-motion-ease), margin ${TRANSITION_DURATION} var(--p-motion-ease)`,
+  opacity: 0,
+  marginTop: TRANSITION_MARGIN
+};
+const transitionFilterStyles = {
+  entering: {
+    opacity: 1,
+    marginTop: 0
+  },
+  entered: {
+    opacity: 1,
+    marginTop: 0
+  },
+  exiting: {
+    opacity: 0,
+    marginTop: TRANSITION_MARGIN
+  },
+  exited: {
+    opacity: 0,
+    marginTop: TRANSITION_MARGIN
+  },
+  unmounted: {
+    opacity: 0,
+    marginTop: TRANSITION_MARGIN
+  }
+};
+function Filters({
+  queryValue,
+  queryPlaceholder,
+  focused,
+  filters,
+  appliedFilters,
+  onQueryChange,
+  onQueryClear,
+  onQueryBlur,
+  onQueryFocus,
+  onClearAll,
+  children,
+  disabled,
+  hideFilters,
+  hideQueryField,
+  disableQueryField,
+  borderlessQueryField,
+  loading,
+  disableFilters,
+  mountedState,
+  onAddFilterClick,
+  closeOnChildOverlayClick,
+  selectedViewName
+}) {
+  const hideFilterBar = hideFilters || filters.length === 0;
+  const queryFieldMarkup = hideQueryField ? null : /*#__PURE__*/React.createElement("div", {
+    className: styles.Container
+  }, /*#__PURE__*/React.createElement(Box, {
+    padding: "200"
+  }, /*#__PURE__*/React.createElement(InlineStack, {
+    align: "start",
+    blockAlign: "center",
+    gap: {
+      xs: '400',
+      md: '300'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.SearchField,
+    style: mountedState ? {
+      ...defaultStyle,
+      ...transitionStyles[mountedState]
+    } : undefined
+  }, /*#__PURE__*/React.createElement(SearchField, {
+    onChange: onQueryChange,
+    onFocus: onQueryFocus,
+    onBlur: onQueryBlur,
+    onClear: onQueryClear,
+    value: queryValue,
+    placeholder: queryPlaceholder,
+    focused: focused,
+    disabled: disabled || disableQueryField,
+    borderlessQueryField: borderlessQueryField,
+    loading: loading,
+    selectedViewName: selectedViewName
+  })), children)));
+  const mountedStateStyles = mountedState && !hideQueryField ? {
+    ...defaultFilterStyles,
+    ...transitionFilterStyles[mountedState]
+  } : undefined;
+  const filtersMarkup = hideFilterBar ? null : /*#__PURE__*/React.createElement(FiltersBar, {
+    filters: filters,
+    appliedFilters: appliedFilters,
+    onClearAll: onClearAll,
+    disabled: disabled,
+    hideQueryField: hideQueryField,
+    disableFilters: disableFilters,
+    onAddFilterClick: onAddFilterClick,
+    closeOnChildOverlayClick: closeOnChildOverlayClick,
+    mountedStateStyles: mountedStateStyles
+  }, children);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.Filters, hideQueryField && styles.hideQueryField)
+  }, queryFieldMarkup, filtersMarkup);
+}
+
+export { Filters };