@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602

package/dist/PowerSearch/PowerSearch.js

@@ -31,8 +31,10 @@ import { useInternalConfig } from "./useInternalConfig.js";
 import { usePowerSearchSource } from "./usePowerSearchSource.js";
 import { formatFilterValue } from "./formatFilterValue.js";
 import { PowerSearchEditPopover } from "./PowerSearchEditPopover.js";
+import { resolveOperatorLabel } from "./resolveOperatorLabel.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // =============================================================================
 // Icon mapping for typeahead entries
 // =============================================================================
@@ -81,35 +83,35 @@ function PowerSearchTokenValue({
     case 'empty':
       return null;
     case 'string':
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: truncateString(filterValue.value, maxLength)
-      }, void 0, false);
+      });
     case 'integer':
     case 'float':
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: filterValue.value
-      }, void 0, false);
+      });
     case 'enum':
       if (operatorValue.type === 'enum') {
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1lvx875"
           },
           children: truncateString(getEnumLabel(operatorValue.values, filterValue.value), maxLength)
-        }, void 0, false);
+        });
       }
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: truncateString(filterValue.value, maxLength)
-      }, void 0, false);
+      });
     case 'string_list':
       {
         const items = filterValue.value;
@@ -117,28 +119,28 @@ function PowerSearchTokenValue({
           return null;
         }
         if (items.length === 1) {
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsx("span", {
             ...{
               className: "x1lvx875"
             },
             children: truncateString(items[0], maxLength)
-          }, void 0, false);
+          });
         }
         const totalLength = items.reduce((sum, s) => sum + s.length, 0);
         if (totalLength > maxLength) {
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsxs("span", {
             ...{
               className: "x1lvx875"
             },
             children: [items.length, " items"]
-          }, void 0, true);
+          });
         }
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1lvx875"
           },
           children: items.join(', ')
-        }, void 0, false);
+        });
       }
     case 'enum_list':
       {
@@ -149,43 +151,43 @@ function PowerSearchTokenValue({
         if (operatorValue.type === 'enum_list') {
           const labels = items.map(v => getEnumLabel(operatorValue.values, v));
           if (labels.length === 1) {
-            return /*#__PURE__*/_jsxDEV("span", {
+            return /*#__PURE__*/_jsx("span", {
               ...{
                 className: "x1lvx875"
               },
               children: truncateString(labels[0], maxLength)
-            }, void 0, false);
+            });
           }
           const totalLength = labels.reduce((sum, s) => sum + s.length, 0);
           if (totalLength > maxLength) {
-            return /*#__PURE__*/_jsxDEV("span", {
+            return /*#__PURE__*/_jsxs("span", {
               ...{
                 className: "x1lvx875"
               },
               children: [labels.length, " items"]
-            }, void 0, true);
+            });
           }
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsx("span", {
             ...{
               className: "x1lvx875"
             },
             children: labels.join(', ')
-          }, void 0, false);
+          });
         }
         if (items.length === 1) {
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsx("span", {
             ...{
               className: "x1lvx875"
             },
             children: truncateString(items[0], maxLength)
-          }, void 0, false);
+          });
         }
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsxs("span", {
           ...{
             className: "x1lvx875"
           },
           children: [items.length, " items"]
-        }, void 0, true);
+        });
       }
     case 'entity_list':
       {
@@ -194,36 +196,36 @@ function PowerSearchTokenValue({
           return null;
         }
         if (entities.length === 1) {
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsx("span", {
             ...{
               className: "x1lvx875"
             },
             children: truncateString(entities[0].label, maxLength)
-          }, void 0, false);
+          });
         }
         const totalLength = entities.reduce((sum, e) => sum + e.label.length, 0);
         if (totalLength > maxLength) {
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsxs("span", {
             ...{
               className: "x1lvx875"
             },
             children: [entities.length, " items"]
-          }, void 0, true);
+          });
         }
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1lvx875"
           },
           children: entities.map(e => e.label).join(', ')
-        }, void 0, false);
+        });
       }
     case 'time':
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: filterValue.value
-      }, void 0, false);
+      });
     case 'date_absolute':
       {
         const date = new Date(filterValue.unixSeconds * 1000);
@@ -232,51 +234,51 @@ function PowerSearchTokenValue({
           month: 'short',
           day: 'numeric'
         }).format(date);
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1lvx875"
           },
           children: truncateString(formatted, maxLength)
-        }, void 0, false);
+        });
       }
     case 'date_relative':
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: truncateString(filterValue.value, maxLength)
-      }, void 0, false);
+      });
     case 'date_range':
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: "date range"
-      }, void 0, false);
+      });
     case 'custom':
       if (operatorValue.type === 'custom') {
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1lvx875"
           },
           children: truncateString(operatorValue.getString(filterValue.value), maxLength)
-        }, void 0, false);
+        });
       }
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "x1lvx875"
         },
         children: filterValue.value
-      }, void 0, false);
+      });
     case 'nested':
       {
         const count = filterValue.value.length;
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1lvx875"
           },
           children: count === 1 ? '1 filter' : `${count} filters`
-        }, void 0, false);
+        });
       }
     default:
       return null;
@@ -365,9 +367,9 @@ export function PowerSearch({
   config: configProp,
   filters,
   onChange,
-  label = 'Search',
+  label: labelFromProps,
   isLabelHidden = true,
-  placeholder = 'Search...',
+  placeholder: placeholderFromProps,
   hasAutoFocus = false,
   hasClear = true,
   isReadOnly = false,
@@ -378,7 +380,7 @@ export function PowerSearch({
   onBlur,
   status,
   maxTokenLength = 40,
-  popoverSaveButtonLabel = 'Apply',
+  popoverSaveButtonLabel: popoverSaveButtonLabelFromProps,
   timezoneID,
   tokenOverflowBehavior,
   endContent,
@@ -395,6 +397,10 @@ export function PowerSearch({
   const size = useSize(sizeProp, 'md');
   const config = useInternalConfig(configProp);
   const searchSource = usePowerSearchSource(config);
+  const t = useTranslator();
+  const label = labelFromProps ?? t('@astryx.powersearch.label');
+  const placeholder = placeholderFromProps ?? t('@astryx.powersearch.placeholder');
+  const popoverSaveButtonLabel = popoverSaveButtonLabelFromProps ?? t('@astryx.powersearch.editor.apply');
   const tokenizerRef = useRef(null);
   const [popoverState, setPopoverStateRaw] = useState({
     type: 'idle'
@@ -447,8 +453,9 @@ export function PowerSearch({
     return filters.map((filter, index) => {
       const field = config.getField(filter.field);
       const operator = config.getOperator(filter.field, filter.operator);
-      const operatorLabel = operator?.label ? `: ${operator.label}` : '';
-      const valueStr = operator ? formatFilterValue(config, operator.value, filter.value, maxTokenLength, timezoneID) : '';
+      const resolvedOp = operator ? resolveOperatorLabel(operator, t) : '';
+      const operatorLabel = resolvedOp ? `: ${resolvedOp}` : '';
+      const valueStr = operator ? formatFilterValue(config, operator.value, filter.value, maxTokenLength, t, timezoneID) : '';
       const displayLabel = valueStr ? `${field?.label ?? filter.field}${operatorLabel} ${valueStr}` : `${field?.label ?? filter.field}${operatorLabel}`;
       return {
         id: `filter-${index}-${filter.field}-${filter.operator}`,
@@ -461,7 +468,7 @@ export function PowerSearch({
         }
       };
     });
-  }, [filters, config, maxTokenLength, timezoneID]);
+  }, [filters, config, maxTokenLength, timezoneID, t]);
 
   // Handle tokenizer onChange (field selected from typeahead)
   const handleTokenizerChange = useCallback((_items, change) => {
@@ -582,7 +589,7 @@ export function PowerSearch({
     // Check for full Token override
     const TokenOverride = operator ? componentOverrides?.[operator.value.type]?.Token : undefined;
     if (TokenOverride && filter && field && operator) {
-      return /*#__PURE__*/_jsxDEV(TokenOverride, {
+      return /*#__PURE__*/_jsx(TokenOverride, {
         config: configProp,
         filter: filter,
         field: field,
@@ -591,31 +598,31 @@ export function PowerSearch({
         onClick: handleClick,
         onRemove: handleRemove,
         isDisabled: isDisabled
-      }, void 0, false);
+      });
     }
 
     // Default token rendering
     const fieldLabel = field?.label ?? '';
-    const operatorLabel = operator?.label ?? '';
+    const operatorLabel = operator ? resolveOperatorLabel(operator, t) : '';
     const tokenLabel = `${fieldLabel}: ${operatorLabel}`.trim();
     const adjustedMaxLength = Math.max(maxTokenLength - fieldLabel.length - operatorLabel.length, 10);
-    const valueContent = operator && filter ? /*#__PURE__*/_jsxDEV(PowerSearchTokenValue, {
+    const valueContent = operator && filter ? /*#__PURE__*/_jsx(PowerSearchTokenValue, {
       operatorValue: operator.value,
       filterValue: filter.value,
       maxLength: adjustedMaxLength
-    }, void 0, false) : undefined;
+    }) : undefined;
 
     // Show entity photo as token icon for single-entity filters
     let tokenIcon;
     if (filter?.value.type === 'entity_list' && filter.value.value.length === 1 && filter.value.value[0].photo) {
       const entity = filter.value.value[0];
-      tokenIcon = /*#__PURE__*/_jsxDEV(Avatar, {
+      tokenIcon = /*#__PURE__*/_jsx(Avatar, {
         src: entity.photo,
         name: entity.label,
         size: 16
-      }, void 0, false);
+      });
     }
-    return /*#__PURE__*/_jsxDEV(Token, {
+    return /*#__PURE__*/_jsx(Token, {
       label: tokenLabel,
       size: size,
       icon: tokenIcon,
@@ -626,16 +633,16 @@ export function PowerSearch({
       } : undefined,
       onRemove: handleRemove,
       isDisabled: isDisabled
-    }, void 0, false);
-  }, [filters, config, configProp, maxTokenLength, size, isReadOnly, isDisabled, handleTokenClick, componentOverrides]);
+    });
+  }, [filters, config, configProp, maxTokenLength, size, isReadOnly, isDisabled, handleTokenClick, componentOverrides, t]);
 
   // Custom typeahead item renderer — adds field icon and description
   const renderItem = useCallback(item => {
     const auxData = item.auxiliaryData;
     if (!auxData) {
-      return /*#__PURE__*/_jsxDEV(TypeaheadItem, {
+      return /*#__PURE__*/_jsx(TypeaheadItem, {
         item: item
-      }, void 0, false);
+      });
     }
     const field = config.getField(auxData.fieldKey);
     let icon = null;
@@ -644,17 +651,17 @@ export function PowerSearch({
     } else if (field) {
       const operator = auxData.operatorKey ? config.getOperator(auxData.fieldKey, auxData.operatorKey) : config.getDefaultOperator(auxData.fieldKey);
       const iconName = OPERATOR_VALUE_TYPE_TO_ICON[operator?.value.type ?? ''] ?? 'search';
-      icon = /*#__PURE__*/_jsxDEV(Icon, {
+      icon = /*#__PURE__*/_jsx(Icon, {
         icon: iconName,
         size: "sm",
         color: "secondary"
-      }, void 0, false);
+      });
     }
-    return /*#__PURE__*/_jsxDEV(TypeaheadItem, {
+    return /*#__PURE__*/_jsx(TypeaheadItem, {
       item: item,
       icon: icon,
       description: field?.description
-    }, void 0, false);
+    });
   }, [config]);
 
   // The partial filter for the popover
@@ -677,7 +684,7 @@ export function PowerSearch({
     const mode = popoverState.type === 'editing' ? 'edit' : 'create';
     const popoverKey = popoverState.type === 'editing' ? `edit-${popoverState.filterIndex}-${popoverPartialFilter.field}` : `add-${popoverPartialFilter.field}`;
     if (EditorOverride) {
-      return /*#__PURE__*/_jsxDEV(EditorOverride, {
+      return /*#__PURE__*/_jsx(EditorOverride, {
         config: configProp,
         filter: popoverPartialFilter,
         mode: mode,
@@ -685,9 +692,9 @@ export function PowerSearch({
         onCancel: handlePopoverCancel,
         saveButtonLabel: popoverSaveButtonLabel,
         isReadOnly: isReadOnly
-      }, popoverKey, false);
+      }, popoverKey);
     }
-    return /*#__PURE__*/_jsxDEV(PowerSearchEditPopover, {
+    return /*#__PURE__*/_jsx(PowerSearchEditPopover, {
       config: config,
       filter: popoverPartialFilter,
       mode: mode,
@@ -695,21 +702,24 @@ export function PowerSearch({
       onCancel: handlePopoverCancel,
       saveButtonLabel: popoverSaveButtonLabel,
       isReadOnly: isReadOnly
-    }, popoverKey, false);
+    }, popoverKey);
   }, [popoverPartialFilter, popoverState, EditorOverride, configProp, config, handlePopoverSave, handlePopoverCancel, popoverSaveButtonLabel, isReadOnly]);
 
   // Plain-text form of the result count, shared by the visible label and the
-  // screen-reader announcement so the two never drift.
+  // screen-reader announcement so the two never drift. The ICU plural handles
+  // the number formatting + `result` vs `results` in one message so translators
+  // can match the locale's plural rules.
   const resultCountText = useMemo(() => {
     if (resultCount == null) {
       return null;
     }
     if (typeof resultCount === 'number') {
-      const formatted = new Intl.NumberFormat().format(resultCount);
-      return `${formatted} ${resultCount === 1 ? 'result' : 'results'}`;
+      return t('@astryx.powersearch.resultCount', {
+        count: resultCount
+      });
     }
     return resultCount;
-  }, [resultCount]);
+  }, [resultCount, t]);
 
   // Announce result-count changes to screen readers through a polite live
   // region, mirroring the way Typeahead announces its dropdown result count.
@@ -730,24 +740,24 @@ export function PowerSearch({
 
   // Build combined endContent from resultCount + endContent props
   const combinedEndContent = useMemo(() => {
-    const resultCountNode = resultCountText != null ? /*#__PURE__*/_jsxDEV("span", {
+    const resultCountNode = resultCountText != null ? /*#__PURE__*/_jsx("span", {
       ...{
         className: "x141an7d x1ltkj2j xv1l7n4 xuxw1ft"
       },
       children: resultCountText
-    }, void 0, false) : null;
+    }) : null;
     if (resultCountNode && endContent) {
-      return /*#__PURE__*/_jsxDEV(_Fragment, {
+      return /*#__PURE__*/_jsxs(_Fragment, {
         children: [resultCountNode, endContent]
-      }, void 0, true);
+      });
     }
     return resultCountNode || endContent || undefined;
   }, [resultCountText, endContent]);
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
       ref: mergeRefs(ref, popover.triggerRef),
       ...themeProps('power-search'),
-      children: /*#__PURE__*/_jsxDEV(Tokenizer, {
+      children: /*#__PURE__*/_jsx(Tokenizer, {
         handleRef: tokenizerRef,
         label: label,
         isLabelHidden: isLabelHidden,
@@ -774,12 +784,12 @@ export function PowerSearch({
         className: className,
         style: style,
         "data-testid": testId
-      }, void 0, false)
-    }, void 0, false), popover.render(popoverContent, {
+      })
+    }), popover.render(popoverContent, {
       placement: 'below',
       alignment: 'start',
       xstyle: [popoverLayerStyles.layer, layerAnimations.below]
     })]
-  }, void 0, true);
+  });
 }
 PowerSearch.displayName = 'PowerSearch';

package/dist/PowerSearch/PowerSearchEditPopover.d.ts

@@ -25,5 +25,5 @@ export interface PowerSearchEditPopoverProps {
     /** Whether the filter is read-only. */
     isReadOnly?: boolean;
 }
-export declare function PowerSearchEditPopover({ config, filter: initialFilter, mode, onSave, onCancel, saveButtonLabel, isReadOnly, }: PowerSearchEditPopoverProps): React.JSX.Element;
+export declare function PowerSearchEditPopover({ config, filter: initialFilter, mode, onSave, onCancel, saveButtonLabel: saveButtonLabelFromProps, 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;AAS/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;AA4eD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EAAE,aAAa,EACrB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,eAAyB,EACzB,UAAkB,GACnB,EAAE,2BAA2B,qBA+Q7B"}
+{"version":3,"file":"PowerSearchEditPopover.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchEditPopover.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAC;AAW/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,qBAkR7B"}