@tcn/ui-table 2.2.0 → 2.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"string_field_filter_presenter.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/string_field_filter_presenter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"string_field_filter_presenter.js","sources":["../../../../src/components/table_filter_panel/field_filters/string_field_filter_presenter.ts"],"sourcesContent":["import { Signal } from '@tcn/state';\nimport { Node } from 'clarity-pattern-parser';\nimport { FieldFilterRegistry, FieldFilterStrategy } from './field_filter_strategy.js';\nimport { ComparisonOperator } from '../types.js';\n\nexport class StringFieldFilterPresenter implements FieldFilterStrategy {\n  private _fieldName: string;\n  private _value = new Signal<string | null>(null);\n  private _operator = new Signal<ComparisonOperator>(':');\n  private _fieldFilterRegistry: FieldFilterRegistry | null = null;\n  private _onChangeHandlers = new Set<() => void>();\n\n  private _broadcasts = {\n    value: this._value.broadcast,\n    operator: this._operator.broadcast,\n  };\n\n  constructor(fieldName: string) {\n    this._fieldName = fieldName;\n  }\n\n  get broadcasts() {\n    return this._broadcasts;\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    return `${this._fieldName} ${this._operator.get()} \"${this._value.get()}\"`;\n  }\n\n  setValue(value: string | null) {\n    const escapedValue = value?.replace(/\"/g, '\\\\\"') ?? null;\n    this._value.set(escapedValue === '' ? null : escapedValue);\n    this._onChangeHandlers.forEach(handler => handler());\n  }\n\n  setOperator(operator: ComparisonOperator) {\n    this._operator.set(operator);\n    this._onChangeHandlers.forEach(handler => handler());\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 operatorNode = parent.children[1] as Node;\n    const valueNode = parent.children[2] as Node;\n    this._operator.set(operatorNode.value as ComparisonOperator);\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":["StringFieldFilterPresenter","Signal","fieldName","handler","fieldRegistry","value","escapedValue","operator","filterAst","fieldNode","n","parent","operatorNode","valueNode"],"mappings":";AAKO,MAAMA,EAA0D;AAAA,EAC7D;AAAA,EACA,SAAS,IAAIC,EAAsB,IAAI;AAAA,EACvC,YAAY,IAAIA,EAA2B,GAAG;AAAA,EAC9C,uBAAmD;AAAA,EACnD,wCAAwB,IAAA;AAAA,EAExB,cAAc;AAAA,IACpB,OAAO,KAAK,OAAO;AAAA,IACnB,UAAU,KAAK,UAAU;AAAA,EAAA;AAAA,EAG3B,YAAYC,GAAmB;AAC7B,SAAK,aAAaA;AAAA,EACpB;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,SAASC,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,WAAI,KAAK,OAAO,IAAA,MAAU,OACjB,KAEF,GAAG,KAAK,UAAU,IAAI,KAAK,UAAU,IAAA,CAAK,KAAK,KAAK,OAAO,IAAA,CAAK;AAAA,EACzE;AAAA,EAEA,SAASC,GAAsB;AAC7B,UAAMC,IAAeD,GAAO,QAAQ,MAAM,KAAK,KAAK;AACpD,SAAK,OAAO,IAAIC,MAAiB,KAAK,OAAOA,CAAY,GACzD,KAAK,kBAAkB,QAAQ,CAAAH,MAAWA,EAAA,CAAS;AAAA,EACrD;AAAA,EAEA,YAAYI,GAA8B;AACxC,SAAK,UAAU,IAAIA,CAAQ,GAC3B,KAAK,kBAAkB,QAAQ,CAAAJ,MAAWA,EAAA,CAAS;AAAA,EACrD;AAAA,EAEA,eAAeK,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;AAGF,UAAME,IAASF,EAAU,QACnBG,IAAeD,EAAO,SAAS,CAAC,GAChCE,IAAYF,EAAO,SAAS,CAAC;AACnC,SAAK,UAAU,IAAIC,EAAa,KAA2B;AAC3D,UAAMP,IAAQQ,EAAU;AACxB,SAAK,OAAO,IAAIR,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/use_field_filter_strategy.d.ts

@@ -1,4 +1,5 @@
-import { FieldFilterStrategy } from "./field_filter_strategy.js";
+import { FieldFilterStrategy } from './field_filter_strategy.js';
 type FieldFilterStrategyConstructor<T> = new (...args: any[]) => T;
 export declare function useFieldFilterStrategy<T extends FieldFilterStrategy>(filterPresenterConstructor: FieldFilterStrategyConstructor<T>, ...args: any[]): T;
 export {};
+//# sourceMappingURL=use_field_filter_strategy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_field_filter_strategy.d.ts","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/use_field_filter_strategy.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE,KAAK,8BAA8B,CAAC,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEnE,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,mBAAmB,EAClE,0BAA0B,EAAE,8BAA8B,CAAC,CAAC,CAAC,EAC7D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,CAAC,CAoBH"}

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

@@ -1,20 +1,14 @@
-import { useContext, useEffect, useState } from 'react';
-import { TableFilterPanelContext } from "../table_filter_panel.js";
-export function useFieldFilterStrategy(filterPresenterConstructor, ...args) {
-    const panelPresenter = useContext(TableFilterPanelContext);
-    const [presenter] = useState(() => {
-        return new filterPresenterConstructor(...args);
-    });
-    useEffect(() => {
-        if (panelPresenter) {
-            presenter.setFieldRegistry(panelPresenter);
-        }
-    }, [panelPresenter, presenter]);
-    useEffect(() => {
-        return () => {
-            presenter.dispose();
-        };
-    }, [presenter]);
-    return presenter;
+import { useContext as o, useState as i, useEffect as r } from "react";
+import { TableFilterPanelContext as u } from "../table_filter_panel.js";
+function p(n, ...s) {
+  const t = o(u), [e] = i(() => new n(...s));
+  return r(() => {
+    t && e.setFieldRegistry(t);
+  }, [t, e]), r(() => () => {
+    e.dispose();
+  }, [e]), e;
 }
-//# sourceMappingURL=use_field_filter_strategy.js.map
+export {
+  p as useFieldFilterStrategy
+};
+//# sourceMappingURL=use_field_filter_strategy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_field_filter_strategy.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/use_field_filter_strategy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,iCAAgE;AAIlG,MAAM,UAAU,sBAAsB,CACpC,0BAA6D,EAC7D,GAAG,IAAW;IAEd,MAAM,cAAc,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAE3D,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACnC,OAAO,IAAI,0BAA0B,CAAC,GAAG,IAAI,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,CAAC;YACnB,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"use_field_filter_strategy.js","sources":["../../../../src/components/table_filter_panel/field_filters/use_field_filter_strategy.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { FieldFilterStrategy } from './field_filter_strategy.js';\nimport { TableFilterPanelContext } from '../table_filter_panel.js';\n\ntype FieldFilterStrategyConstructor<T> = new (...args: any[]) => T;\n\nexport function useFieldFilterStrategy<T extends FieldFilterStrategy>(\n  filterPresenterConstructor: FieldFilterStrategyConstructor<T>,\n  ...args: any[]\n): T {\n  const panelPresenter = useContext(TableFilterPanelContext);\n\n  const [presenter] = useState<T>(() => {\n    return new filterPresenterConstructor(...args);\n  });\n\n  useEffect(() => {\n    if (panelPresenter) {\n      presenter.setFieldRegistry(panelPresenter);\n    }\n  }, [panelPresenter, presenter]);\n\n  useEffect(() => {\n    return () => {\n      presenter.dispose();\n    };\n  }, [presenter]);\n\n  return presenter;\n}\n"],"names":["useFieldFilterStrategy","filterPresenterConstructor","args","panelPresenter","useContext","TableFilterPanelContext","presenter","useState","useEffect"],"mappings":";;AAMO,SAASA,EACdC,MACGC,GACA;AACH,QAAMC,IAAiBC,EAAWC,CAAuB,GAEnD,CAACC,CAAS,IAAIC,EAAY,MACvB,IAAIN,EAA2B,GAAGC,CAAI,CAC9C;AAED,SAAAM,EAAU,MAAM;AACd,IAAIL,KACFG,EAAU,iBAAiBH,CAAc;AAAA,EAE7C,GAAG,CAACA,GAAgBG,CAAS,CAAC,GAE9BE,EAAU,MACD,MAAM;AACX,IAAAF,EAAU,QAAA;AAAA,EACZ,GACC,CAACA,CAAS,CAAC,GAEPA;AACT;"}

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

@@ -1,10 +1,11 @@
 import { DataSource } from '@tcn/resource-store';
-import React, { ReactElement } from 'react';
-import { FieldFilterProps } from "./field_filters/field_filter_props.js";
-import { TableFilterPanelPresenter } from "./table_filter_panel_presenter.js";
+import { default as React, ReactElement } from 'react';
+import { FieldFilterProps } from './field_filters/field_filter_props.js';
+import { TableFilterPanelPresenter } from './table_filter_panel_presenter.js';
 export type TableFilterPanelProps = {
     children: ReactElement<FieldFilterProps>[] | ReactElement<FieldFilterProps>;
     dataSource: DataSource<any>;
 };
-export declare function TableFilterPanel({ children, dataSource }: TableFilterPanelProps): React.JSX.Element;
+export declare function TableFilterPanel({ children, dataSource }: TableFilterPanelProps): import("react/jsx-runtime").JSX.Element;
 export declare const TableFilterPanelContext: React.Context<TableFilterPanelPresenter<unknown> | null>;
+//# sourceMappingURL=table_filter_panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table_filter_panel.d.ts","sourceRoot":"","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,KAAK,EAAE,EAAE,YAAY,EAA2B,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;CAC7B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,qBAAqB,2CAU/E;AAED,eAAO,MAAM,uBAAuB,0DAEnC,CAAC"}

package/dist/components/table_filter_panel/table_filter_panel.js

@@ -1,12 +1,16 @@
-import { VStack } from '@tcn/ui/stacks';
-import React, { useState, createContext } from 'react';
-import { TableFilterPanelPresenter } from "./table_filter_panel_presenter.js";
-export function TableFilterPanel({ children, dataSource }) {
-    const [presenter] = useState(() => {
-        return new TableFilterPanelPresenter(dataSource);
-    });
-    return (React.createElement(TableFilterPanelContext.Provider, { value: presenter },
-        React.createElement(VStack, { gap: "16px" }, children)));
+import { jsx as e } from "react/jsx-runtime";
+import { VStack as o } from "@tcn/ui/stacks";
+import { createContext as l, useState as a } from "react";
+import { TableFilterPanelPresenter as i } from "./table_filter_panel_presenter.js";
+function f({ children: r, dataSource: t }) {
+  const [n] = a(() => new i(t));
+  return /* @__PURE__ */ e(m.Provider, { value: n, children: /* @__PURE__ */ e(o, { gap: "16px", children: r }) });
 }
-export const TableFilterPanelContext = createContext(null);
-//# sourceMappingURL=table_filter_panel.js.map
+const m = l(
+  null
+);
+export {
+  f as TableFilterPanel,
+  m as TableFilterPanelContext
+};
+//# sourceMappingURL=table_filter_panel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table_filter_panel.js","sourceRoot":"","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,EAAgB,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,yBAAyB,EAAE,0CAA0E;AAO9G,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAyB;IAC9E,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAChC,OAAO,IAAI,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;QAChD,oBAAC,MAAM,IAAC,GAAG,EAAC,MAAM,IAAE,QAAQ,CAAU,CACL,CACpC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAClD,IAAI,CACL,CAAC"}
+{"version":3,"file":"table_filter_panel.js","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"sourcesContent":["import { DataSource } from '@tcn/resource-store';\nimport { VStack } from '@tcn/ui/stacks';\nimport React, { ReactElement, useState, createContext } from 'react';\nimport { FieldFilterProps } from './field_filters/field_filter_props.js';\nimport { TableFilterPanelPresenter } from './table_filter_panel_presenter.js';\n\nexport type TableFilterPanelProps = {\n  children: ReactElement<FieldFilterProps>[] | ReactElement<FieldFilterProps>;\n  dataSource: DataSource<any>;\n};\n\nexport function TableFilterPanel({ children, dataSource }: TableFilterPanelProps) {\n  const [presenter] = useState(() => {\n    return new TableFilterPanelPresenter(dataSource);\n  });\n\n  return (\n    <TableFilterPanelContext.Provider value={presenter}>\n      <VStack gap=\"16px\">{children}</VStack>\n    </TableFilterPanelContext.Provider>\n  );\n}\n\nexport const TableFilterPanelContext = createContext<TableFilterPanelPresenter | null>(\n  null\n);\n"],"names":["TableFilterPanel","children","dataSource","presenter","useState","TableFilterPanelPresenter","jsx","TableFilterPanelContext","VStack","createContext"],"mappings":";;;;AAWO,SAASA,EAAiB,EAAE,UAAAC,GAAU,YAAAC,KAAqC;AAChF,QAAM,CAACC,CAAS,IAAIC,EAAS,MACpB,IAAIC,EAA0BH,CAAU,CAChD;AAED,SACE,gBAAAI,EAACC,EAAwB,UAAxB,EAAiC,OAAOJ,GACvC,UAAA,gBAAAG,EAACE,GAAA,EAAO,KAAI,QAAQ,UAAAP,EAAA,CAAS,EAAA,CAC/B;AAEJ;AAEO,MAAMM,IAA0BE;AAAA,EACrC;AACF;"}

package/dist/components/table_filter_panel/table_filter_panel_presenter.d.ts

@@ -1,6 +1,5 @@
 import { DataSource } from '@tcn/resource-store';
-import { FieldFilterStrategy } from "./field_filters/field_filter_strategy.js";
-import { FieldFilterRegistry } from "./field_filters/field_filter_strategy.js";
+import { FieldFilterStrategy, FieldFilterRegistry } from './field_filters/field_filter_strategy.js';
 export declare class TableFilterPanelPresenter<T = unknown> implements FieldFilterRegistry {
     private _dataSource;
     private _unsubscribers;
@@ -13,3 +12,4 @@ export declare class TableFilterPanelPresenter<T = unknown> implements FieldFilt
     private _applyFilters;
     private _setFieldFilterState;
 }
+//# sourceMappingURL=table_filter_panel_presenter.d.ts.map

package/dist/components/table_filter_panel/table_filter_panel_presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_filter_panel_presenter.d.ts","sourceRoot":"","sources":["../../../src/components/table_filter_panel/table_filter_panel_presenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,qBAAa,yBAAyB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,mBAAmB;IAChF,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,cAAc,CAAiC;IAEvD,OAAO,CAAC,aAAa,CAA0C;IAK/D,OAAO,CAAC,sBAAsB,CAAM;IACpC,OAAO,CAAC,iBAAiB,CAAS;gBAEtB,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAarC,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB;IAWvE,qBAAqB,CAAC,SAAS,EAAE,MAAM;YAMzB,aAAa;YAUb,oBAAoB;CAmBnC"}

package/dist/components/table_filter_panel/table_filter_panel_presenter.js

@@ -1,63 +1,46 @@
-import { parseFilterString } from '@tcn/aip-160';
-export class TableFilterPanelPresenter {
-    _dataSource;
-    _unsubscribers = new Map();
-    _fieldFilters = new Map();
-    // Some state to prevent infinite loops.
-    // Disable filtering while we're setting state of all the fields
-    // based on an updated filter string.
-    _lastKnownFilterString = '';
-    _disableObserving = false;
-    constructor(dataSource) {
-        this._dataSource = dataSource;
-        this._dataSource.broadcasts.filterString.subscribe(filterString => {
-            if (filterString !== this._lastKnownFilterString) {
-                this._disableObserving = true;
-                for (const fieldFilter of this._fieldFilters.values()) {
-                    this._setFieldFilterState(fieldFilter);
-                }
-                this._disableObserving = false;
-            }
-        });
-    }
-    registerFieldFilter(fieldName, fieldFilter) {
-        this._fieldFilters.set(fieldName, fieldFilter);
-        const unsubscribe = fieldFilter.onChange(() => {
-            if (!this._disableObserving) {
-                this._applyFilters();
-            }
-        });
-        this._unsubscribers.set(fieldName, unsubscribe);
-        this._setFieldFilterState(fieldFilter);
-    }
-    unregisterFieldFilter(fieldName) {
-        this._fieldFilters.delete(fieldName);
-        this._unsubscribers.get(fieldName)?.();
-        this._unsubscribers.delete(fieldName);
-    }
-    async _applyFilters() {
-        const filterString = Array.from(this._fieldFilters.values())
-            .map(fieldFilter => fieldFilter.getFilterString())
-            .filter(Boolean)
-            .join(' AND ');
-        this._lastKnownFilterString = filterString;
-        this._dataSource.setFilterString(filterString);
-    }
-    async _setFieldFilterState(fieldFilter) {
-        const filterString = this._dataSource.broadcasts.filterString.get();
-        // TODO: Why isn't this type working?
-        const ast = (await parseFilterString(filterString));
-        if (ast == null) {
-            return;
-        }
-        ast.findAll(n => n.name === 'space').forEach(n => n.remove());
-        ast.walkBreadthFirst(n => {
-            const firstChild = n.children[0];
-            if (n.children.length === 1 && firstChild.children.length === 0) {
-                n.replaceWith(firstChild);
-            }
-        });
-        fieldFilter.setFilterState(ast);
-    }
+import { parseFilterString as l } from "@tcn/aip-160";
+class c {
+  _dataSource;
+  _unsubscribers = /* @__PURE__ */ new Map();
+  _fieldFilters = /* @__PURE__ */ new Map();
+  // Some state to prevent infinite loops.
+  // Disable filtering while we're setting state of all the fields
+  // based on an updated filter string.
+  _lastKnownFilterString = "";
+  _disableObserving = !1;
+  constructor(t) {
+    this._dataSource = t, this._dataSource.broadcasts.filterString.subscribe((e) => {
+      if (e !== this._lastKnownFilterString) {
+        this._disableObserving = !0;
+        for (const i of this._fieldFilters.values())
+          this._setFieldFilterState(i);
+        this._disableObserving = !1;
+      }
+    });
+  }
+  registerFieldFilter(t, e) {
+    this._fieldFilters.set(t, e);
+    const i = e.onChange(() => {
+      this._disableObserving || this._applyFilters();
+    });
+    this._unsubscribers.set(t, i), this._setFieldFilterState(e);
+  }
+  unregisterFieldFilter(t) {
+    this._fieldFilters.delete(t), this._unsubscribers.get(t)?.(), this._unsubscribers.delete(t);
+  }
+  async _applyFilters() {
+    const t = Array.from(this._fieldFilters.values()).map((e) => e.getFilterString()).filter(Boolean).join(" AND ");
+    this._lastKnownFilterString = t, this._dataSource.setFilterString(t);
+  }
+  async _setFieldFilterState(t) {
+    const e = this._dataSource.broadcasts.filterString.get(), i = await l(e);
+    i != null && (i.findAll((s) => s.name === "space").forEach((s) => s.remove()), i.walkBreadthFirst((s) => {
+      const r = s.children[0];
+      s.children.length === 1 && r.children.length === 0 && s.replaceWith(r);
+    }), t.setFilterState(i));
+  }
 }
-//# sourceMappingURL=table_filter_panel_presenter.js.map
+export {
+  c as TableFilterPanelPresenter
+};
+//# sourceMappingURL=table_filter_panel_presenter.js.map

package/dist/components/table_filter_panel/table_filter_panel_presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_filter_panel_presenter.js","sourceRoot":"","sources":["../../../src/components/table_filter_panel/table_filter_panel_presenter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"table_filter_panel_presenter.js","sources":["../../../src/components/table_filter_panel/table_filter_panel_presenter.ts"],"sourcesContent":["import { parseFilterString } from '@tcn/aip-160';\nimport { DataSource } from '@tcn/resource-store';\nimport { Node } from 'clarity-pattern-parser';\nimport { FieldFilterStrategy } from './field_filters/field_filter_strategy.js';\nimport { FieldFilterRegistry } from './field_filters/field_filter_strategy.js';\nexport class TableFilterPanelPresenter<T = unknown> implements FieldFilterRegistry {\n  private _dataSource: DataSource<T>;\n  private _unsubscribers = new Map<string, () => void>();\n\n  private _fieldFilters = new Map<string, FieldFilterStrategy>();\n\n  // Some state to prevent infinite loops.\n  // Disable filtering while we're setting state of all the fields\n  // based on an updated filter string.\n  private _lastKnownFilterString = '';\n  private _disableObserving = false;\n\n  constructor(dataSource: DataSource<T>) {\n    this._dataSource = dataSource;\n    this._dataSource.broadcasts.filterString.subscribe(filterString => {\n      if (filterString !== this._lastKnownFilterString) {\n        this._disableObserving = true;\n        for (const fieldFilter of this._fieldFilters.values()) {\n          this._setFieldFilterState(fieldFilter);\n        }\n        this._disableObserving = false;\n      }\n    });\n  }\n\n  registerFieldFilter(fieldName: string, fieldFilter: FieldFilterStrategy) {\n    this._fieldFilters.set(fieldName, fieldFilter);\n    const unsubscribe = fieldFilter.onChange(() => {\n      if (!this._disableObserving) {\n        this._applyFilters();\n      }\n    });\n    this._unsubscribers.set(fieldName, unsubscribe);\n    this._setFieldFilterState(fieldFilter);\n  }\n\n  unregisterFieldFilter(fieldName: string) {\n    this._fieldFilters.delete(fieldName);\n    this._unsubscribers.get(fieldName)?.();\n    this._unsubscribers.delete(fieldName);\n  }\n\n  private async _applyFilters() {\n    const filterString = Array.from(this._fieldFilters.values())\n      .map(fieldFilter => fieldFilter.getFilterString())\n      .filter(Boolean)\n      .join(' AND ');\n\n    this._lastKnownFilterString = filterString;\n    this._dataSource.setFilterString(filterString);\n  }\n\n  private async _setFieldFilterState(fieldFilter: FieldFilterStrategy) {\n    const filterString = this._dataSource.broadcasts.filterString.get();\n    // TODO: Why isn't this type working?\n    const ast = (await parseFilterString(filterString)) as Node | null;\n    if (ast == null) {\n      return;\n    }\n\n    ast.findAll((n: Node) => n.name === 'space').forEach((n: Node) => n.remove());\n\n    ast.walkBreadthFirst((n: Node) => {\n      const firstChild = n.children[0];\n      if (n.children.length === 1 && firstChild.children.length === 0) {\n        n.replaceWith(firstChild);\n      }\n    });\n\n    fieldFilter.setFilterState(ast);\n  }\n}\n"],"names":["TableFilterPanelPresenter","dataSource","filterString","fieldFilter","fieldName","unsubscribe","ast","parseFilterString","n","firstChild"],"mappings":";AAKO,MAAMA,EAAsE;AAAA,EACzE;AAAA,EACA,qCAAqB,IAAA;AAAA,EAErB,oCAAoB,IAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EAE5B,YAAYC,GAA2B;AACrC,SAAK,cAAcA,GACnB,KAAK,YAAY,WAAW,aAAa,UAAU,CAAAC,MAAgB;AACjE,UAAIA,MAAiB,KAAK,wBAAwB;AAChD,aAAK,oBAAoB;AACzB,mBAAWC,KAAe,KAAK,cAAc,OAAA;AAC3C,eAAK,qBAAqBA,CAAW;AAEvC,aAAK,oBAAoB;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoBC,GAAmBD,GAAkC;AACvE,SAAK,cAAc,IAAIC,GAAWD,CAAW;AAC7C,UAAME,IAAcF,EAAY,SAAS,MAAM;AAC7C,MAAK,KAAK,qBACR,KAAK,cAAA;AAAA,IAET,CAAC;AACD,SAAK,eAAe,IAAIC,GAAWC,CAAW,GAC9C,KAAK,qBAAqBF,CAAW;AAAA,EACvC;AAAA,EAEA,sBAAsBC,GAAmB;AACvC,SAAK,cAAc,OAAOA,CAAS,GACnC,KAAK,eAAe,IAAIA,CAAS,IAAA,GACjC,KAAK,eAAe,OAAOA,CAAS;AAAA,EACtC;AAAA,EAEA,MAAc,gBAAgB;AAC5B,UAAMF,IAAe,MAAM,KAAK,KAAK,cAAc,OAAA,CAAQ,EACxD,IAAI,CAAAC,MAAeA,EAAY,iBAAiB,EAChD,OAAO,OAAO,EACd,KAAK,OAAO;AAEf,SAAK,yBAAyBD,GAC9B,KAAK,YAAY,gBAAgBA,CAAY;AAAA,EAC/C;AAAA,EAEA,MAAc,qBAAqBC,GAAkC;AACnE,UAAMD,IAAe,KAAK,YAAY,WAAW,aAAa,IAAA,GAExDI,IAAO,MAAMC,EAAkBL,CAAY;AACjD,IAAII,KAAO,SAIXA,EAAI,QAAQ,CAACE,MAAYA,EAAE,SAAS,OAAO,EAAE,QAAQ,CAACA,MAAYA,EAAE,OAAA,CAAQ,GAE5EF,EAAI,iBAAiB,CAACE,MAAY;AAChC,YAAMC,IAAaD,EAAE,SAAS,CAAC;AAC/B,MAAIA,EAAE,SAAS,WAAW,KAAKC,EAAW,SAAS,WAAW,KAC5DD,EAAE,YAAYC,CAAU;AAAA,IAE5B,CAAC,GAEDN,EAAY,eAAeG,CAAG;AAAA,EAChC;AACF;"}

package/dist/components/table_filter_panel/types.d.ts

@@ -1,2 +1,3 @@
 export type ComparisonOperator = '>=' | '>' | '<=' | '<' | '=' | ':' | '!=';
 export declare const comparisonOperators: string[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/table_filter_panel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table_filter_panel/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE5E,eAAO,MAAM,mBAAmB,UAAyC,CAAC"}

package/dist/components/table_filter_panel/types.js

@@ -1,2 +1,5 @@
-export const comparisonOperators = ['>=', '>', '<=', '<', '=', ':', '!='];
-//# sourceMappingURL=types.js.map
+const o = [">=", ">", "<=", "<", "=", ":", "!="];
+export {
+  o as comparisonOperators
+};
+//# sourceMappingURL=types.js.map

package/dist/components/table_filter_panel/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/table_filter_panel/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"types.js","sources":["../../../src/components/table_filter_panel/types.ts"],"sourcesContent":["export type ComparisonOperator = '>=' | '>' | '<=' | '<' | '=' | ':' | '!=';\n\nexport const comparisonOperators = ['>=', '>', '<=', '<', '=', ':', '!='];\n"],"names":["comparisonOperators"],"mappings":"AAEO,MAAMA,IAAsB,CAAC,MAAM,KAAK,MAAM,KAAK,KAAK,KAAK,IAAI;"}

package/dist/components/table_pager.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
 import { DataSource } from '@tcn/resource-store';
 import { HStackOwnProps, WithDetailedHTMLProps } from '@tcn/ui/stacks';
 export interface TablePagerOwnProps<T> {
     dataSource: DataSource<T>;
 }
 export type TablePagerProps<T> = WithDetailedHTMLProps<TablePagerOwnProps<T> & HStackOwnProps, 'div'>;
-export declare function TablePager<T>({ dataSource, ...props }: TablePagerProps<T>): React.JSX.Element;
+export declare function TablePager<T>({ dataSource, ...props }: TablePagerProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table_pager.d.ts.map

package/dist/components/table_pager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_pager.d.ts","sourceRoot":"","sources":["../../src/components/table_pager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAU,cAAc,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAM/E,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC3B;AACD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,qBAAqB,CACpD,kBAAkB,CAAC,CAAC,CAAC,GAAG,cAAc,EACtC,KAAK,CACN,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,2CAkBzE"}

package/dist/components/table_pager.js

@@ -1,21 +1,23 @@
-import React from 'react';
-import { ChevronLeftIcon } from '@tcn/icons/chevron_left_icon';
-import { useSignalValue } from '@tcn/state';
-import { Button } from '@tcn/ui/actions';
-import { HStack } from '@tcn/ui/stacks';
-import { BodyText } from '@tcn/ui/typography';
-import { ChevronRightIcon } from '@tcn/icons/chevron_right_icon';
-import styles from './table_pager.module.css';
-export function TablePager({ dataSource, ...props }) {
-    const pageIndex = useSignalValue(dataSource.broadcasts.currentPageIndex);
-    const hasNextPage = useSignalValue(dataSource.broadcasts.hasNextPage);
-    return (React.createElement(HStack, { as: "div", height: "auto", width: "auto", gap: "8px", ...props },
-        React.createElement(HStack, { gap: "4px", width: "auto" },
-            React.createElement(BodyText, null, "Page:"),
-            React.createElement(BodyText, { className: styles['page-count'] }, pageIndex + 1)),
-        React.createElement(Button, { onClick: () => dataSource.previousPage(), disabled: pageIndex === 0 },
-            React.createElement(ChevronLeftIcon, { flipOnRtl: true })),
-        React.createElement(Button, { onClick: () => dataSource.nextPage(), disabled: !hasNextPage },
-            React.createElement(ChevronRightIcon, { flipOnRtl: true }))));
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { ChevronLeftIcon as l } from "@tcn/icons/chevron_left_icon.js";
+import { useSignalValue as r } from "@tcn/state";
+import { Button as a } from "@tcn/ui/actions";
+import { HStack as i } from "@tcn/ui/stacks";
+import { BodyText as s } from "@tcn/ui/typography";
+import { ChevronRightIcon as g } from "@tcn/icons/chevron_right_icon.js";
+import '../table_pager.css';const d = "_page-count_2afc65e", h = { "page-count": d };
+function v({ dataSource: t, ...c }) {
+  const o = r(t.broadcasts.currentPageIndex), p = r(t.broadcasts.hasNextPage);
+  return /* @__PURE__ */ n(i, { as: "div", height: "auto", width: "auto", gap: "8px", ...c, children: [
+    /* @__PURE__ */ n(i, { gap: "4px", width: "auto", children: [
+      /* @__PURE__ */ e(s, { children: "Page:" }),
+      /* @__PURE__ */ e(s, { className: h["page-count"], children: o + 1 })
+    ] }),
+    /* @__PURE__ */ e(a, { onClick: () => t.previousPage(), disabled: o === 0, children: /* @__PURE__ */ e(l, { flipOnRtl: !0 }) }),
+    /* @__PURE__ */ e(a, { onClick: () => t.nextPage(), disabled: !p, children: /* @__PURE__ */ e(g, { flipOnRtl: !0 }) })
+  ] });
 }
-//# sourceMappingURL=table_pager.js.map
+export {
+  v as TablePager
+};
+//# sourceMappingURL=table_pager.js.map

package/dist/components/table_pager.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_pager.js","sourceRoot":"","sources":["../../src/components/table_pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAyC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,UAAU,CAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB;IACxE,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtE,OAAO,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,KAAK,KAAK;QAC7D,oBAAC,MAAM,IAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;YAC5B,oBAAC,QAAQ,gBAAiB;YAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,IAAG,SAAS,GAAG,CAAC,CAAY,CAC9D;QACT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,KAAK,CAAC;YACzE,oBAAC,eAAe,IAAC,SAAS,SAAG,CACtB;QACT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,WAAW;YAClE,oBAAC,gBAAgB,IAAC,SAAS,SAAG,CACvB,CACF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table_pager.js","sources":["../../src/components/table_pager.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ChevronLeftIcon } from '@tcn/icons/chevron_left_icon.js';\nimport { DataSource } from '@tcn/resource-store';\nimport { useSignalValue } from '@tcn/state';\nimport { Button } from '@tcn/ui/actions';\nimport { HStack, HStackOwnProps, WithDetailedHTMLProps } from '@tcn/ui/stacks';\nimport { BodyText } from '@tcn/ui/typography';\n\nimport { ChevronRightIcon } from '@tcn/icons/chevron_right_icon.js';\nimport styles from './table_pager.module.css';\n\nexport interface TablePagerOwnProps<T> {\n  dataSource: DataSource<T>;\n}\nexport type TablePagerProps<T> = WithDetailedHTMLProps<\n  TablePagerOwnProps<T> & HStackOwnProps,\n  'div'\n>;\n\nexport function TablePager<T>({ dataSource, ...props }: TablePagerProps<T>) {\n  const pageIndex = useSignalValue(dataSource.broadcasts.currentPageIndex);\n  const hasNextPage = useSignalValue(dataSource.broadcasts.hasNextPage);\n\n  return (\n    <HStack as=\"div\" height=\"auto\" width=\"auto\" gap=\"8px\" {...props}>\n      <HStack gap=\"4px\" width=\"auto\">\n        <BodyText>Page:</BodyText>\n        <BodyText className={styles['page-count']}>{pageIndex + 1}</BodyText>\n      </HStack>\n      <Button onClick={() => dataSource.previousPage()} disabled={pageIndex === 0}>\n        <ChevronLeftIcon flipOnRtl />\n      </Button>\n      <Button onClick={() => dataSource.nextPage()} disabled={!hasNextPage}>\n        <ChevronRightIcon flipOnRtl />\n      </Button>\n    </HStack>\n  );\n}\n"],"names":["TablePager","dataSource","props","pageIndex","useSignalValue","hasNextPage","jsxs","HStack","jsx","BodyText","styles","Button","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;;;;AAoBO,SAASA,EAAc,EAAE,YAAAC,GAAY,GAAGC,KAA6B;AAC1E,QAAMC,IAAYC,EAAeH,EAAW,WAAW,gBAAgB,GACjEI,IAAcD,EAAeH,EAAW,WAAW,WAAW;AAEpE,SACE,gBAAAK,EAACC,GAAA,EAAO,IAAG,OAAM,QAAO,QAAO,OAAM,QAAO,KAAI,OAAO,GAAGL,GACxD,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAA,EAAO,KAAI,OAAM,OAAM,QACtB,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAS,UAAA,QAAA,CAAK;AAAA,wBACdA,GAAA,EAAS,WAAWC,EAAO,YAAY,GAAI,cAAY,EAAA,CAAE;AAAA,IAAA,GAC5D;AAAA,IACA,gBAAAF,EAACG,GAAA,EAAO,SAAS,MAAMV,EAAW,aAAA,GAAgB,UAAUE,MAAc,GACxE,UAAA,gBAAAK,EAACI,GAAA,EAAgB,WAAS,IAAC,GAC7B;AAAA,IACA,gBAAAJ,EAACG,GAAA,EAAO,SAAS,MAAMV,EAAW,SAAA,GAAY,UAAU,CAACI,GACvD,UAAA,gBAAAG,EAACK,GAAA,EAAiB,WAAS,IAAC,EAAA,CAC9B;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.d.ts

@@ -12,3 +12,4 @@ export { SelectFieldFilter } from './components/table_filter_panel/field_filters
 export type { FieldFilterStrategy } from './components/table_filter_panel/field_filters/field_filter_strategy.js';
 export type { FieldFilterProps } from './components/table_filter_panel/field_filters/field_filter_props.js';
 export { useFieldFilterStrategy as useFilterFieldStrategy } from './components/table_filter_panel/field_filters/use_field_filter_strategy.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACzG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACzG,OAAO,EAAE,eAAe,EAAE,MAAM,oEAAoE,CAAC;AACrG,OAAO,EAAE,sBAAsB,EAAE,MAAM,4EAA4E,CAAC;AACpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,4EAA4E,CAAC;AACpH,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AAGzG,YAAY,EAAE,mBAAmB,EAAE,MAAM,wEAAwE,CAAC;AAClH,YAAY,EAAE,gBAAgB,EAAE,MAAM,qEAAqE,CAAC;AAC5G,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,4EAA4E,CAAC"}

package/dist/index.js

@@ -1,13 +1,27 @@
-export { Table } from './components/table/table.js';
-export { TableColumn } from './components/table/table_column.js';
-export { TablePager } from './components/table_pager.js';
-export { GlobalSearch } from './components/global_search.js';
-export { TableFilterPanel } from './components/table_filter_panel/table_filter_panel.js';
-export { NumberFieldFilter } from './components/table_filter_panel/field_filters/number_field_filter.js';
-export { StringFieldFilter } from './components/table_filter_panel/field_filters/string_field_filter.js';
-export { DateFieldFilter } from './components/table_filter_panel/field_filters/date_field_filter.js';
-export { NumberRangeFieldFilter } from './components/table_filter_panel/field_filters/number_range_field_filter.js';
-export { MulitSelectFieldFilter } from './components/table_filter_panel/field_filters/mulit_select_field_filter.js';
-export { SelectFieldFilter } from './components/table_filter_panel/field_filters/select_field_filter.js';
-export { useFieldFilterStrategy as useFilterFieldStrategy } from './components/table_filter_panel/field_filters/use_field_filter_strategy.js';
-//# sourceMappingURL=index.js.map
+import { Table as t } from "./components/table/table.js";
+import { TableColumn as o } from "./components/table/table_column.js";
+import { TablePager as F } from "./components/table_pager.js";
+import { GlobalSearch as a } from "./components/global_search.js";
+import { TableFilterPanel as p } from "./components/table_filter_panel/table_filter_panel.js";
+import { NumberFieldFilter as d } from "./components/table_filter_panel/field_filters/number_field_filter.js";
+import { StringFieldFilter as u } from "./components/table_filter_panel/field_filters/string_field_filter.js";
+import { DateFieldFilter as g } from "./components/table_filter_panel/field_filters/date_field_filter.js";
+import { NumberRangeFieldFilter as T } from "./components/table_filter_panel/field_filters/number_range_field_filter.js";
+import { MulitSelectFieldFilter as s } from "./components/table_filter_panel/field_filters/mulit_select_field_filter.js";
+import { SelectFieldFilter as N } from "./components/table_filter_panel/field_filters/select_field_filter.js";
+import { useFieldFilterStrategy as h } from "./components/table_filter_panel/field_filters/use_field_filter_strategy.js";
+export {
+  g as DateFieldFilter,
+  a as GlobalSearch,
+  s as MulitSelectFieldFilter,
+  d as NumberFieldFilter,
+  T as NumberRangeFieldFilter,
+  N as SelectFieldFilter,
+  u as StringFieldFilter,
+  t as Table,
+  o as TableColumn,
+  p as TableFilterPanel,
+  F as TablePager,
+  h as useFilterFieldStrategy
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACzG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACzG,OAAO,EAAE,eAAe,EAAE,MAAM,oEAAoE,CAAC;AACrG,OAAO,EAAE,sBAAsB,EAAE,MAAM,4EAA4E,CAAC;AACpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,4EAA4E,CAAC;AACpH,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AAKzG,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,4EAA4E,CAAC"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/table.css

@@ -0,0 +1 @@
+._table-body-wrapper_55f7034{box-shadow:var(--table-box-shadow, inset 0px 1px 2px 0px rgba(0, 0, 0, .5));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333}._table-body_b8c928c{border-spacing:0;width:auto;min-width:100%;height:auto;min-height:100%;font-size:12px;table-layout:fixed;background-color:#ebebeb}.dark-mode ._table-body_b8c928c{background-color:#333;color:#ffffffe6}td{text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:inherit}._table-body_b8c928c tr{font-size:12px}._table-body_b8c928c tr[data-clickable=true]{cursor:pointer}._table-body_b8c928c thead tr th{position:sticky;top:0;z-index:1;box-sizing:border-box}._table-body_b8c928c thead{position:sticky;top:0;z-index:3}._table-body_b8c928c tbody{position:relative;z-index:1}._table-body_b8c928c tfoot{position:relative;z-index:2}._table-body_b8c928c th{--accent-color: #0077aa;--accent-surface-light: color-mix(in srgb, var(--accent-color) 8%, white);background-color:var(--accent-surface-light);color:#000;font-weight:400;text-align:start}._table-body_b8c928c th>div{border-inline-start:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;align-items:center}._table-body_b8c928c th:first-child>div{border-inline-start:none}._table-body_b8c928c th:last-child>div{border-inline:1px solid #ccc}.dark-mode ._table-body_b8c928c th:last-child{border-inline:1px solid #202020}._table-body_b8c928c td:last-child>div{border-inline:1px solid #ccc}.dark-mode ._table-body_b8c928c td:last-child>div{border-inline:1px solid #202020}.dark-mode ._table-body_b8c928c th{color:#ffffffe6;border-bottom:1px solid #202020;border-inline-start:1px solid #202020;background-color:#333}._table-body_b8c928c td>div{height:100%;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.dark-mode ._table-body_b8c928c td>div{border-bottom:1px solid #202020}._table-body_b8c928c tr:nth-child(odd){background-color:#f1f1f1}._table-body_b8c928c tr:nth-child(2n){background-color:#fff}.dark-mode ._table-body_b8c928c tr:nth-child(odd){background-color:#3b3b3b}.dark-mode ._table-body_b8c928c tr:nth-child(2n){background-color:#2e2e2e}._table-body_b8c928c tr:hover{background-color:#dedede}.dark-mode ._table-body_b8c928c tr:hover{background-color:#1e1e1e}._table-body_b8c928c thead{box-shadow:0 2px 2px -1px #0000001a}._table-body_b8c928c tfoot td{background-color:#f0f0f0;font-weight:700}._table-body_b8c928c tr.fill{height:auto}._table-body_b8c928c tr td.fill{width:auto;min-width:none;background-color:inherit}._table-body_b8c928c tr th.fill{width:auto;background-color:inherit}._table-body_b8c928c tfoot{position:sticky;bottom:0}._table-body_b8c928c tr[data-selected=true],.dark-mode ._table-body_b8c928c tr[data-selected=true]{background-color:var(--accent-color, #549aff);color:#fff}._table-body_b8c928c td,._table-body_b8c928c th{max-height:30px;height:30px;font-size:12px;vertical-align:middle}._table-body_b8c928c td:first-child>div{padding-inline-start:var(--surface-inset, 6px)}._table-body_b8c928c td:last-child>div{padding-inline-end:var(--surface-inset, 6px)}.small-text ._table-body_b8c928c td,.small-text ._table-body_b8c928c th{max-height:20px;height:20px;font-size:10px}.medium-small-text ._table-body_b8c928c td,.medium-small-text ._table-body_b8c928c th{max-height:22px;height:22px;font-size:12px}.medium-text ._table-body_b8c928c td,.medium-text ._table-body_b8c928c th{max-height:24px;height:24px;font-size:14px}.medium-large-text ._table-body_b8c928c td,.medium-large-text ._table-body_b8c928c th{max-height:26px;height:26px;font-size:16px}.large-text ._table-body_b8c928c td,.large-text ._table-body_b8c928c th{height:28px;max-height:28px;font-size:18px}._table-body_b8c928c th{padding:0!important}._table-body_b8c928c tr th.spacer{background-color:#f1f1f1}.dark-mode ._table-body_b8c928c tr th.spacer{background-color:#333}._table-body_b8c928c tr th.fill{background-color:#f1f1f1}.dark-mode ._table-body_b8c928c tr th.fill{background-color:#333}._table-body_b8c928c tr[data-sticky-row] td{background-color:#ccc}.dark-mode ._table-body_b8c928c tr[data-sticky-row] td{background-color:#2f2f2f}._table-body_b8c928c[data-is-clickable=true] td{cursor:pointer}

package/dist/table_pager.css

@@ -0,0 +1 @@
+._page-count_2afc65e{min-width:2ch;text-align:right}