@astryxdesign/core 0.1.6 → 0.1.7-canary.04cd8f7

package/dist/PowerSearch/PowerSearchEditPopover.js

@@ -18,9 +18,11 @@ import { Selector } from "../Selector/index.js";
 import { HStack, VStack } from "../Stack/index.js";
 import { Icon } from "../Icon/index.js";
 import { TreeList } from "../TreeList/index.js";
+import { useTranslator } from "../i18n/index.js";
 import "../theme/tokens.stylex.js";
 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";
 // =============================================================================
 // Editable filter state for recursive nesting
@@ -129,6 +131,7 @@ function NestedSubFilterRow({
   onChange,
   isReadOnly
 }) {
+  const t = useTranslator();
   const fieldOptions = useMemo(() => config.getVisibleFields().map(field => ({
     value: field.key,
     label: field.label
@@ -137,9 +140,9 @@ function NestedSubFilterRow({
     const operators = config.getVisibleOperators(subFilter.field);
     return operators.map(op => ({
       value: op.key,
-      label: op.label
+      label: resolveOperatorLabel(op, t)
     }));
-  }, [config, subFilter.field]);
+  }, [config, subFilter.field, t]);
   const currentOperator = subFilter.operator ? config.getOperator(subFilter.field, subFilter.operator) : undefined;
   const operatorValue = currentOperator?.value;
   const isEmptyType = operatorValue?.type === 'empty';
@@ -179,7 +182,7 @@ function NestedSubFilterRow({
         className: "x2lah0s x1oysuqx"
       },
       children: /*#__PURE__*/_jsx(Selector, {
-        label: "Field",
+        label: t('@astryx.powersearch.editor.field'),
         isLabelHidden: true,
         options: fieldOptions,
         value: subFilter.field,
@@ -192,7 +195,7 @@ function NestedSubFilterRow({
         className: "x2lah0s xzjbwwf"
       },
       children: /*#__PURE__*/_jsx(Selector, {
-        label: "Operator",
+        label: t('@astryx.powersearch.editor.operator'),
         isLabelHidden: true,
         options: operatorOptions,
         value: subFilter.operator,
@@ -227,6 +230,7 @@ function NestedEditor({
   onPartialFilterChange,
   isReadOnly
 }) {
+  const t = useTranslator();
   const [subFilters, setSubFilters] = useState(() => {
     if (partialFilter.value && partialFilter.value.type === 'nested') {
       return partialFilter.value.value.map(f => initEditableFilter(config, f));
@@ -294,7 +298,7 @@ function NestedEditor({
           children.push({
             id: `${itemPath.join('-')}-add`,
             label: /*#__PURE__*/_jsx(Button, {
-              label: "+ Add filter",
+              label: t('@astryx.powersearch.editor.addFilter'),
               onClick: () => handleAdd(itemPath),
               variant: "ghost",
               size: "sm"
@@ -312,7 +316,7 @@ function NestedEditor({
           isExpanded: true,
           children,
           endContent: !isReadOnly ? /*#__PURE__*/_jsx(Button, {
-            label: "Remove filter",
+            label: t('@astryx.powersearch.editor.removeFilter'),
             icon: /*#__PURE__*/_jsx(Icon, {
               icon: "close",
               size: "sm"
@@ -334,7 +338,7 @@ function NestedEditor({
           isReadOnly: isReadOnly
         }),
         endContent: !isReadOnly ? /*#__PURE__*/_jsx(Button, {
-          label: "Remove filter",
+          label: t('@astryx.powersearch.editor.removeFilter'),
           icon: /*#__PURE__*/_jsx(Icon, {
             icon: "close",
             size: "sm"
@@ -353,7 +357,7 @@ function NestedEditor({
     treeChildren.push({
       id: 'add-filter',
       label: /*#__PURE__*/_jsx(Button, {
-        label: "+ Add filter",
+        label: t('@astryx.powersearch.editor.addFilter'),
         onClick: () => handleAdd([]),
         variant: "ghost",
         size: "sm"
@@ -369,7 +373,7 @@ function NestedEditor({
         className: "x1iyjqo2 x2lah0s"
       },
       children: /*#__PURE__*/_jsx(Selector, {
-        label: "Group operator",
+        label: t('@astryx.powersearch.editor.groupOperator'),
         isLabelHidden: true,
         options: operatorOptions,
         value: partialFilter.operator,
@@ -377,7 +381,7 @@ function NestedEditor({
         isDisabled: isReadOnly,
         size: "md"
       })
-    }) : operatorOptions[0]?.label ?? 'Group'
+    }) : operatorOptions[0]?.label ?? t('@astryx.powersearch.editor.group')
   });
   const items = [{
     id: 'nested-root',
@@ -401,9 +405,11 @@ export function PowerSearchEditPopover({
   mode,
   onSave,
   onCancel,
-  saveButtonLabel = 'Apply',
+  saveButtonLabel: saveButtonLabelFromProps,
   isReadOnly = false
 }) {
+  const t = useTranslator();
+  const saveButtonLabel = saveButtonLabelFromProps ?? t('@astryx.powersearch.editor.apply');
   const [partialFilter, setPartialFilter] = useState(initialFilter);
   const valueEditorRef = useRef(null);
 
@@ -432,9 +438,9 @@ export function PowerSearchEditPopover({
     const operators = config.getVisibleOperators(partialFilter.field);
     return operators.map(op => ({
       value: op.key,
-      label: op.label
+      label: resolveOperatorLabel(op, t)
     }));
-  }, [config, partialFilter.field]);
+  }, [config, partialFilter.field, t]);
   const handleFieldChange = useCallback(fieldKey => {
     const defaultOp = config.getDefaultOperator(fieldKey);
     setPartialFilter({
@@ -531,7 +537,7 @@ export function PowerSearchEditPopover({
                 className: "x1iyjqo2 xs83m0k xeuugli"
               },
               children: /*#__PURE__*/_jsx(Selector, {
-                label: "Field",
+                label: t('@astryx.powersearch.editor.field'),
                 isLabelHidden: true,
                 options: fieldOptions,
                 value: partialFilter.field,
@@ -557,14 +563,14 @@ export function PowerSearchEditPopover({
           gap: 2,
           hAlign: "between",
           children: [!isReadOnly && mode === 'edit' ? /*#__PURE__*/_jsx(Button, {
-            label: "Delete",
+            label: t('@astryx.powersearch.editor.delete'),
             onClick: handleDelete,
             variant: "ghost",
             size: "sm"
           }) : /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsxs(HStack, {
             gap: 2,
             children: [/*#__PURE__*/_jsx(Button, {
-              label: "Cancel",
+              label: t('@astryx.powersearch.editor.cancel'),
               onClick: onCancel,
               variant: "ghost",
               size: "sm"
@@ -596,7 +602,7 @@ export function PowerSearchEditPopover({
             className: "x1iyjqo2 xs83m0k xeuugli"
           },
           children: /*#__PURE__*/_jsx(Selector, {
-            label: "Field",
+            label: t('@astryx.powersearch.editor.field'),
             isLabelHidden: true,
             options: fieldOptions,
             value: partialFilter.field,
@@ -609,7 +615,7 @@ export function PowerSearchEditPopover({
             className: "x1iyjqo2 x2lah0s"
           },
           children: /*#__PURE__*/_jsx(Selector, {
-            label: "Operator",
+            label: t('@astryx.powersearch.editor.operator'),
             isLabelHidden: true,
             options: operatorOptions,
             value: partialFilter.operator,
@@ -640,14 +646,14 @@ export function PowerSearchEditPopover({
         gap: 2,
         hAlign: "between",
         children: [!isReadOnly && mode === 'edit' ? /*#__PURE__*/_jsx(Button, {
-          label: "Delete",
+          label: t('@astryx.powersearch.editor.delete'),
           onClick: handleDelete,
           variant: "ghost",
           size: "sm"
         }) : /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsxs(HStack, {
           gap: 2,
           children: [/*#__PURE__*/_jsx(Button, {
-            label: "Cancel",
+            label: t('@astryx.powersearch.editor.cancel'),
             onClick: onCancel,
             variant: "ghost",
             size: "sm"

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

@@ -1 +1 @@
-{"version":3,"file":"PowerSearchToken.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchToken.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAQnD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,GACX,EAAE,qBAAqB,qBAmCvB;yBA5Ce,gBAAgB"}
+{"version":3,"file":"PowerSearchToken.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/PowerSearchToken.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAQnD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,GACX,EAAE,qBAAqB,qBA4CvB;yBArDe,gBAAgB"}

package/dist/PowerSearch/PowerSearchToken.js

@@ -11,9 +11,11 @@
 import React from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { Token } from "../Token/index.js";
+import { useTranslator } from "../i18n/index.js";
 import "../theme/tokens.stylex.js";
 import { fontWeightVars } from "../theme/tokens.stylex.js";
 import { formatFilterValue } from "./formatFilterValue.js";
+import { resolveOperatorLabel } from "./resolveOperatorLabel.js";
 import { useInternalConfig } from "./useInternalConfig.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -34,11 +36,13 @@ export function PowerSearchToken({
   isDisabled
 }) {
   const config = useInternalConfig(configProp);
+  const t = useTranslator();
   const fieldLabel = field.label;
-  const operatorLabel = operator.label ? `: ${operator.label}` : '';
+  const resolvedOperatorLabel = resolveOperatorLabel(operator, t);
+  const operatorLabel = resolvedOperatorLabel ? `: ${resolvedOperatorLabel}` : '';
   const tokenLabel = `${fieldLabel}${operatorLabel}`;
-  const adjustedMaxLength = Math.max(maxLength - fieldLabel.length - (operator.label?.length ?? 0), 10);
-  const valueStr = formatFilterValue(config, operator.value, filter.value, adjustedMaxLength);
+  const adjustedMaxLength = Math.max(maxLength - fieldLabel.length - resolvedOperatorLabel.length, 10);
+  const valueStr = formatFilterValue(config, operator.value, filter.value, adjustedMaxLength, t);
   const valueContent = valueStr ? /*#__PURE__*/_jsx("span", {
     ...{
       className: "x1lvx875"

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;AAcxD,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;AA4jBD,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,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"}

package/dist/PowerSearch/PowerSearchValueEditor.js

@@ -20,6 +20,7 @@ import { TimeInput } from "../TimeInput/index.js";
 import { Selector } from "../Selector/index.js";
 import { Tokenizer } from "../Tokenizer/index.js";
 import { Typeahead } from "../Typeahead/index.js";
+import { useTranslator } from "../i18n/index.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Helpers
@@ -53,6 +54,7 @@ function StringEditor({
   onChange,
   onEnter: _onEnter
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'string' ? filterValue.value : '';
 
   // When a searchSource is provided, render a typeahead instead of a plain
@@ -63,7 +65,7 @@ function StringEditor({
       label: currentValue
     } : null;
     return /*#__PURE__*/_jsx(Typeahead, {
-      label: "Value",
+      label: t('@astryx.powersearch.valueEditor.value'),
       isLabelHidden: true,
       searchSource: operatorValue.searchSource,
       value: selectedItem,
@@ -80,15 +82,15 @@ function StringEditor({
           });
         }
       },
-      placeholder: "Search...",
+      placeholder: t('@astryx.powersearch.valueEditor.searchPlaceholder'),
       debounceMs: 150
     });
   }
   return /*#__PURE__*/_jsx(TextInput, {
-    label: "Value",
+    label: t('@astryx.powersearch.valueEditor.value'),
     isLabelHidden: true,
     value: currentValue,
-    placeholder: "Enter value...",
+    placeholder: t('@astryx.powersearch.valueEditor.enterValuePlaceholder'),
     onChange: value => {
       onChange({
         type: 'string',
@@ -102,6 +104,7 @@ function StringListEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const currentValue = useMemo(() => {
     if (filterValue?.type !== 'string_list') {
       return [];
@@ -126,7 +129,7 @@ function StringListEditor({
   // or when isArbitraryStringAllowed is explicitly set (#1107).
   const hasCreate = operatorValue.isArbitraryStringAllowed || !operatorValue.searchSource;
   return /*#__PURE__*/_jsx(Tokenizer, {
-    label: "Values",
+    label: t('@astryx.powersearch.valueEditor.values'),
     isLabelHidden: true,
     searchSource: source,
     value: currentValue,
@@ -136,7 +139,7 @@ function StringListEditor({
         value: items.map(item => item.label)
       });
     },
-    placeholder: "Add values...",
+    placeholder: t('@astryx.powersearch.valueEditor.addValuesPlaceholder'),
     debounceMs: operatorValue.searchSource ? 150 : 0,
     hasCreate: hasCreate
   });
@@ -146,9 +149,10 @@ function IntegerEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'integer' ? filterValue.value : undefined;
   return /*#__PURE__*/_jsx(NumberInput, {
-    label: "Value",
+    label: t('@astryx.powersearch.valueEditor.value'),
     isLabelHidden: true,
     value: currentValue ?? null,
     onChange: value => {
@@ -161,7 +165,7 @@ function IntegerEditor({
     max: operatorValue.maxValue,
     units: operatorValue.units,
     isIntegerOnly: true,
-    placeholder: "Enter number..."
+    placeholder: t('@astryx.powersearch.valueEditor.enterNumberPlaceholder')
   });
 }
 function FloatEditor({
@@ -169,9 +173,10 @@ function FloatEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'float' ? filterValue.value : undefined;
   return /*#__PURE__*/_jsx(NumberInput, {
-    label: "Value",
+    label: t('@astryx.powersearch.valueEditor.value'),
     isLabelHidden: true,
     value: currentValue ?? null,
     onChange: value => {
@@ -183,7 +188,7 @@ function FloatEditor({
     min: operatorValue.minValue,
     max: operatorValue.maxValue,
     units: operatorValue.units,
-    placeholder: "Enter number..."
+    placeholder: t('@astryx.powersearch.valueEditor.enterNumberPlaceholder')
   });
 }
 function TimeEditor({
@@ -191,9 +196,10 @@ function TimeEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'time' ? filterValue.value : undefined;
   return /*#__PURE__*/_jsx(TimeInput, {
-    label: "Time",
+    label: t('@astryx.powersearch.valueEditor.time'),
     isLabelHidden: true,
     value: currentValue,
     onChange: value => {
@@ -212,6 +218,7 @@ function DateAbsoluteEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   // Convert unixSeconds to ISO date string for the date input
   const currentValue = useMemo(() => {
     if (filterValue?.type !== 'date_absolute') {
@@ -221,7 +228,7 @@ function DateAbsoluteEditor({
     return date.toISOString().split('T')[0];
   }, [filterValue]);
   return /*#__PURE__*/_jsx(DateInput, {
-    label: "Date",
+    label: t('@astryx.powersearch.valueEditor.date'),
     isLabelHidden: true,
     value: currentValue,
     onChange: value => {
@@ -240,6 +247,7 @@ function DateRelativeEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'date_relative' ? filterValue.value : undefined;
   const options = useMemo(() => {
     const result = [];
@@ -276,7 +284,7 @@ function DateRelativeEditor({
     return result;
   }, [operatorValue.isPastAllowed, operatorValue.isFutureAllowed]);
   return /*#__PURE__*/_jsx(Selector, {
-    label: "Relative date",
+    label: t('@astryx.powersearch.valueEditor.relativeDate'),
     isLabelHidden: true,
     options: options,
     value: currentValue,
@@ -292,6 +300,7 @@ function DateRangeEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const startValue = useMemo(() => {
     if (filterValue?.type !== 'date_range') {
       return undefined;
@@ -346,12 +355,12 @@ function DateRangeEditor({
   }, [filterValue, onChange]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(DateInput, {
-      label: "Start date",
+      label: t('@astryx.powersearch.valueEditor.startDate'),
       isLabelHidden: true,
       value: startValue,
       onChange: handleStartChange
     }), /*#__PURE__*/_jsx(DateInput, {
-      label: "End date",
+      label: t('@astryx.powersearch.valueEditor.endDate'),
       isLabelHidden: true,
       value: endValue,
       onChange: handleEndChange
@@ -363,13 +372,14 @@ function EnumEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'enum' ? filterValue.value : undefined;
   const options = useMemo(() => operatorValue.values.map(item => ({
     value: item.value,
     label: item.label
   })), [operatorValue.values]);
   return /*#__PURE__*/_jsx(Selector, {
-    label: "Value",
+    label: t('@astryx.powersearch.valueEditor.value'),
     isLabelHidden: true,
     options: options,
     value: currentValue,
@@ -386,6 +396,7 @@ function EnumListEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const items = useMemo(() => enumItemsToSearchableItems(operatorValue.values), [operatorValue.values]);
   const source = useMemo(() => createStaticSource(items), [items]);
   const currentValue = useMemo(() => {
@@ -401,7 +412,7 @@ function EnumListEditor({
     });
   }, [filterValue, operatorValue.values]);
   return /*#__PURE__*/_jsx(Tokenizer, {
-    label: "Values",
+    label: t('@astryx.powersearch.valueEditor.values'),
     isLabelHidden: true,
     searchSource: source,
     value: currentValue,
@@ -411,7 +422,7 @@ function EnumListEditor({
         value: selectedItems.map(item => item.id)
       });
     },
-    placeholder: "Select values...",
+    placeholder: t('@astryx.powersearch.valueEditor.selectValuesPlaceholder'),
     hasEntriesOnFocus: true,
     debounceMs: 0
   });
@@ -421,6 +432,7 @@ function EntityListEditor({
   filterValue,
   onChange
 }) {
+  const t = useTranslator();
   const source = useMemo(() => {
     if (operatorValue.searchSource) {
       return operatorValue.searchSource;
@@ -445,7 +457,7 @@ function EntityListEditor({
     }));
   }, [filterValue]);
   return /*#__PURE__*/_jsx(Tokenizer, {
-    label: "Entities",
+    label: t('@astryx.powersearch.valueEditor.entities'),
     isLabelHidden: true,
     searchSource: source,
     value: currentValue,
@@ -466,7 +478,7 @@ function EntityListEditor({
       });
     },
     renderItem: operatorValue.renderItem,
-    placeholder: "Search...",
+    placeholder: t('@astryx.powersearch.valueEditor.searchPlaceholder'),
     debounceMs: operatorValue.searchSource ? 150 : 0
   });
 }
@@ -476,6 +488,7 @@ function CustomEditor({
   onChange,
   isDisabled
 }) {
+  const t = useTranslator();
   const currentValue = filterValue?.type === 'custom' ? filterValue.value : null;
   const EditorComponent = operatorValue.Editor;
   return /*#__PURE__*/_jsx(EditorComponent, {
@@ -488,7 +501,7 @@ function CustomEditor({
         });
       }
     },
-    placeholder: "Enter value...",
+    placeholder: t('@astryx.powersearch.valueEditor.enterValuePlaceholder'),
     value: currentValue
   });
 }

package/dist/PowerSearch/formatFilterValue.d.ts

@@ -9,5 +9,6 @@
  */
 import type { OperatorValue, FilterValue } from './types';
 import type { InternalConfig } from './useInternalConfig';
-export declare function formatFilterValue(_config: InternalConfig, operatorValue: OperatorValue, filterValue: FilterValue, maxLength: number, timezoneID?: string): string;
+import type { TranslatorFn } from '../i18n';
+export declare function formatFilterValue(_config: InternalConfig, operatorValue: OperatorValue, filterValue: FilterValue, maxLength: number, t: TranslatorFn, timezoneID?: string): string;
 //# sourceMappingURL=formatFilterValue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"formatFilterValue.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/formatFilterValue.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAE,WAAW,EAAW,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AA2CxD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CA8GR"}
+{"version":3,"file":"formatFilterValue.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/formatFilterValue.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAE,WAAW,EAAW,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AA8C1C,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,MAAM,EACjB,CAAC,EAAE,YAAY,EACf,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAsHR"}

package/dist/PowerSearch/formatFilterValue.js

@@ -41,10 +41,10 @@ function formatRelativeDate(value) {
   // value is stored as a descriptive string like "7d" or "1w"
   return value;
 }
-function formatDateRange(_value) {
-  return 'date range';
+function formatDateRange(_value, t) {
+  return t('@astryx.powersearch.valueEditor.dateRange');
 }
-export function formatFilterValue(_config, operatorValue, filterValue, maxLength, timezoneID) {
+export function formatFilterValue(_config, operatorValue, filterValue, maxLength, t, timezoneID) {
   switch (filterValue.type) {
     case 'empty':
       return '';
@@ -72,7 +72,9 @@ export function formatFilterValue(_config, operatorValue, filterValue, maxLength
         if (joined.length <= maxLength) {
           return joined;
         }
-        return `${items.length} items`;
+        return t('@astryx.powersearch.valueEditor.itemsCount', {
+          count: items.length
+        });
       }
     case 'enum_list':
       {
@@ -89,12 +91,16 @@ export function formatFilterValue(_config, operatorValue, filterValue, maxLength
           if (joined.length <= maxLength) {
             return joined;
           }
-          return `${labels.length} items`;
+          return t('@astryx.powersearch.valueEditor.itemsCount', {
+            count: labels.length
+          });
         }
         if (items.length === 1) {
           return truncate(items[0], maxLength);
         }
-        return `${items.length} items`;
+        return t('@astryx.powersearch.valueEditor.itemsCount', {
+          count: items.length
+        });
       }
     case 'entity_list':
       {
@@ -109,7 +115,9 @@ export function formatFilterValue(_config, operatorValue, filterValue, maxLength
         if (joined.length <= maxLength) {
           return joined;
         }
-        return `${entities.length} entities`;
+        return t('@astryx.powersearch.valueEditor.entitiesCount', {
+          count: entities.length
+        });
       }
     case 'time':
       return filterValue.value;
@@ -118,7 +126,7 @@ export function formatFilterValue(_config, operatorValue, filterValue, maxLength
     case 'date_relative':
       return formatRelativeDate(filterValue.value);
     case 'date_range':
-      return formatDateRange(filterValue.value);
+      return formatDateRange(filterValue.value, t);
     case 'custom':
       if (operatorValue.type === 'custom') {
         return truncate(operatorValue.getString(filterValue.value), maxLength);
@@ -127,7 +135,9 @@ export function formatFilterValue(_config, operatorValue, filterValue, maxLength
     case 'nested':
       {
         const count = filterValue.value.length;
-        return count === 1 ? '1 filter' : `${count} filters`;
+        return t('@astryx.powersearch.valueEditor.filtersCount', {
+          count
+        });
       }
     default:
       return '';

package/dist/PowerSearch/index.d.ts

@@ -10,7 +10,8 @@ export { PowerSearch } from './PowerSearch';
 export type { PowerSearchProps, PowerSearchSize } from './PowerSearch';
 export { PowerSearchToken } from './PowerSearchToken';
 export { PowerSearchFilterEditor } from './PowerSearchFilterEditor';
+export { resolveOperatorLabel } from './resolveOperatorLabel';
 export { createPowerSearchConfig, usePowerSearchConfig, } from './usePowerSearchConfig';
 export type { FieldDefinition, InferData } from './usePowerSearchConfig';
-export type { PowerSearchConfig, PowerSearchField, PowerSearchOperator, OperatorValue, EmptyOperatorValue, StringOperatorValue, StringListOperatorValue, IntegerOperatorValue, FloatOperatorValue, TimeOperatorValue, DateAbsoluteOperatorValue, DateRelativeOperatorValue, DateRangeOperatorValue, EnumOperatorValue, EnumListOperatorValue, EntityListOperatorValue, CustomOperatorValue, NestedOperatorValue, FilterValue, FilterValueEmpty, FilterValueString, FilterValueStringList, FilterValueInteger, FilterValueFloat, FilterValueTime, FilterValueDateAbsolute, FilterValueDateRelative, FilterValueDateRange, FilterValueEnum, FilterValueEnumList, FilterValueEntityList, FilterValueCustom, FilterValueNested, PowerSearchFilter, PartialFilter, EnumItem, PowerSearchEntity, DateTimeRange, DateTimeRangePart, DateRangeFilterPreset, RelativeDateFilterPreset, OperatorTokenizationConfig, PowerSearchChangeType, PowerSearchHandle, PowerSearchTokenProps, PowerSearchEditorProps, PowerSearchComponentOverride, PowerSearchComponents, } from './types';
+export type { PowerSearchConfig, PowerSearchField, PowerSearchOperator, PowerSearchOperatorBase, PowerSearchOperatorWithLabel, PowerSearchOperatorWithI18nKey, OperatorValue, EmptyOperatorValue, StringOperatorValue, StringListOperatorValue, IntegerOperatorValue, FloatOperatorValue, TimeOperatorValue, DateAbsoluteOperatorValue, DateRelativeOperatorValue, DateRangeOperatorValue, EnumOperatorValue, EnumListOperatorValue, EntityListOperatorValue, CustomOperatorValue, NestedOperatorValue, FilterValue, FilterValueEmpty, FilterValueString, FilterValueStringList, FilterValueInteger, FilterValueFloat, FilterValueTime, FilterValueDateAbsolute, FilterValueDateRelative, FilterValueDateRange, FilterValueEnum, FilterValueEnumList, FilterValueEntityList, FilterValueCustom, FilterValueNested, PowerSearchFilter, PartialFilter, EnumItem, PowerSearchEntity, DateTimeRange, DateTimeRangePart, DateRangeFilterPreset, RelativeDateFilterPreset, OperatorTokenizationConfig, PowerSearchChangeType, PowerSearchHandle, PowerSearchTokenProps, PowerSearchEditorProps, PowerSearchComponentOverride, PowerSearchComponents, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAC,gBAAgB,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAErE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE,OAAO,EACL,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEvE,YAAY,EAEV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EAGnB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,EACzB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EAGnB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EAGjB,iBAAiB,EACjB,aAAa,EAGb,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,0BAA0B,EAC1B,qBAAqB,EACrB,iBAAiB,EAGjB,qBAAqB,EACrB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAC,gBAAgB,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAErE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EACL,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEvE,YAAY,EAEV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAG9B,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,EACzB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EAGnB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EAGjB,iBAAiB,EACjB,aAAa,EAGb,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,0BAA0B,EAC1B,qBAAqB,EACrB,iBAAiB,EAGjB,qBAAqB,EACrB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,SAAS,CAAC"}

package/dist/PowerSearch/index.js

@@ -13,4 +13,5 @@
 export { PowerSearch } from "./PowerSearch.js";
 export { PowerSearchToken } from "./PowerSearchToken.js";
 export { PowerSearchFilterEditor } from "./PowerSearchFilterEditor.js";
+export { resolveOperatorLabel } from "./resolveOperatorLabel.js";
 export { createPowerSearchConfig, usePowerSearchConfig } from "./usePowerSearchConfig.js";

package/dist/PowerSearch/resolveOperatorLabel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @file resolveOperatorLabel.ts
+ * @input PowerSearchOperator + translator function
+ * @output Display string for the operator label
+ * @position Shared label-resolution helper used at every render site that
+ *   reads an operator's display text (PowerSearch.tsx, PowerSearchToken.tsx,
+ *   PowerSearchEditPopover.tsx, usePowerSearchSource.ts).
+ *
+ * A PowerSearchOperator is a discriminated union of two variants:
+ *   - `{key, value, label}`     — consumer-supplied raw text (used verbatim)
+ *   - `{key, value, i18nKey}`   — catalog-driven text (looked up via t())
+ *
+ * Astryx's shipped default operators use the i18nKey variant; consumers
+ * writing custom operators typically use the label variant.
+ *
+ * SYNC: When modified, update:
+ * - /packages/core/src/PowerSearch/types.ts (PowerSearchOperator type)
+ * - /packages/core/src/PowerSearch/index.ts (re-export)
+ */
+import type { TranslatorFn } from '../i18n';
+import type { PowerSearchOperator } from './types';
+export declare function resolveOperatorLabel(operator: PowerSearchOperator, t: TranslatorFn): string;
+//# sourceMappingURL=resolveOperatorLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveOperatorLabel.d.ts","sourceRoot":"","sources":["../../src/PowerSearch/resolveOperatorLabel.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEjD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,mBAAmB,EAC7B,CAAC,EAAE,YAAY,GACd,MAAM,CAKR"}