@astryxdesign/core 0.4.7 → 0.5.0-canary.009bcb3

package/dist/Popover/usePopover.js

@@ -5,7 +5,7 @@
 /**
  * @file usePopover.tsx
  * @input Uses useLayer, useFocusTrap, React hooks
- * @output Exports usePopover hook for popover dialogs with focus trapping
+ * @output Exports usePopover and a package-internal trigger-aware variant.
  * @position Higher-level layer utility; used by DatePicker, Combobox, etc.
  *
  * Combines popover layer behavior with focus trap for dialog-like popovers.
@@ -16,8 +16,9 @@
  */
 import React, { useCallback, useEffect, useRef } from 'react';
 import * as stylex from '@stylexjs/stylex';
-import { useLayer } from "../Layer/useLayer.js";
+import { useLayerInternal } from "../Layer/useLayer.js";
 import { useFocusTrap } from "../hooks/useFocusTrap.js";
+import { LayerDepthProvider } from "../Layer/LayerDepthContext.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, shadowVars } from "../theme/tokens.stylex.js";
 import { Button } from "../Button/index.js";
@@ -101,7 +102,7 @@ const styles = {
  * }
  * ```
  */
-export function usePopover(options = {}) {
+function usePopoverImplementation(options = {}) {
   const {
     onShow,
     onHide,
@@ -127,7 +128,7 @@ export function usePopover(options = {}) {
   const skipAutoFocusRef = useRef(false);
 
   // Core layer for popover positioning
-  const layer = useLayer({
+  const layer = useLayerInternal({
     mode: 'context',
     lightDismiss: hasLightDismiss,
     onShow,
@@ -173,6 +174,9 @@ export function usePopover(options = {}) {
 
   // Toggle function
   const toggle = useCallback(() => {
+    if (layer.wasJustDismissed()) {
+      return;
+    }
     if (layer.isOpen) {
       layer.hide();
     } else {
@@ -197,23 +201,25 @@ export function usePopover(options = {}) {
     // into one props object before merging with the StyleX result.
     const surfaceProps = themeProps('popover-surface');
     const surfaceClassName = surfaceTarget != null ? `${surfaceProps.className} ${stableClassName(surfaceTarget)}` : surfaceProps.className;
-    return layer.render(/*#__PURE__*/_jsxs("div", {
-      ref: contentRef,
-      role: role === 'dialog' ? 'dialog' : undefined,
-      "aria-modal": role === 'dialog' && isModal ? true : undefined,
-      "aria-label": role === 'dialog' ? dialogLabel : undefined,
-      ...mergeProps({
-        ...surfaceProps,
-        className: surfaceClassName
-      }, stylex.props(styles.contentWrapper, hasSurface && styles.surface, xstyle)),
-      children: [children, hasCloseButton && /*#__PURE__*/_jsx("div", {
-        ...stylex.props(styles.closeButtonWrapper, rtlStyles.centerInline('100%')),
-        children: /*#__PURE__*/_jsx(Button, {
-          variant: "secondary",
-          label: closeButtonLabel,
-          onClick: layer.hide
-        })
-      })]
+    return layer.render(/*#__PURE__*/_jsx(LayerDepthProvider, {
+      children: /*#__PURE__*/_jsxs("div", {
+        ref: contentRef,
+        role: role === 'dialog' ? 'dialog' : undefined,
+        "aria-modal": role === 'dialog' && isModal ? true : undefined,
+        "aria-label": role === 'dialog' ? dialogLabel : undefined,
+        ...mergeProps({
+          ...surfaceProps,
+          className: surfaceClassName
+        }, stylex.props(styles.contentWrapper, hasSurface && styles.surface, xstyle)),
+        children: [children, hasCloseButton && /*#__PURE__*/_jsx("div", {
+          ...stylex.props(styles.closeButtonWrapper, rtlStyles.centerInline('100%')),
+          children: /*#__PURE__*/_jsx(Button, {
+            variant: "secondary",
+            label: closeButtonLabel,
+            onClick: layer.hide
+          })
+        })]
+      })
     }), {
       ...props,
       xstyle: props?.xstyle
@@ -226,9 +232,22 @@ export function usePopover(options = {}) {
     show,
     hide: layer.hide,
     toggle,
+    wasJustDismissed: layer.wasJustDismissed,
     isOpen: layer.isOpen,
     id: layer.id,
     render,
     triggerProps
   };
+}
+export function usePopover(options = {}) {
+  const {
+    wasJustDismissed: _,
+    ...popover
+  } = usePopoverImplementation(options);
+  return popover;
+}
+
+/** @internal Used by trigger components; not exported from package barrels. */
+export function usePopoverInternal(options = {}) {
+  return usePopoverImplementation(options);
 }

package/dist/PowerSearch/PowerSearch.d.ts

@@ -69,8 +69,14 @@ export interface PowerSearchProps extends Omit<BaseProps<HTMLElement>, 'onChange
     menuWidth?: number;
     /** Max display length for filter token values. @default 40 */
     maxTokenLength?: number;
-    /** Max items in operator dropdown. */
+    /** Max suggestions in string and entity value typeaheads. @default 10 */
     maxOperatorMenuItems?: number;
+    /**
+     * Max ranked results shown for a non-empty query. This does not affect the
+     * value editor shown after selecting a field. Browsing the field list with
+     * an empty query shows up to 1,000 fields. @default 10
+     */
+    maxSearchResults?: number;
     /** Label for the save button in edit popover. @default 'Apply' */
     popoverSaveButtonLabel?: string;
     /** Timezone ID for date formatting. */
@@ -172,7 +178,7 @@ export interface PowerSearchProps extends Omit<BaseProps<HTMLElement>, 'onChange
  * };
  * ```
  */
-export declare function PowerSearch({ config: configProp, filters, onChange, label: labelFromProps, isLabelHidden, placeholder: placeholderFromProps, hasAutoFocus, hasClear, isReadOnly, isDisabled, disabledMessage, startIcon, onFocus, onBlur, status, statusVariant, maxTokenLength, popoverSaveButtonLabel: popoverSaveButtonLabelFromProps, timezoneID, tokenOverflowBehavior, endContent, resultCount, ref, handleRef, size: sizeProp, 'data-testid': testId, xstyle, className, style, components: componentOverrides, }: PowerSearchProps): React.JSX.Element;
+export declare function PowerSearch({ config: configProp, filters, onChange, label: labelFromProps, isLabelHidden, placeholder: placeholderFromProps, hasAutoFocus, hasClear, isReadOnly, isDisabled, disabledMessage, startIcon, onFocus, onBlur, status, statusVariant, menuWidth, maxTokenLength, maxOperatorMenuItems, maxSearchResults, popoverSaveButtonLabel: popoverSaveButtonLabelFromProps, timezoneID, tokenOverflowBehavior, endContent, resultCount, ref, handleRef, size: sizeProp, 'data-testid': testId, xstyle, className, style, components: componentOverrides, }: PowerSearchProps): React.JSX.Element;
 export declare namespace PowerSearch {
     var displayName: string;
 }

package/dist/PowerSearch/PowerSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PowerSearch.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PowerSearch.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearch.tsx"],"names":[],"mappings":"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"}

package/dist/PowerSearch/PowerSearch.js

@@ -25,7 +25,6 @@ import { usePopover } from "../Popover/usePopover.js";
 import { useAnnounce } from "../hooks/useAnnounce.js";
 import "../theme/tokens.stylex.js";
 import { spacingVars, colorVars, typeScaleVars, fontWeightVars } from "../theme/tokens.stylex.js";
-import { mergeRefs } from "../utils/index.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { useInternalConfig } from "./useInternalConfig.js";
 import { usePowerSearchSource } from "./usePowerSearchSource.js";
@@ -36,11 +35,19 @@ import { themeProps } from "../utils/themeProps.js";
 import { truncateCharacters } from "../utils/characters.js";
 import { useTranslator } from "../i18n/index.js";
 import { useLocale } from "../i18n/useLocale.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMergedRefs } from "../hooks/useMergedRefs.js";
 // =============================================================================
 // Icon mapping for typeahead entries
 // =============================================================================
 
+// Ranked suggestions shown for a non-empty query. The field list itself is
+// never capped -- see the maxSearchResults prop.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const DEFAULT_MAX_SEARCH_RESULTS = 10;
+
+// Empty-query browsing gets a high safety ceiling, matching XDS. This shows
+// every practical field list without allowing an accidental unbounded DOM.
+const MAX_BROWSE_MENU_ITEMS = 1000;
 const OPERATOR_VALUE_TYPE_TO_ICON = {
   string: 'search',
   string_list: 'search',
@@ -65,7 +72,7 @@ const OPERATOR_VALUE_TYPE_TO_ICON = {
 const popoverLayerStyles = {
   layer: {
     kzqmXN: "x1xgy17j",
-    k7Eaqz: "x13o0s5z",
+    k7Eaqz: "x15mybvi",
     $$css: true
   }
 };
@@ -379,7 +386,10 @@ export function PowerSearch({
   onBlur,
   status,
   statusVariant = 'attached',
+  menuWidth,
   maxTokenLength = 40,
+  maxOperatorMenuItems,
+  maxSearchResults = DEFAULT_MAX_SEARCH_RESULTS,
   popoverSaveButtonLabel: popoverSaveButtonLabelFromProps,
   timezoneID,
   tokenOverflowBehavior,
@@ -396,7 +406,7 @@ export function PowerSearch({
 }) {
   const size = useSize(sizeProp, 'md');
   const config = useInternalConfig(configProp);
-  const searchSource = usePowerSearchSource(config);
+  const searchSource = usePowerSearchSource(config, maxSearchResults);
   const t = useTranslator();
   const locale = useLocale();
   const label = labelFromProps ?? t('@astryx.powersearch.label');
@@ -703,9 +713,10 @@ export function PowerSearch({
       onSave: handlePopoverSave,
       onCancel: handlePopoverCancel,
       saveButtonLabel: popoverSaveButtonLabel,
+      maxMenuItems: maxOperatorMenuItems,
       isReadOnly: isReadOnly
     }, popoverKey);
-  }, [popoverPartialFilter, popoverState, EditorOverride, configProp, config, handlePopoverSave, handlePopoverCancel, popoverSaveButtonLabel, isReadOnly]);
+  }, [popoverPartialFilter, popoverState, EditorOverride, configProp, config, handlePopoverSave, handlePopoverCancel, popoverSaveButtonLabel, maxOperatorMenuItems, isReadOnly]);
 
   // Plain-text form of the result count, shared by the visible label and the
   // screen-reader announcement so the two never drift. The ICU plural handles
@@ -757,7 +768,7 @@ export function PowerSearch({
   }, [resultCountText, endContent]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
-      ref: mergeRefs(ref, popover.triggerRef),
+      ref: useMergedRefs(ref, popover.triggerRef),
       ...themeProps('power-search'),
       children: /*#__PURE__*/_jsx(Tokenizer, {
         handleRef: tokenizerRef,
@@ -768,6 +779,8 @@ export function PowerSearch({
         onChange: handleTokenizerChange,
         renderToken: renderToken,
         renderItem: renderItem,
+        maxMenuItems: MAX_BROWSE_MENU_ITEMS,
+        menuWidth: menuWidth,
         placeholder: filters.length === 0 ? placeholder : '',
         hasAutoFocus: hasAutoFocus,
         hasClear: hasClear && !isReadOnly,

package/dist/PowerSearch/PowerSearchEditPopover.d.ts

@@ -22,8 +22,10 @@ export interface PowerSearchEditPopoverProps {
     onCancel: () => void;
     /** Label for the save button. @default 'Apply' */
     saveButtonLabel?: string;
+    /** Max suggestions in string and entity value typeaheads. */
+    maxMenuItems?: number;
     /** Whether the filter is read-only. */
     isReadOnly?: boolean;
 }
-export declare function PowerSearchEditPopover({ config, filter: initialFilter, mode, onSave, onCancel, saveButtonLabel: saveButtonLabelFromProps, isReadOnly, }: PowerSearchEditPopoverProps): React.JSX.Element;
+export declare function PowerSearchEditPopover({ config, filter: initialFilter, mode, onSave, onCancel, saveButtonLabel: saveButtonLabelFromProps, maxMenuItems, isReadOnly, }: PowerSearchEditPopoverProps): React.JSX.Element;
 //# sourceMappingURL=PowerSearchEditPopover.d.ts.map

package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PowerSearchEditPopover.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchEditPopover.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAC;AAY/E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EAGd,MAAM,SAAS,CAAC;AAgDjB,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,cAAc,CAAC;IACvB,uCAAuC;IACvC,MAAM,EAAE,aAAa,CAAC;IACtB,qDAAqD;IACrD,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,6EAA6E;IAC7E,MAAM,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,wDAAwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8eD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EAAE,aAAa,EACrB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,eAAe,EAAE,wBAAwB,EACzC,UAAkB,GACnB,EAAE,2BAA2B,qBAwR7B"}
+{"version":3,"file":"PowerSearchEditPopover.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchEditPopover.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAC;AAY/E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EAGd,MAAM,SAAS,CAAC;AA+DjB,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,cAAc,CAAC;IACvB,uCAAuC;IACvC,MAAM,EAAE,aAAa,CAAC;IACtB,qDAAqD;IACrD,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,6EAA6E;IAC7E,MAAM,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,wDAAwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAqfD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EAAE,aAAa,EACrB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,eAAe,EAAE,wBAAwB,EACzC,YAAY,EACZ,UAAkB,GACnB,EAAE,2BAA2B,qBA0R7B"}

package/dist/PowerSearch/PowerSearchEditPopover.js

@@ -25,6 +25,18 @@ import { spacingVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { PowerSearchValueEditor } from "./PowerSearchValueEditor.js";
 import { resolveOperatorLabel } from "./resolveOperatorLabel.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Below the popover layer's 400px floor (see popoverLayerStyles in
+// PowerSearch.tsx) the chip rows collapse from one line to wrapped lines.
+// A container query, not a viewport one, so the rows track the width the
+// popover actually got (#4761).
+const CHIP_ROW_COLLAPSE = '@container (max-width: 399px)';
+const styles = {
+  chipRow: {
+    kwnvtZ: "xozqiw3 x1alyx8p",
+    $$css: true
+  }
+};
+
 // =============================================================================
 // Editable filter state for recursive nesting
 // =============================================================================
@@ -130,6 +142,7 @@ function NestedSubFilterRow({
   config,
   subFilter,
   onChange,
+  maxMenuItems,
   isReadOnly
 }) {
   const t = useTranslator();
@@ -178,9 +191,10 @@ function NestedSubFilterRow({
   return /*#__PURE__*/_jsxs(HStack, {
     gap: 2,
     vAlign: "center",
+    xstyle: styles.chipRow,
     children: [/*#__PURE__*/_jsx("div", {
       ...{
-        className: "x2lah0s x1oysuqx"
+        className: "x2lah0s x1oysuqx x193iq5w"
       },
       children: /*#__PURE__*/_jsx(Selector, {
         label: t('@astryx.powersearch.editor.field'),
@@ -193,7 +207,7 @@ function NestedSubFilterRow({
       })
     }), operatorOptions.length > 0 && /*#__PURE__*/_jsx("div", {
       ...{
-        className: "x2lah0s xzjbwwf"
+        className: "x2lah0s xzjbwwf x193iq5w"
       },
       children: /*#__PURE__*/_jsx(Selector, {
         label: t('@astryx.powersearch.editor.operator'),
@@ -213,6 +227,7 @@ function NestedSubFilterRow({
         filterValue: subFilter.value,
         onChange: handleValueChange,
         config: config,
+        maxMenuItems: maxMenuItems,
         isDisabled: isReadOnly
       })
     })]
@@ -229,6 +244,7 @@ function NestedEditor({
   operatorOptions,
   onOperatorChange,
   onPartialFilterChange,
+  maxMenuItems,
   isReadOnly
 }) {
   const t = useTranslator();
@@ -312,6 +328,7 @@ function NestedEditor({
             config: config,
             subFilter: sf,
             onChange: updated => handleUpdate(itemPath, updated),
+            maxMenuItems: maxMenuItems,
             isReadOnly: isReadOnly
           }),
           isExpanded: true,
@@ -336,6 +353,7 @@ function NestedEditor({
           config: config,
           subFilter: sf,
           onChange: updated => handleUpdate(itemPath, updated),
+          maxMenuItems: maxMenuItems,
           isReadOnly: isReadOnly
         }),
         endContent: !isReadOnly ? /*#__PURE__*/_jsx(Button, {
@@ -371,7 +389,7 @@ function NestedEditor({
     },
     children: operatorOptions.length > 1 ? /*#__PURE__*/_jsx("div", {
       ...{
-        className: "x1iyjqo2 x2lah0s"
+        className: "x1iyjqo2 x2lah0s x193iq5w"
       },
       children: /*#__PURE__*/_jsx(Selector, {
         label: t('@astryx.powersearch.editor.groupOperator'),
@@ -407,6 +425,7 @@ export function PowerSearchEditPopover({
   onSave,
   onCancel,
   saveButtonLabel: saveButtonLabelFromProps,
+  maxMenuItems,
   isReadOnly = false
 }) {
   const t = useTranslator();
@@ -528,7 +547,7 @@ export function PowerSearchEditPopover({
   if (isNestedType) {
     return /*#__PURE__*/_jsxs("div", {
       ...{
-        className: "xb3r6kr"
+        className: "xb3r6kr x12h1iku"
       },
       onKeyDown: handleKeyDown,
       children: [/*#__PURE__*/_jsx("div", {
@@ -559,6 +578,7 @@ export function PowerSearchEditPopover({
             operatorOptions: operatorOptions,
             onOperatorChange: handleOperatorChange,
             onPartialFilterChange: setPartialFilter,
+            maxMenuItems: maxMenuItems,
             isReadOnly: isReadOnly
           })]
         })
@@ -595,7 +615,7 @@ export function PowerSearchEditPopover({
   }
   return /*#__PURE__*/_jsxs("div", {
     ...{
-      className: "xb3r6kr"
+      className: "xb3r6kr x12h1iku"
     },
     onKeyDown: handleKeyDown,
     children: [/*#__PURE__*/_jsx("div", {
@@ -604,6 +624,7 @@ export function PowerSearchEditPopover({
       },
       children: /*#__PURE__*/_jsxs(HStack, {
         gap: 2,
+        xstyle: styles.chipRow,
         children: [/*#__PURE__*/_jsx("div", {
           ...{
             className: "x1iyjqo2 xs83m0k xeuugli"
@@ -619,7 +640,7 @@ export function PowerSearchEditPopover({
           })
         }), showOperatorSelector && operatorOptions.length > 0 && /*#__PURE__*/_jsx("div", {
           ...{
-            className: "x1iyjqo2 x2lah0s"
+            className: "x1iyjqo2 x2lah0s x193iq5w"
           },
           children: /*#__PURE__*/_jsx(Selector, {
             label: t('@astryx.powersearch.editor.operator'),
@@ -641,6 +662,7 @@ export function PowerSearchEditPopover({
             onChange: handleValueChange,
             onEnter: handleSave,
             config: config,
+            maxMenuItems: maxMenuItems,
             isDisabled: isReadOnly
           })
         })]

package/dist/PowerSearch/PowerSearchValueEditor.d.ts

@@ -16,8 +16,10 @@ export interface PowerSearchValueEditorProps {
     onChange: (value: FilterValue, shouldSave?: boolean) => void;
     onEnter?: () => void;
     config: InternalConfig;
+    /** Max suggestions in string and entity value typeaheads. */
+    maxMenuItems?: number;
     isDisabled?: boolean;
     timezoneID?: string;
 }
-export declare function PowerSearchValueEditor({ operatorValue, filterValue, onChange, onEnter, isDisabled, }: PowerSearchValueEditorProps): React.JSX.Element | null;
+export declare function PowerSearchValueEditor({ operatorValue, filterValue, onChange, onEnter, maxMenuItems, isDisabled, }: PowerSearchValueEditorProps): React.JSX.Element | null;
 //# sourceMappingURL=PowerSearchValueEditor.d.ts.map

package/dist/PowerSearch/PowerSearchValueEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PowerSearchValueEditor.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchValueEditor.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAexD,MAAM,WAAW,2BAA2B;IAC1C,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAwkBD,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,2BAA2B,4BA0H7B"}
+{"version":3,"file":"PowerSearchValueEditor.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchValueEditor.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAmBxD,MAAM,WAAW,2BAA2B;IAC1C,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAwqBD,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,UAAU,GACX,EAAE,2BAA2B,4BA+H7B"}