@tcn/ui-table 2.2.0 → 2.3.0

package/dist/components/table_filter_panel/field_filters/number_range_field_filter_presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"number_range_field_filter_presenter.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/number_range_field_filter_presenter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"number_range_field_filter_presenter.js","sources":["../../../../src/components/table_filter_panel/field_filters/number_range_field_filter_presenter.ts"],"sourcesContent":["import { Signal } from '@tcn/state';\nimport { Node } from 'clarity-pattern-parser';\nimport { FieldFilterRegistry, FieldFilterStrategy } from './field_filter_strategy.js';\n\nexport class NumberRangeFieldFilterPresenter implements FieldFilterStrategy {\n  private _fieldName: string;\n  private _fieldFilterRegistry: FieldFilterRegistry | null = null;\n  private _minValue = new Signal<number | null>(null);\n  private _maxValue = new Signal<number | null>(null);\n  private _onChangeHandlers = new Set<() => void>();\n\n  private _broadcasts = {\n    minValue: this._minValue.broadcast,\n    maxValue: this._maxValue.broadcast,\n  };\n\n  constructor(fieldName: string) {\n    this._fieldName = fieldName;\n  }\n\n  get broadcasts() {\n    return this._broadcasts;\n  }\n\n  getFilterString() {\n    const minValue = this._minValue.get();\n    const maxValue = this._maxValue.get();\n    if (minValue !== null && maxValue !== null) {\n      return `(${this._fieldName} >= ${minValue} AND ${this._fieldName} <= ${maxValue})`;\n    } else if (minValue !== null) {\n      return `${this._fieldName} >= ${minValue}`;\n    } else if (maxValue !== null) {\n      return `${this._fieldName} <= ${maxValue}`;\n    }\n    return '';\n  }\n\n  onChange(handler: () => void) {\n    this._onChangeHandlers.add(handler);\n    return () => {\n      this._onChangeHandlers.delete(handler);\n    };\n  }\n\n  setMinValue(minValue: number | null) {\n    this._minValue.set(minValue);\n    this._onChangeHandlers.forEach(handler => handler());\n  }\n\n  setMaxValue(maxValue: number | null) {\n    this._maxValue.set(maxValue);\n    this._onChangeHandlers.forEach(handler => handler());\n  }\n\n  setFieldRegistry(fieldRegistry: FieldFilterRegistry) {\n    this._fieldFilterRegistry = fieldRegistry;\n    fieldRegistry.registerFieldFilter(this._fieldName, this);\n  }\n\n  setFilterState(filterAst: Node) {\n    const fieldNodes = filterAst.findAll(\n      (n: Node) => n.name === 'plain-field' && n.value === this._fieldName\n    );\n\n    if (fieldNodes.length === 0) {\n      return;\n    }\n\n    if (fieldNodes.length === 1) {\n      const operatorNode = fieldNodes[0].parent?.children[1];\n      const valueNode = fieldNodes[0].parent?.children[2];\n      if (operatorNode?.value === '>=' && valueNode != null) {\n        this.setMinValue(Number(valueNode?.value));\n      } else if (operatorNode?.value === '<=' && valueNode != null) {\n        this.setMaxValue(Number(valueNode?.value));\n      }\n      return;\n    }\n\n    if (fieldNodes.length === 2) {\n      const operatorOneNode = fieldNodes[0].parent?.children[1];\n      const operatorTwoNode = fieldNodes[1].parent?.children[1];\n      const valueOneNode = fieldNodes[0].parent?.children[2];\n      const valueTwoNode = fieldNodes[1].parent?.children[2];\n      if (\n        operatorOneNode?.value === '>=' &&\n        operatorTwoNode?.value === '<=' &&\n        valueOneNode != null &&\n        valueTwoNode != null\n      ) {\n        this.setMinValue(Number(valueOneNode?.value));\n        this.setMaxValue(Number(valueTwoNode?.value));\n      } else if (\n        operatorOneNode?.value === '<=' &&\n        operatorTwoNode?.value === '>=' &&\n        valueOneNode != null &&\n        valueTwoNode != null\n      ) {\n        this.setMaxValue(Number(valueOneNode?.value));\n        this.setMinValue(Number(valueTwoNode?.value));\n      }\n    }\n  }\n\n  dispose() {\n    this._fieldFilterRegistry?.unregisterFieldFilter(this._fieldName);\n    this._fieldFilterRegistry = null;\n    this._onChangeHandlers.clear();\n  }\n}\n"],"names":["NumberRangeFieldFilterPresenter","Signal","fieldName","minValue","maxValue","handler","fieldRegistry","filterAst","fieldNodes","n","operatorNode","valueNode","operatorOneNode","operatorTwoNode","valueOneNode","valueTwoNode"],"mappings":"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"}

package/dist/components/table_filter_panel/field_filters/select_field_filter.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { FieldFilterProps } from "./field_filter_props.js";
+import { FieldFilterProps } from './field_filter_props.js';
 export type SelectFieldFilterProps = FieldFilterProps & {
     options: {
         label: string;
         value: string | boolean | number;
     }[];
 };
-export declare function SelectFieldFilter({ fieldName, label, options }: SelectFieldFilterProps): React.JSX.Element;
+export declare function SelectFieldFilter({ fieldName, label, options }: SelectFieldFilterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=select_field_filter.d.ts.map

package/dist/components/table_filter_panel/field_filters/select_field_filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select_field_filter.d.ts","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/select_field_filter.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GAAG;IACtD,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CAChE,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAwCtF"}

package/dist/components/table_filter_panel/field_filters/select_field_filter.js

@@ -1,25 +1,50 @@
-import React from 'react';
-import { CrossCircleIcon } from '@tcn/icons/cross_circle_icon';
-import { useSignalValue } from '@tcn/state';
-import { Button } from '@tcn/ui/actions';
-import { Option, Select } from '@tcn/ui/inputs';
-import { Box, HStack, VStack } from '@tcn/ui/stacks';
-import { Title } from '@tcn/ui/typography';
-import { SelectFieldFilterPresenter } from "./select_field_filter_presenter.js";
-import { useFieldFilterStrategy } from "./use_field_filter_strategy.js";
-export function SelectFieldFilter({ fieldName, label, options }) {
-    const presenter = useFieldFilterStrategy(SelectFieldFilterPresenter, fieldName);
-    const value = useSignalValue(presenter.broadcasts.value);
-    const valueLabel = options.find(option => option.value === value)?.label ?? '';
-    return (React.createElement(VStack, { gap: "4px" },
-        React.createElement(Box, { width: "flex" },
-            React.createElement(Title, { size: "md" }, label)),
-        React.createElement(HStack, null,
-            React.createElement(Select, { value: valueLabel, onChange: value => {
-                    const realValue = options.find(option => option.label === value)?.value;
-                    presenter.setValue(realValue ?? null);
-                }, width: "flex" }, options.map(option => (React.createElement(Option, { key: option.value.toString(), value: option.label, label: option.label }, option.label)))),
-            React.createElement(Button, { onClick: () => presenter.setValue(null), hierarchy: "tertiary", disabled: value == null },
-                React.createElement(CrossCircleIcon, null)))));
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { CrossCircleIcon as d } from "@tcn/icons/cross_circle_icon.js";
+import { useSignalValue as s } from "@tcn/state";
+import { Button as f } from "@tcn/ui/actions";
+import { Select as h, Option as p } from "@tcn/ui/inputs";
+import { VStack as b, Box as v, HStack as S } from "@tcn/ui/stacks";
+import { Title as x } from "@tcn/ui/typography";
+import { SelectFieldFilterPresenter as F } from "./select_field_filter_presenter.js";
+import { useFieldFilterStrategy as g } from "./use_field_filter_strategy.js";
+function I({ fieldName: n, label: o, options: r }) {
+  const t = g(F, n), a = s(t.broadcasts.value), c = r.find((e) => e.value === a)?.label ?? "";
+  return /* @__PURE__ */ i(b, { gap: "4px", children: [
+    /* @__PURE__ */ l(v, { width: "flex", children: /* @__PURE__ */ l(x, { size: "md", children: o }) }),
+    /* @__PURE__ */ i(S, { children: [
+      /* @__PURE__ */ l(
+        h,
+        {
+          value: c,
+          onChange: (e) => {
+            const m = r.find((u) => u.label === e)?.value;
+            t.setValue(m ?? null);
+          },
+          width: "flex",
+          children: r.map((e) => /* @__PURE__ */ l(
+            p,
+            {
+              value: e.label,
+              label: e.label,
+              children: e.label
+            },
+            e.value.toString()
+          ))
+        }
+      ),
+      /* @__PURE__ */ l(
+        f,
+        {
+          onClick: () => t.setValue(null),
+          hierarchy: "tertiary",
+          disabled: a == null,
+          children: /* @__PURE__ */ l(d, {})
+        }
+      )
+    ] })
+  ] });
 }
-//# sourceMappingURL=select_field_filter.js.map
+export {
+  I as SelectFieldFilter
+};
+//# sourceMappingURL=select_field_filter.js.map

package/dist/components/table_filter_panel/field_filters/select_field_filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"select_field_filter.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/select_field_filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,0BAA0B,EAAE,2CAAyF;AAC9H,OAAO,EAAE,sBAAsB,EAAE,uCAAqF;AAMtH,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAA0B;IACrF,MAAM,SAAS,GAAG,sBAAsB,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;IAEhF,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAE/E,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAC,KAAK;QACf,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;YACf,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,IAAE,KAAK,CAAS,CAC5B;QACN,oBAAC,MAAM;YACL,oBAAC,MAAM,IACL,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE;oBAChB,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC;oBACxE,SAAS,CAAC,QAAQ,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC;gBACxC,CAAC,EACD,KAAK,EAAC,MAAM,IAEX,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,oBAAC,MAAM,IACL,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAElB,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK;YACT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EACvC,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,KAAK,IAAI,IAAI;gBAEvB,oBAAC,eAAe,OAAG,CACZ,CACF,CACF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"select_field_filter.js","sources":["../../../../src/components/table_filter_panel/field_filters/select_field_filter.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CrossCircleIcon } from '@tcn/icons/cross_circle_icon.js';\nimport { useSignalValue } from '@tcn/state';\nimport { Button } from '@tcn/ui/actions';\nimport { Option, Select } from '@tcn/ui/inputs';\nimport { Box, HStack, VStack } from '@tcn/ui/stacks';\nimport { Title } from '@tcn/ui/typography';\nimport { FieldFilterProps } from './field_filter_props.js';\nimport { SelectFieldFilterPresenter } from './select_field_filter_presenter.js';\nimport { useFieldFilterStrategy } from './use_field_filter_strategy.js';\n\nexport type SelectFieldFilterProps = FieldFilterProps & {\n  options: { label: string; value: string | boolean | number }[];\n};\n\nexport function SelectFieldFilter({ fieldName, label, options }: SelectFieldFilterProps) {\n  const presenter = useFieldFilterStrategy(SelectFieldFilterPresenter, fieldName);\n\n  const value = useSignalValue(presenter.broadcasts.value);\n  const valueLabel = options.find(option => option.value === value)?.label ?? '';\n\n  return (\n    <VStack gap=\"4px\">\n      <Box width=\"flex\">\n        <Title size=\"md\">{label}</Title>\n      </Box>\n      <HStack>\n        <Select\n          value={valueLabel}\n          onChange={value => {\n            const realValue = options.find(option => option.label === value)?.value;\n            presenter.setValue(realValue ?? null);\n          }}\n          width=\"flex\"\n        >\n          {options.map(option => (\n            <Option\n              key={option.value.toString()}\n              value={option.label}\n              label={option.label}\n            >\n              {option.label}\n            </Option>\n          ))}\n        </Select>\n        <Button\n          onClick={() => presenter.setValue(null)}\n          hierarchy=\"tertiary\"\n          disabled={value == null}\n        >\n          <CrossCircleIcon />\n        </Button>\n      </HStack>\n    </VStack>\n  );\n}\n"],"names":["SelectFieldFilter","fieldName","label","options","presenter","useFieldFilterStrategy","SelectFieldFilterPresenter","value","useSignalValue","valueLabel","option","jsxs","VStack","jsx","Box","Title","HStack","Select","realValue","Option","Button","CrossCircleIcon"],"mappings":";;;;;;;;;AAgBO,SAASA,EAAkB,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,KAAmC;AACvF,QAAMC,IAAYC,EAAuBC,GAA4BL,CAAS,GAExEM,IAAQC,EAAeJ,EAAU,WAAW,KAAK,GACjDK,IAAaN,EAAQ,KAAK,CAAAO,MAAUA,EAAO,UAAUH,CAAK,GAAG,SAAS;AAE5E,SACE,gBAAAI,EAACC,GAAA,EAAO,KAAI,OACV,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD,EAACE,KAAM,MAAK,MAAM,aAAM,EAAA,CAC1B;AAAA,sBACCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAOR;AAAA,UACP,UAAU,CAAAF,MAAS;AACjB,kBAAMW,IAAYf,EAAQ,KAAK,OAAUO,EAAO,UAAUH,CAAK,GAAG;AAClE,YAAAH,EAAU,SAASc,KAAa,IAAI;AAAA,UACtC;AAAA,UACA,OAAM;AAAA,UAEL,UAAAf,EAAQ,IAAI,CAAAO,MACX,gBAAAG;AAAA,YAACM;AAAA,YAAA;AAAA,cAEC,OAAOT,EAAO;AAAA,cACd,OAAOA,EAAO;AAAA,cAEb,UAAAA,EAAO;AAAA,YAAA;AAAA,YAJHA,EAAO,MAAM,SAAA;AAAA,UAAS,CAM9B;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAG;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAS,MAAMhB,EAAU,SAAS,IAAI;AAAA,UACtC,WAAU;AAAA,UACV,UAAUG,KAAS;AAAA,UAEnB,4BAACc,GAAA,CAAA,CAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IACnB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/table_filter_panel/field_filters/select_field_filter_presenter.d.ts

@@ -1,5 +1,5 @@
 import { Node } from 'clarity-pattern-parser';
-import { FieldFilterRegistry, FieldFilterStrategy } from "./field_filter_strategy.js";
+import { FieldFilterRegistry, FieldFilterStrategy } from './field_filter_strategy.js';
 export declare class SelectFieldFilterPresenter implements FieldFilterStrategy {
     private _fieldName;
     private _value;
@@ -8,7 +8,7 @@ export declare class SelectFieldFilterPresenter implements FieldFilterStrategy {
     private _broadcasts;
     constructor(fieldName: string);
     get broadcasts(): {
-        value: import("@tcn/state").IBroadcast<string | number | boolean | null>;
+        value: import('@tcn/state').IBroadcast<string | number | boolean | null>;
     };
     setValue(value: string | boolean | number | null): void;
     onChange(handler: () => void): () => void;
@@ -17,3 +17,4 @@ export declare class SelectFieldFilterPresenter implements FieldFilterStrategy {
     setFilterState(filterAst: Node): void;
     dispose(): void;
 }
+//# sourceMappingURL=select_field_filter_presenter.d.ts.map

package/dist/components/table_filter_panel/field_filters/select_field_filter_presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select_field_filter_presenter.d.ts","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/select_field_filter_presenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtF,qBAAa,0BAA2B,YAAW,mBAAmB;IACpE,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,iBAAiB,CAAyB;IAElD,OAAO,CAAC,WAAW,CAEjB;gBAEU,SAAS,EAAE,MAAM;IAI7B,IAAI,UAAU;;MAEb;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI;IAKhD,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI;IAO5B,gBAAgB,CAAC,aAAa,EAAE,mBAAmB;IAKnD,eAAe;IAWf,cAAc,CAAC,SAAS,EAAE,IAAI;IAmB9B,OAAO;CAIR"}

package/dist/components/table_filter_panel/field_filters/select_field_filter_presenter.js

@@ -1,55 +1,51 @@
-import { Signal } from '@tcn/state';
-export class SelectFieldFilterPresenter {
-    _fieldName;
-    _value = new Signal(null);
-    _fieldFilterRegistry = null;
-    _onChangeHandlers = new Set();
-    _broadcasts = {
-        value: this._value.broadcast,
+import { Signal as a } from "@tcn/state";
+class u {
+  _fieldName;
+  _value = new a(null);
+  _fieldFilterRegistry = null;
+  _onChangeHandlers = /* @__PURE__ */ new Set();
+  _broadcasts = {
+    value: this._value.broadcast
+  };
+  constructor(e) {
+    this._fieldName = e;
+  }
+  get broadcasts() {
+    return this._broadcasts;
+  }
+  setValue(e) {
+    this._value.set(e), this._onChangeHandlers.forEach((l) => l());
+  }
+  onChange(e) {
+    return this._onChangeHandlers.add(e), () => {
+      this._onChangeHandlers.delete(e);
     };
-    constructor(fieldName) {
-        this._fieldName = fieldName;
-    }
-    get broadcasts() {
-        return this._broadcasts;
-    }
-    setValue(value) {
-        this._value.set(value);
-        this._onChangeHandlers.forEach(handler => handler());
-    }
-    onChange(handler) {
-        this._onChangeHandlers.add(handler);
-        return () => {
-            this._onChangeHandlers.delete(handler);
-        };
-    }
-    setFieldRegistry(fieldRegistry) {
-        this._fieldFilterRegistry = fieldRegistry;
-        fieldRegistry.registerFieldFilter(this._fieldName, this);
-    }
-    getFilterString() {
-        if (this._value.get() === null) {
-            return '';
-        }
-        const wrappedValue = typeof this._value.get() === 'string'
-            ? `"${this._value.get()}"`
-            : this._value.get();
-        return `${this._fieldName} = ${wrappedValue}`;
-    }
-    setFilterState(filterAst) {
-        const fieldNodes = filterAst.findAll(n => n.name === 'plain-field' && n.value === this._fieldName);
-        const fieldNode = fieldNodes.filter(n => n.parent !== null && n.parent.name === 'infix-expression')[0];
-        if (fieldNode == null) {
-            return;
-        }
-        const parent = fieldNode.parent;
-        const valueNode = parent.children[2];
-        const value = valueNode.value;
-        this._value.set(value.slice(1, -1));
-    }
-    dispose() {
-        this._fieldFilterRegistry?.unregisterFieldFilter(this._fieldName);
-        this._onChangeHandlers.clear();
-    }
+  }
+  setFieldRegistry(e) {
+    this._fieldFilterRegistry = e, e.registerFieldFilter(this._fieldName, this);
+  }
+  getFilterString() {
+    if (this._value.get() === null)
+      return "";
+    const e = typeof this._value.get() == "string" ? `"${this._value.get()}"` : this._value.get();
+    return `${this._fieldName} = ${e}`;
+  }
+  setFilterState(e) {
+    const i = e.findAll(
+      (t) => t.name === "plain-field" && t.value === this._fieldName
+    ).filter(
+      (t) => t.parent !== null && t.parent.name === "infix-expression"
+    )[0];
+    if (i == null)
+      return;
+    const s = i.parent.children[2].value;
+    this._value.set(s.slice(1, -1));
+  }
+  dispose() {
+    this._fieldFilterRegistry?.unregisterFieldFilter(this._fieldName), this._onChangeHandlers.clear();
+  }
 }
-//# sourceMappingURL=select_field_filter_presenter.js.map
+export {
+  u as SelectFieldFilterPresenter
+};
+//# sourceMappingURL=select_field_filter_presenter.js.map

package/dist/components/table_filter_panel/field_filters/select_field_filter_presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"select_field_filter_presenter.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/select_field_filter_presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAOpC,MAAM,OAAO,0BAA0B;IAC7B,UAAU,CAAS;IACnB,MAAM,GAAG,IAAI,MAAM,CAAmC,IAAI,CAAC,CAAC;IAC5D,oBAAoB,GAA+B,IAAI,CAAC;IACxD,iBAAiB,GAAG,IAAI,GAAG,EAAc,CAAC;IAE1C,WAAW,GAAG;QACpB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS;KAC7B,CAAC;IAEF,YAAY,SAAiB;QAC3B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,QAAQ,CAAC,KAAuC;QAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,QAAQ,CAAC,OAAmB;QAC1B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC,CAAC;IACJ,CAAC;IAED,gBAAgB,CAAC,aAAkC;QACjD,IAAI,CAAC,oBAAoB,GAAG,aAAa,CAAC;QAC1C,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,IAAI,EAAE,CAAC;YAC/B,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,YAAY,GAChB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,QAAQ;YACnC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG;YAC1B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QACxB,OAAO,GAAG,IAAI,CAAC,UAAU,MAAM,YAAY,EAAE,CAAC;IAChD,CAAC;IAED,cAAc,CAAC,SAAe;QAC5B,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAClC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAC7D,CAAC;QAEF,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CACjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,kBAAkB,CAC/D,CAAC,CAAC,CAAC,CAAC;QAEL,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,MAAc,CAAC;QACxC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAS,CAAC;QAC7C,MAAM,KAAK,GAAG,SAAS,CAAC,KAAe,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAClE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;CACF"}
+{"version":3,"file":"select_field_filter_presenter.js","sources":["../../../../src/components/table_filter_panel/field_filters/select_field_filter_presenter.ts"],"sourcesContent":["import { Signal } from '@tcn/state';\nimport { Node } from 'clarity-pattern-parser';\nimport { FieldFilterRegistry, FieldFilterStrategy } from './field_filter_strategy.js';\n\nexport class SelectFieldFilterPresenter implements FieldFilterStrategy {\n  private _fieldName: string;\n  private _value = new Signal<string | boolean | number | null>(null);\n  private _fieldFilterRegistry: FieldFilterRegistry | null = null;\n  private _onChangeHandlers = new Set<() => void>();\n\n  private _broadcasts = {\n    value: this._value.broadcast,\n  };\n\n  constructor(fieldName: string) {\n    this._fieldName = fieldName;\n  }\n\n  get broadcasts() {\n    return this._broadcasts;\n  }\n\n  setValue(value: string | boolean | number | null) {\n    this._value.set(value);\n    this._onChangeHandlers.forEach(handler => handler());\n  }\n\n  onChange(handler: () => void) {\n    this._onChangeHandlers.add(handler);\n    return () => {\n      this._onChangeHandlers.delete(handler);\n    };\n  }\n\n  setFieldRegistry(fieldRegistry: FieldFilterRegistry) {\n    this._fieldFilterRegistry = fieldRegistry;\n    fieldRegistry.registerFieldFilter(this._fieldName, this);\n  }\n\n  getFilterString() {\n    if (this._value.get() === null) {\n      return '';\n    }\n    const wrappedValue =\n      typeof this._value.get() === 'string'\n        ? `\"${this._value.get()}\"`\n        : this._value.get();\n    return `${this._fieldName} = ${wrappedValue}`;\n  }\n\n  setFilterState(filterAst: Node) {\n    const fieldNodes = filterAst.findAll(\n      (n: Node) => n.name === 'plain-field' && n.value === this._fieldName\n    );\n\n    const fieldNode = fieldNodes.filter(\n      (n: Node) => n.parent !== null && n.parent.name === 'infix-expression'\n    )[0];\n\n    if (fieldNode == null) {\n      return;\n    }\n\n    const parent = fieldNode.parent as Node;\n    const valueNode = parent.children[2] as Node;\n    const value = valueNode.value as string;\n    this._value.set(value.slice(1, -1));\n  }\n\n  dispose() {\n    this._fieldFilterRegistry?.unregisterFieldFilter(this._fieldName);\n    this._onChangeHandlers.clear();\n  }\n}\n"],"names":["SelectFieldFilterPresenter","Signal","fieldName","value","handler","fieldRegistry","wrappedValue","filterAst","fieldNode","n"],"mappings":";AAIO,MAAMA,EAA0D;AAAA,EAC7D;AAAA,EACA,SAAS,IAAIC,EAAyC,IAAI;AAAA,EAC1D,uBAAmD;AAAA,EACnD,wCAAwB,IAAA;AAAA,EAExB,cAAc;AAAA,IACpB,OAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGrB,YAAYC,GAAmB;AAC7B,SAAK,aAAaA;AAAA,EACpB;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,SAASC,GAAyC;AAChD,SAAK,OAAO,IAAIA,CAAK,GACrB,KAAK,kBAAkB,QAAQ,CAAAC,MAAWA,EAAA,CAAS;AAAA,EACrD;AAAA,EAEA,SAASA,GAAqB;AAC5B,gBAAK,kBAAkB,IAAIA,CAAO,GAC3B,MAAM;AACX,WAAK,kBAAkB,OAAOA,CAAO;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,iBAAiBC,GAAoC;AACnD,SAAK,uBAAuBA,GAC5BA,EAAc,oBAAoB,KAAK,YAAY,IAAI;AAAA,EACzD;AAAA,EAEA,kBAAkB;AAChB,QAAI,KAAK,OAAO,IAAA,MAAU;AACxB,aAAO;AAET,UAAMC,IACJ,OAAO,KAAK,OAAO,SAAU,WACzB,IAAI,KAAK,OAAO,KAAK,MACrB,KAAK,OAAO,IAAA;AAClB,WAAO,GAAG,KAAK,UAAU,MAAMA,CAAY;AAAA,EAC7C;AAAA,EAEA,eAAeC,GAAiB;AAK9B,UAAMC,IAJaD,EAAU;AAAA,MAC3B,CAACE,MAAYA,EAAE,SAAS,iBAAiBA,EAAE,UAAU,KAAK;AAAA,IAAA,EAG/B;AAAA,MAC3B,CAACA,MAAYA,EAAE,WAAW,QAAQA,EAAE,OAAO,SAAS;AAAA,IAAA,EACpD,CAAC;AAEH,QAAID,KAAa;AACf;AAKF,UAAML,IAFSK,EAAU,OACA,SAAS,CAAC,EACX;AACxB,SAAK,OAAO,IAAIL,EAAM,MAAM,GAAG,EAAE,CAAC;AAAA,EACpC;AAAA,EAEA,UAAU;AACR,SAAK,sBAAsB,sBAAsB,KAAK,UAAU,GAChE,KAAK,kBAAkB,MAAA;AAAA,EACzB;AACF;"}

package/dist/components/table_filter_panel/field_filters/string_field_filter.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { FieldFilterProps } from "./field_filter_props.js";
-export declare function StringFieldFilter({ fieldName, label, operators }: FieldFilterProps): React.JSX.Element;
+import { FieldFilterProps } from './field_filter_props.js';
+export declare function StringFieldFilter({ fieldName, label, operators }: FieldFilterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=string_field_filter.d.ts.map

package/dist/components/table_filter_panel/field_filters/string_field_filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string_field_filter.d.ts","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/string_field_filter.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAkB3D,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA4ClF"}

package/dist/components/table_filter_panel/field_filters/string_field_filter.js

@@ -1,35 +1,64 @@
-import { CrossCircleIcon } from '@tcn/icons/cross_circle_icon';
-import { useSignalValue } from '@tcn/state';
-import { Button } from '@tcn/ui/actions';
-import { Input, Option, Select } from '@tcn/ui/inputs';
-import { Box, HStack, VStack } from '@tcn/ui/stacks';
-import { Title } from '@tcn/ui/typography';
-import React from 'react';
-import { StringFieldFilterPresenter } from "./string_field_filter_presenter.js";
-import { useFieldFilterStrategy } from "./use_field_filter_strategy.js";
-const allOperators = ['is', 'isNot', 'has'];
-const operatorSymbols = {
-    is: '=',
-    isNot: '!=',
-    has: ':',
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { CrossCircleIcon as m } from "@tcn/icons/cross_circle_icon.js";
+import { useSignalValue as l } from "@tcn/state";
+import { Button as d } from "@tcn/ui/actions";
+import { Select as h, Option as u, Input as f } from "@tcn/ui/inputs";
+import { VStack as x, Box as b, HStack as S } from "@tcn/ui/stacks";
+import { Title as g } from "@tcn/ui/typography";
+import { StringFieldFilterPresenter as v } from "./string_field_filter_presenter.js";
+import { useFieldFilterStrategy as F } from "./use_field_filter_strategy.js";
+const y = ["is", "isNot", "has"], C = {
+  is: "=",
+  isNot: "!=",
+  has: ":"
+}, s = {
+  is: "is",
+  isNot: "is not",
+  has: "has"
 };
-const operatorLabels = {
-    is: 'is',
-    isNot: 'is not',
-    has: 'has',
-};
-export function StringFieldFilter({ fieldName, label, operators }) {
-    const presenter = useFieldFilterStrategy(StringFieldFilterPresenter, fieldName);
-    const value = useSignalValue(presenter.broadcasts.value);
-    const operator = useSignalValue(presenter.broadcasts.operator);
-    const availableOperators = operators || allOperators;
-    return (React.createElement(VStack, { gap: "4px" },
-        React.createElement(Box, { width: "flex" },
-            React.createElement(Title, { size: "md" }, label)),
-        React.createElement(HStack, { width: "flex" },
-            React.createElement(Select, { value: operator, onChange: value => presenter.setOperator(value), width: "65px" }, availableOperators.map(operator => (React.createElement(Option, { key: operator, value: operatorSymbols[operator], label: operatorLabels[operator] }, operatorLabels[operator])))),
-            React.createElement(Input, { type: "text", value: value ?? '', onChange: value => presenter.setValue(value) }),
-            React.createElement(Button, { onClick: () => presenter.setValue(null), hierarchy: "tertiary", disabled: value == null },
-                React.createElement(CrossCircleIcon, null)))));
+function L({ fieldName: a, label: n, operators: c }) {
+  const r = F(v, a), o = l(r.broadcasts.value), p = l(r.broadcasts.operator);
+  return /* @__PURE__ */ i(x, { gap: "4px", children: [
+    /* @__PURE__ */ t(b, { width: "flex", children: /* @__PURE__ */ t(g, { size: "md", children: n }) }),
+    /* @__PURE__ */ i(S, { width: "flex", children: [
+      /* @__PURE__ */ t(
+        h,
+        {
+          value: p,
+          onChange: (e) => r.setOperator(e),
+          width: "65px",
+          children: (c || y).map((e) => /* @__PURE__ */ t(
+            u,
+            {
+              value: C[e],
+              label: s[e],
+              children: s[e]
+            },
+            e
+          ))
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          type: "text",
+          value: o ?? "",
+          onChange: (e) => r.setValue(e)
+        }
+      ),
+      /* @__PURE__ */ t(
+        d,
+        {
+          onClick: () => r.setValue(null),
+          hierarchy: "tertiary",
+          disabled: o == null,
+          children: /* @__PURE__ */ t(m, {})
+        }
+      )
+    ] })
+  ] });
 }
-//# sourceMappingURL=string_field_filter.js.map
+export {
+  L as StringFieldFilter
+};
+//# sourceMappingURL=string_field_filter.js.map

package/dist/components/table_filter_panel/field_filters/string_field_filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"string_field_filter.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/string_field_filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,0BAA0B,EAAE,2CAAyF;AAG9H,OAAO,EAAE,sBAAsB,EAAE,uCAAqF;AAEtH,MAAM,YAAY,GAA+B,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AACxE,MAAM,eAAe,GAA2C;IAC9D,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,IAAI;IACX,GAAG,EAAE,GAAG;CACT,CAAC;AACF,MAAM,cAAc,GAA2C;IAC7D,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAoB;IACjF,MAAM,SAAS,GAAG,sBAAsB,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;IAEhF,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GAAG,SAAS,IAAI,YAAY,CAAC;IAErD,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAC,KAAK;QACf,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;YACf,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,IAAE,KAAK,CAAS,CAC5B;QACN,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM;YAClB,oBAAC,MAAM,IACL,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,KAA2B,CAAC,EACrE,KAAK,EAAC,MAAM,IAEX,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClC,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,EAChC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,IAE9B,cAAc,CAAC,QAAQ,CAAC,CAClB,CACV,CAAC,CACK;YACT,oBAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAC5C;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EACvC,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,KAAK,IAAI,IAAI;gBAEvB,oBAAC,eAAe,OAAG,CACZ,CACF,CACF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"string_field_filter.js","sources":["../../../../src/components/table_filter_panel/field_filters/string_field_filter.tsx"],"sourcesContent":["import { CrossCircleIcon } from '@tcn/icons/cross_circle_icon.js';\nimport { useSignalValue } from '@tcn/state';\nimport { Button } from '@tcn/ui/actions';\nimport { Input, Option, Select } from '@tcn/ui/inputs';\nimport { Box, HStack, VStack } from '@tcn/ui/stacks';\nimport { Title } from '@tcn/ui/typography';\nimport React from 'react';\nimport { FieldFilterProps } from './field_filter_props.js';\nimport { StringFieldFilterPresenter } from './string_field_filter_presenter.js';\nimport { ComparisonOperator } from '../types.js';\n\nimport { useFieldFilterStrategy } from './use_field_filter_strategy.js';\n\nconst allOperators: ('is' | 'isNot' | 'has')[] = ['is', 'isNot', 'has'];\nconst operatorSymbols: Record<'is' | 'isNot' | 'has', string> = {\n  is: '=',\n  isNot: '!=',\n  has: ':',\n};\nconst operatorLabels: Record<'is' | 'isNot' | 'has', string> = {\n  is: 'is',\n  isNot: 'is not',\n  has: 'has',\n};\n\nexport function StringFieldFilter({ fieldName, label, operators }: FieldFilterProps) {\n  const presenter = useFieldFilterStrategy(StringFieldFilterPresenter, fieldName);\n\n  const value = useSignalValue(presenter.broadcasts.value);\n  const operator = useSignalValue(presenter.broadcasts.operator);\n\n  const availableOperators = operators || allOperators;\n\n  return (\n    <VStack gap=\"4px\">\n      <Box width=\"flex\">\n        <Title size=\"md\">{label}</Title>\n      </Box>\n      <HStack width=\"flex\">\n        <Select\n          value={operator}\n          onChange={value => presenter.setOperator(value as ComparisonOperator)}\n          width=\"65px\"\n        >\n          {availableOperators.map(operator => (\n            <Option\n              key={operator}\n              value={operatorSymbols[operator]}\n              label={operatorLabels[operator]}\n            >\n              {operatorLabels[operator]}\n            </Option>\n          ))}\n        </Select>\n        <Input\n          type=\"text\"\n          value={value ?? ''}\n          onChange={value => presenter.setValue(value)}\n        />\n        <Button\n          onClick={() => presenter.setValue(null)}\n          hierarchy=\"tertiary\"\n          disabled={value == null}\n        >\n          <CrossCircleIcon />\n        </Button>\n      </HStack>\n    </VStack>\n  );\n}\n"],"names":["allOperators","operatorSymbols","operatorLabels","StringFieldFilter","fieldName","label","operators","presenter","useFieldFilterStrategy","StringFieldFilterPresenter","value","useSignalValue","operator","jsxs","VStack","jsx","Box","Title","HStack","Select","Option","Input","Button","CrossCircleIcon"],"mappings":";;;;;;;;;AAaA,MAAMA,IAA2C,CAAC,MAAM,SAAS,KAAK,GAChEC,IAA0D;AAAA,EAC9D,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,KAAK;AACP,GACMC,IAAyD;AAAA,EAC7D,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,KAAK;AACP;AAEO,SAASC,EAAkB,EAAE,WAAAC,GAAW,OAAAC,GAAO,WAAAC,KAA+B;AACnF,QAAMC,IAAYC,EAAuBC,GAA4BL,CAAS,GAExEM,IAAQC,EAAeJ,EAAU,WAAW,KAAK,GACjDK,IAAWD,EAAeJ,EAAU,WAAW,QAAQ;AAI7D,SACE,gBAAAM,EAACC,GAAA,EAAO,KAAI,OACV,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD,EAACE,KAAM,MAAK,MAAM,aAAM,EAAA,CAC1B;AAAA,IACA,gBAAAJ,EAACK,GAAA,EAAO,OAAM,QACZ,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAOP;AAAA,UACP,UAAU,CAAAF,MAASH,EAAU,YAAYG,CAA2B;AAAA,UACpE,OAAM;AAAA,UAEL,WAbkBJ,KAAaN,GAaZ,IAAI,CAAAY,MACtB,gBAAAG;AAAA,YAACK;AAAA,YAAA;AAAA,cAEC,OAAOnB,EAAgBW,CAAQ;AAAA,cAC/B,OAAOV,EAAeU,CAAQ;AAAA,cAE7B,YAAeA,CAAQ;AAAA,YAAA;AAAA,YAJnBA;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAG;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,KAAS;AAAA,UAChB,UAAU,CAAAA,MAASH,EAAU,SAASG,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7C,gBAAAK;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAS,MAAMf,EAAU,SAAS,IAAI;AAAA,UACtC,WAAU;AAAA,UACV,UAAUG,KAAS;AAAA,UAEnB,4BAACa,GAAA,CAAA,CAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IACnB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/table_filter_panel/field_filters/string_field_filter_presenter.d.ts

@@ -1,6 +1,6 @@
 import { Node } from 'clarity-pattern-parser';
-import { FieldFilterRegistry, FieldFilterStrategy } from "./field_filter_strategy.js";
-import { ComparisonOperator } from "../types.js";
+import { FieldFilterRegistry, FieldFilterStrategy } from './field_filter_strategy.js';
+import { ComparisonOperator } from '../types.js';
 export declare class StringFieldFilterPresenter implements FieldFilterStrategy {
     private _fieldName;
     private _value;
@@ -10,8 +10,8 @@ export declare class StringFieldFilterPresenter implements FieldFilterStrategy {
     private _broadcasts;
     constructor(fieldName: string);
     get broadcasts(): {
-        value: import("@tcn/state").IBroadcast<string | null>;
-        operator: import("@tcn/state").IBroadcast<ComparisonOperator>;
+        value: import('@tcn/state').IBroadcast<string | null>;
+        operator: import('@tcn/state').IBroadcast<ComparisonOperator>;
     };
     onChange(handler: () => void): () => void;
     setFieldRegistry(fieldRegistry: FieldFilterRegistry): void;
@@ -21,3 +21,4 @@ export declare class StringFieldFilterPresenter implements FieldFilterStrategy {
     setFilterState(filterAst: Node): void;
     dispose(): void;
 }
+//# sourceMappingURL=string_field_filter_presenter.d.ts.map

package/dist/components/table_filter_panel/field_filters/string_field_filter_presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string_field_filter_presenter.d.ts","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/string_field_filter_presenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,0BAA2B,YAAW,mBAAmB;IACpE,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAmC;IACjD,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,iBAAiB,CAAyB;IAElD,OAAO,CAAC,WAAW,CAGjB;gBAEU,SAAS,EAAE,MAAM;IAI7B,IAAI,UAAU;;;MAEb;IAED,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI;IAO5B,gBAAgB,CAAC,aAAa,EAAE,mBAAmB;IAKnD,eAAe;IAOf,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM7B,WAAW,CAAC,QAAQ,EAAE,kBAAkB;IAKxC,cAAc,CAAC,SAAS,EAAE,IAAI;IAqB9B,OAAO;CAIR"}

package/dist/components/table_filter_panel/field_filters/string_field_filter_presenter.js

@@ -1,61 +1,56 @@
-import { Signal } from '@tcn/state';
-export class StringFieldFilterPresenter {
-    _fieldName;
-    _value = new Signal(null);
-    _operator = new Signal(':');
-    _fieldFilterRegistry = null;
-    _onChangeHandlers = new Set();
-    _broadcasts = {
-        value: this._value.broadcast,
-        operator: this._operator.broadcast,
+import { Signal as i } from "@tcn/state";
+class u {
+  _fieldName;
+  _value = new i(null);
+  _operator = new i(":");
+  _fieldFilterRegistry = null;
+  _onChangeHandlers = /* @__PURE__ */ new Set();
+  _broadcasts = {
+    value: this._value.broadcast,
+    operator: this._operator.broadcast
+  };
+  constructor(e) {
+    this._fieldName = e;
+  }
+  get broadcasts() {
+    return this._broadcasts;
+  }
+  onChange(e) {
+    return this._onChangeHandlers.add(e), () => {
+      this._onChangeHandlers.delete(e);
     };
-    constructor(fieldName) {
-        this._fieldName = fieldName;
-    }
-    get broadcasts() {
-        return this._broadcasts;
-    }
-    onChange(handler) {
-        this._onChangeHandlers.add(handler);
-        return () => {
-            this._onChangeHandlers.delete(handler);
-        };
-    }
-    setFieldRegistry(fieldRegistry) {
-        this._fieldFilterRegistry = fieldRegistry;
-        fieldRegistry.registerFieldFilter(this._fieldName, this);
-    }
-    getFilterString() {
-        if (this._value.get() === null) {
-            return '';
-        }
-        return `${this._fieldName} ${this._operator.get()} "${this._value.get()}"`;
-    }
-    setValue(value) {
-        const escapedValue = value?.replace(/"/g, '\\"') ?? null;
-        this._value.set(escapedValue === '' ? null : escapedValue);
-        this._onChangeHandlers.forEach(handler => handler());
-    }
-    setOperator(operator) {
-        this._operator.set(operator);
-        this._onChangeHandlers.forEach(handler => handler());
-    }
-    setFilterState(filterAst) {
-        const fieldNodes = filterAst.findAll(n => n.name === 'plain-field' && n.value === this._fieldName);
-        const fieldNode = fieldNodes.filter(n => n.parent !== null && n.parent.name === 'infix-expression')[0];
-        if (fieldNode == null) {
-            return;
-        }
-        const parent = fieldNode.parent;
-        const operatorNode = parent.children[1];
-        const valueNode = parent.children[2];
-        this._operator.set(operatorNode.value);
-        const value = valueNode.value;
-        this._value.set(value.slice(1, -1));
-    }
-    dispose() {
-        this._fieldFilterRegistry?.unregisterFieldFilter(this._fieldName);
-        this._onChangeHandlers.clear();
-    }
+  }
+  setFieldRegistry(e) {
+    this._fieldFilterRegistry = e, e.registerFieldFilter(this._fieldName, this);
+  }
+  getFilterString() {
+    return this._value.get() === null ? "" : `${this._fieldName} ${this._operator.get()} "${this._value.get()}"`;
+  }
+  setValue(e) {
+    const t = e?.replace(/"/g, '\\"') ?? null;
+    this._value.set(t === "" ? null : t), this._onChangeHandlers.forEach((l) => l());
+  }
+  setOperator(e) {
+    this._operator.set(e), this._onChangeHandlers.forEach((t) => t());
+  }
+  setFilterState(e) {
+    const l = e.findAll(
+      (r) => r.name === "plain-field" && r.value === this._fieldName
+    ).filter(
+      (r) => r.parent !== null && r.parent.name === "infix-expression"
+    )[0];
+    if (l == null)
+      return;
+    const s = l.parent, a = s.children[1], n = s.children[2];
+    this._operator.set(a.value);
+    const o = n.value;
+    this._value.set(o.slice(1, -1));
+  }
+  dispose() {
+    this._fieldFilterRegistry?.unregisterFieldFilter(this._fieldName), this._onChangeHandlers.clear();
+  }
 }
-//# sourceMappingURL=string_field_filter_presenter.js.map
+export {
+  u as StringFieldFilterPresenter
+};
+//# sourceMappingURL=string_field_filter_presenter.js.map