@tcn/ui-table 2.2.0 → 2.3.1

package/dist/components/table/table.js

@@ -1,80 +1,143 @@
-import React, { isValidElement, useState, useRef } from 'react';
-import { Status, useRunnerStatus, useSignalValue } from '@tcn/state';
-import { Box } from '@tcn/ui/stacks';
-import { BodyText } from '@tcn/ui/typography';
-import { DataCell } from "../cells/data_cell.js";
-import { FooterCell } from "../cells/footer_cell.js";
-import { HeaderCell } from "../cells/header_cell.js";
-import { StickyRowDataCell } from "../cells/sticky_row_data_cell.js";
-import { StickyRowFillCell } from "../cells/sticky_row_fill_cell.js";
-import styles from './table.module.css';
-import { TableColumn } from './table_column.js';
-import { TablePresenter } from './table_presenter.js';
-const HEADER_ROW_HEIGHT = 30;
-// @TODO: Props for loading and error states
-function wrapContent(content) {
-    if (typeof content === 'string') {
-        return React.createElement(BodyText, null, content);
-    }
-    return content;
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import F, { useRef as H, isValidElement as P, useState as W } from "react";
+import { useSignalValue as c, useRunnerStatus as j, Status as y } from "@tcn/state";
+import { Box as A } from "@tcn/ui/stacks";
+import { BodyText as G } from "@tcn/ui/typography";
+import { DataCell as I } from "../cells/data_cell.js";
+import { FooterCell as O } from "../cells/footer_cell.js";
+import { HeaderCell as V } from "../cells/header_cell.js";
+import { StickyRowDataCell as v } from "../cells/sticky_row_data_cell.js";
+import { StickyRowFillCell as z } from "../cells/sticky_row_fill_cell.js";
+import { TableColumn as L } from "./table_column.js";
+import { TablePresenter as U } from "./table_presenter.js";
+import '../../table.css';const q = "_table-body-wrapper_55f7034", J = "_table-body_b8c928c", w = { "table-body-wrapper": q, "table-body": J }, k = 30;
+function N(s) {
+  return typeof s == "string" ? /* @__PURE__ */ r(G, { children: s }) : s;
 }
-export function Table({ dataSource, stickyItems, children, width = '100%', height = '100%', zIndex, isRowHighlighted, onRowClick, ...props }) {
-    const rows = useSignalValue(dataSource.broadcasts.currentResults);
-    const page = useSignalValue(dataSource.broadcasts.currentPageIndex);
-    const scrollerRef = useRef(null);
-    const columns = React.Children.toArray(children).filter((child) => isValidElement(child) && child.type === TableColumn);
-    const [presenter] = useState(() => new TablePresenter({
-        dataSource,
-        columns: columns.map(column => ({
-            fieldName: column.props.fieldName,
-            width: column.props.width ?? 100,
-            sortMode: 'none',
-            canSort: column.props.canSort ?? false,
-            heading: column.props.heading,
-            footer: column.props.footer,
-            sticky: column.props.sticky,
-            render: column.props.render,
-        })),
-        scrollerRef,
-    }));
-    const columnInfo = useSignalValue(presenter.broadcasts.columnInfo);
-    const itemsStatus = useRunnerStatus(dataSource.broadcasts.currentResults);
-    const showFooter = useSignalValue(presenter.broadcasts.showFooter);
-    const isClickable = typeof onRowClick === 'function';
-    return (React.createElement(Box, { ref: scrollerRef, zIndex: zIndex, className: styles['table-body-wrapper'], style: { overflow: 'auto' }, ...props },
-        React.createElement("table", { className: styles['table-body'], "data-is-clickable": isClickable, style: { width, height } },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    columnInfo.map((column, index) => (React.createElement(HeaderCell, { key: `h-${index}`, index: index, heading: wrapContent(column.heading), sticky: column.sticky, onResize: newSize => presenter.setColumnWidth(index, newSize), width: column.width, sortMode: column.sortMode, onSortModeChange: () => presenter.setNextColumnSortMode(index), canSort: column.canSort }))),
-                    React.createElement("th", { key: "fill", className: "fill" }))),
-            React.createElement("tbody", null,
-                stickyItems?.map((item, index) => (React.createElement("tr", { key: `sticky-${index}`, "data-sticky-row": true },
-                    columnInfo.map((col, colIndex) => {
-                        const fieldName = col.fieldName;
-                        const render = col.render;
-                        const content = render ? render(item) : fieldName ? item[fieldName] : '';
-                        return (React.createElement(StickyRowDataCell, { key: `${page}-${index}-${colIndex}`, content: content, sticky: col.sticky, width: col.width, top: HEADER_ROW_HEIGHT * (index + 1) }));
+function it({
+  dataSource: s,
+  stickyItems: S,
+  children: C,
+  width: g = "100%",
+  height: R = "100%",
+  zIndex: $,
+  isRowHighlighted: E,
+  onRowClick: b,
+  ..._
+}) {
+  const M = c(s.broadcasts.currentResults), p = c(s.broadcasts.currentPageIndex), u = H(null), T = F.Children.toArray(C).filter(
+    (t) => P(t) && t.type === L
+  ), [n] = W(
+    () => new U({
+      dataSource: s,
+      columns: T.map((t) => ({
+        fieldName: t.props.fieldName,
+        width: t.props.width ?? 100,
+        sortMode: "none",
+        canSort: t.props.canSort ?? !1,
+        heading: t.props.heading,
+        footer: t.props.footer,
+        sticky: t.props.sticky,
+        render: t.props.render
+      })),
+      scrollerRef: u
+    })
+  ), d = c(n.broadcasts.columnInfo), f = j(s.broadcasts.currentResults), B = c(n.broadcasts.showFooter), D = typeof b == "function";
+  return /* @__PURE__ */ r(
+    A,
+    {
+      ref: u,
+      zIndex: $,
+      className: w["table-body-wrapper"],
+      style: { overflow: "auto" },
+      ..._,
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          className: w["table-body"],
+          "data-is-clickable": D,
+          style: { width: g, height: R },
+          children: [
+            /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ a("tr", { children: [
+              d.map((t, e) => /* @__PURE__ */ r(
+                V,
+                {
+                  index: e,
+                  heading: N(t.heading),
+                  sticky: t.sticky,
+                  onResize: (o) => n.setColumnWidth(e, o),
+                  width: t.width,
+                  sortMode: t.sortMode,
+                  onSortModeChange: () => n.setNextColumnSortMode(e),
+                  canSort: t.canSort
+                },
+                `h-${e}`
+              )),
+              /* @__PURE__ */ r("th", { className: "fill" }, "fill")
+            ] }) }),
+            /* @__PURE__ */ a("tbody", { children: [
+              S?.map((t, e) => /* @__PURE__ */ a("tr", { "data-sticky-row": !0, children: [
+                d.map((o, m) => {
+                  const i = o.fieldName, l = o.render, h = l ? l(t) : i ? String(t[i] ?? "") : "";
+                  return /* @__PURE__ */ r(
+                    v,
+                    {
+                      content: h,
+                      sticky: o.sticky,
+                      width: o.width,
+                      top: k * (e + 1)
+                    },
+                    `${p}-${e}-${m}`
+                  );
+                }),
+                /* @__PURE__ */ r(z, { top: k * (e + 1) + 1 })
+              ] }, `sticky-${e}`)),
+              f === y.SUCCESS && M.map((t, e) => /* @__PURE__ */ a(
+                "tr",
+                {
+                  "data-selected": E?.(t, e),
+                  onClick: () => b?.(t, e),
+                  children: [
+                    d.map((o, m) => {
+                      const i = o.fieldName, l = o.render, h = l ? l(t) : i ? String(t[i] ?? "") : "";
+                      return /* @__PURE__ */ r(
+                        I,
+                        {
+                          content: h,
+                          sticky: o.sticky,
+                          width: o.width
+                        },
+                        `${p}-${e}-${m}`
+                      );
                     }),
-                    React.createElement(StickyRowFillCell, { top: HEADER_ROW_HEIGHT * (index + 1) + 1 })))),
-                itemsStatus === Status.SUCCESS &&
-                    rows.map((item, rowIndex) => (React.createElement("tr", { key: `${page}-${rowIndex}`, "data-selected": isRowHighlighted?.(item, rowIndex), onClick: () => onRowClick?.(item, rowIndex) },
-                        columnInfo.map((col, colIndex) => {
-                            const fieldName = col.fieldName;
-                            const render = col.render;
-                            const content = render
-                                ? render(item)
-                                : fieldName
-                                    ? item[fieldName]
-                                    : '';
-                            return (React.createElement(DataCell, { key: `${page}-${rowIndex}-${colIndex}`, content: content, sticky: col.sticky, width: col.width }));
-                        }),
-                        React.createElement("td", { key: "fill", className: "fill" })))),
-                itemsStatus === Status.PENDING && 'Loading...',
-                itemsStatus === Status.ERROR && 'Error loading data',
-                React.createElement("tr", { key: "fill", className: "fill" })),
-            showFooter && (React.createElement("tfoot", null,
-                React.createElement("tr", null,
-                    columnInfo.map((col, colIndex) => (React.createElement(FooterCell, { key: `footer-${colIndex}`, content: wrapContent(col.footer), sticky: col.sticky, width: col.width }))),
-                    React.createElement("td", { key: "footer-fill", className: "fill" })))))));
+                    /* @__PURE__ */ r("td", { className: "fill" }, "fill")
+                  ]
+                },
+                `${p}-${e}`
+              )),
+              f === y.PENDING && "Loading...",
+              f === y.ERROR && "Error loading data",
+              /* @__PURE__ */ r("tr", { className: "fill" }, "fill")
+            ] }),
+            B && /* @__PURE__ */ r("tfoot", { children: /* @__PURE__ */ a("tr", { children: [
+              d.map((t, e) => /* @__PURE__ */ r(
+                O,
+                {
+                  content: N(t.footer),
+                  sticky: t.sticky,
+                  width: t.width
+                },
+                `footer-${e}`
+              )),
+              /* @__PURE__ */ r("td", { className: "fill" }, "footer-fill")
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=table.js.map
+export {
+  it as Table
+};
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../src/components/table/table.tsx"],"sourcesContent":["import React, { isValidElement, ReactElement, useState, useRef } from 'react';\n\nimport { DataSource } from '@tcn/resource-store';\nimport { Status, useRunnerStatus, useSignalValue } from '@tcn/state';\nimport { Box, BoxProps } from '@tcn/ui/stacks';\nimport { BodyText } from '@tcn/ui/typography';\nimport { DataCell } from '../cells/data_cell.js';\nimport { FooterCell } from '../cells/footer_cell.js';\nimport { HeaderCell } from '../cells/header_cell.js';\nimport { StickyRowDataCell } from '../cells/sticky_row_data_cell.js';\nimport { StickyRowFillCell } from '../cells/sticky_row_fill_cell.js';\nimport styles from './table.module.css';\nimport { TableColumn, TableColumnProps } from './table_column.js';\nimport { TablePresenter } from './table_presenter.js';\n\nexport type TableProps<T> = BoxProps & {\n  dataSource: DataSource<T>;\n  children: ReactElement<TableColumnProps<T>>[];\n  onRowClick?: (row: T, rowIndex: number) => void;\n  isRowHighlighted?: (row: T, rowIndex: number) => boolean;\n  stickyItems?: T[];\n};\n\nconst HEADER_ROW_HEIGHT = 30;\n\n// @TODO: Props for loading and error states\n\nfunction wrapContent(content: React.ReactNode): React.ReactNode {\n  if (typeof content === 'string') {\n    return <BodyText>{content}</BodyText>;\n  }\n  return content;\n}\n\nexport function Table<T>({\n  dataSource,\n  stickyItems,\n  children,\n  width = '100%',\n  height = '100%',\n  zIndex,\n  isRowHighlighted,\n  onRowClick,\n  ...props\n}: TableProps<T>) {\n  const rows = useSignalValue(dataSource.broadcasts.currentResults);\n  const page = useSignalValue(dataSource.broadcasts.currentPageIndex);\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n\n  const columns = React.Children.toArray(children).filter(\n    (child): child is ReactElement<TableColumnProps<T>> =>\n      isValidElement(child) && child.type === TableColumn\n  );\n\n  const [presenter] = useState(\n    () =>\n      new TablePresenter({\n        dataSource,\n        columns: columns.map(column => ({\n          fieldName: column.props.fieldName,\n          width: column.props.width ?? 100,\n          sortMode: 'none',\n          canSort: column.props.canSort ?? false,\n          heading: column.props.heading,\n          footer: column.props.footer,\n          sticky: column.props.sticky,\n          render: column.props.render,\n        })),\n        scrollerRef,\n      })\n  );\n\n  const columnInfo = useSignalValue(presenter.broadcasts.columnInfo);\n  const itemsStatus = useRunnerStatus(dataSource.broadcasts.currentResults);\n  const showFooter = useSignalValue(presenter.broadcasts.showFooter);\n\n  const isClickable = typeof onRowClick === 'function';\n  return (\n    <Box\n      ref={scrollerRef}\n      zIndex={zIndex}\n      className={styles['table-body-wrapper']}\n      style={{ overflow: 'auto' }}\n      {...props}\n    >\n      <table\n        className={styles['table-body']}\n        data-is-clickable={isClickable}\n        style={{ width, height }}\n      >\n        <thead>\n          <tr>\n            {columnInfo.map((column, index) => (\n              <HeaderCell\n                key={`h-${index}`}\n                index={index}\n                heading={wrapContent(column.heading)}\n                sticky={column.sticky}\n                onResize={newSize => presenter.setColumnWidth(index, newSize)}\n                width={column.width}\n                sortMode={column.sortMode}\n                onSortModeChange={() => presenter.setNextColumnSortMode(index)}\n                canSort={column.canSort}\n              />\n            ))}\n            <th key=\"fill\" className=\"fill\"></th>\n          </tr>\n        </thead>\n        <tbody>\n          {stickyItems?.map((item, index) => (\n            <tr key={`sticky-${index}`} data-sticky-row>\n              {columnInfo.map((col, colIndex) => {\n                const fieldName = col.fieldName;\n                const render = col.render;\n                const content = render\n                  ? render(item)\n                  : fieldName\n                    ? String((item as Record<string, unknown>)[fieldName] ?? '')\n                    : '';\n                return (\n                  <StickyRowDataCell\n                    key={`${page}-${index}-${colIndex}`}\n                    content={content}\n                    sticky={col.sticky}\n                    width={col.width}\n                    top={HEADER_ROW_HEIGHT * (index + 1)}\n                  />\n                );\n              })}\n              <StickyRowFillCell top={HEADER_ROW_HEIGHT * (index + 1) + 1} />\n            </tr>\n          ))}\n          {itemsStatus === Status.SUCCESS &&\n            rows.map((item, rowIndex) => (\n              <tr\n                key={`${page}-${rowIndex}`}\n                data-selected={isRowHighlighted?.(item, rowIndex)}\n                onClick={() => onRowClick?.(item, rowIndex)}\n              >\n                {columnInfo.map((col, colIndex) => {\n                  const fieldName = col.fieldName;\n                  const render = col.render;\n                  const content = render\n                    ? render(item)\n                    : fieldName\n                      ? String((item as Record<string, unknown>)[fieldName] ?? '')\n                      : '';\n                  return (\n                    <DataCell\n                      key={`${page}-${rowIndex}-${colIndex}`}\n                      content={content}\n                      sticky={col.sticky}\n                      width={col.width}\n                    />\n                  );\n                })}\n                <td key=\"fill\" className=\"fill\"></td>\n              </tr>\n            ))}\n          {itemsStatus === Status.PENDING && 'Loading...'}\n          {itemsStatus === Status.ERROR && 'Error loading data'}\n          <tr key=\"fill\" className=\"fill\"></tr>\n        </tbody>\n        {showFooter && (\n          <tfoot>\n            <tr>\n              {columnInfo.map((col, colIndex) => (\n                <FooterCell\n                  key={`footer-${colIndex}`}\n                  content={wrapContent(col.footer)}\n                  sticky={col.sticky}\n                  width={col.width}\n                />\n              ))}\n              <td key=\"footer-fill\" className=\"fill\"></td>\n            </tr>\n          </tfoot>\n        )}\n      </table>\n    </Box>\n  );\n}\n"],"names":["HEADER_ROW_HEIGHT","wrapContent","content","jsx","BodyText","Table","dataSource","stickyItems","children","width","height","zIndex","isRowHighlighted","onRowClick","props","rows","useSignalValue","page","scrollerRef","useRef","columns","React","child","isValidElement","TableColumn","presenter","useState","TablePresenter","column","columnInfo","itemsStatus","useRunnerStatus","showFooter","isClickable","Box","styles","jsxs","index","HeaderCell","newSize","item","col","colIndex","fieldName","render","StickyRowDataCell","StickyRowFillCell","Status","rowIndex","DataCell","FooterCell"],"mappings":"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"}

package/dist/components/table/table_column.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type BaseTableColumnProps<T> = {
     heading: React.ReactNode;
     footer?: React.ReactNode;
@@ -17,3 +16,4 @@ type NonSortableTableColumnProps<T> = BaseTableColumnProps<T> & {
 export type TableColumnProps<T> = SortableTableColumnProps<T> | NonSortableTableColumnProps<T>;
 export declare function TableColumn<T>(_props: TableColumnProps<T>): null;
 export {};
+//# sourceMappingURL=table_column.d.ts.map

package/dist/components/table/table_column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_column.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_column.tsx"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,KAAK,2BAA2B,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAC1B,wBAAwB,CAAC,CAAC,CAAC,GAC3B,2BAA2B,CAAC,CAAC,CAAC,CAAC;AAInC,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAEzD"}

package/dist/components/table/table_column.js

@@ -1,6 +1,7 @@
-// This component never gets rendered. It is given as children to the
-// table body as configuration
-export function TableColumn(_props) {
-    return null;
+function l(n) {
+  return null;
 }
-//# sourceMappingURL=table_column.js.map
+export {
+  l as TableColumn
+};
+//# sourceMappingURL=table_column.js.map

package/dist/components/table/table_column.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_column.js","sourceRoot":"","sources":["../../../src/components/table/table_column.tsx"],"names":[],"mappings":"AAsBA,qEAAqE;AACrE,8BAA8B;AAC9B,MAAM,UAAU,WAAW,CAAI,MAA2B;IACxD,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"table_column.js","sources":["../../../src/components/table/table_column.tsx"],"sourcesContent":["type BaseTableColumnProps<T> = {\n  heading: React.ReactNode;\n  footer?: React.ReactNode;\n  render?: (item: T) => React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n};\n\ntype SortableTableColumnProps<T> = BaseTableColumnProps<T> & {\n  fieldName: string;\n  canSort: true;\n};\n\ntype NonSortableTableColumnProps<T> = BaseTableColumnProps<T> & {\n  fieldName?: string;\n  canSort?: false;\n};\n\nexport type TableColumnProps<T> =\n  | SortableTableColumnProps<T>\n  | NonSortableTableColumnProps<T>;\n\n// This component never gets rendered. It is given as children to the\n// table body as configuration\nexport function TableColumn<T>(_props: TableColumnProps<T>) {\n  return null;\n}\n"],"names":["TableColumn","_props"],"mappings":"AAwBO,SAASA,EAAeC,GAA6B;AAC1D,SAAO;AACT;"}

package/dist/components/table/table_presenter.d.ts

@@ -24,8 +24,8 @@ export declare class TablePresenter {
         scrollerRef?: RefObject<HTMLDivElement>;
     });
     get broadcasts(): {
-        columnInfo: import("@tcn/state").IBroadcast<ColumnInfo[]>;
-        showFooter: import("@tcn/state").IBroadcast<boolean>;
+        columnInfo: import('@tcn/state').IBroadcast<ColumnInfo[]>;
+        showFooter: import('@tcn/state').IBroadcast<boolean>;
     };
     setColumnWidth(index: number, width: number): void;
     setColumnSortMode(index: number, sortMode: SortMode): void;
@@ -33,3 +33,4 @@ export declare class TablePresenter {
     dispose(): void;
 }
 export {};
+//# sourceMappingURL=table_presenter.d.ts.map

package/dist/components/table/table_presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_presenter.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAIxC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAClC,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,cAAc;IACzB,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAA4B;IAGjD,OAAO,CAAC,iBAAiB,CAAC,CAAwB;gBAEtC,EACV,UAAU,EACV,OAAO,EACP,WAAW,GACZ,EAAE;QACD,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;QAC5B,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,WAAW,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;KACzC;IAeD,IAAI,UAAU;;;MAEb;IAED,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAO3C,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;IAoBnD,qBAAqB,CAAC,KAAK,EAAE,MAAM;IAWnC,OAAO;CAGR"}

package/dist/components/table/table_presenter.js

@@ -1,63 +1,46 @@
-import { Signal } from '@tcn/state';
-const sortModes = ['none', 'asc', 'desc'];
-export class TablePresenter {
-    _columnInfo = new Signal([]);
-    _dataSource;
-    _showFooter = new Signal(false);
-    _broadcasts = {
-        columnInfo: this._columnInfo.broadcast,
-        showFooter: this._showFooter.broadcast,
-    };
-    _scrollerRef;
-    // holding a reference to this subscription prevents it from being garbage collected
-    _pageSubscription;
-    constructor({ dataSource, columns, scrollerRef, }) {
-        this._dataSource = dataSource;
-        this._columnInfo.set(columns);
-        this._scrollerRef = scrollerRef;
-        const showFooter = columns.some(column => column.footer);
-        this._showFooter.set(showFooter);
-        this._pageSubscription = this._dataSource.broadcasts.currentPageIndex.subscribe(_ => {
-            if (this._scrollerRef?.current) {
-                this._scrollerRef.current.scrollTo({ top: 0 });
-            }
-        });
-    }
-    get broadcasts() {
-        return this._broadcasts;
-    }
-    setColumnWidth(index, width) {
-        this._columnInfo.transform(columnInfo => {
-            columnInfo[index].width = width;
-            return columnInfo;
-        });
-    }
-    setColumnSortMode(index, sortMode) {
-        const column = this._columnInfo.get()[index];
-        const fieldName = column.fieldName;
-        if (!column.canSort) {
-            return;
-        }
-        if (!fieldName) {
-            // can't sort a field without a name
-            return;
-        }
-        this._dataSource.setFieldSort(fieldName, sortMode);
-        this._columnInfo.transform(columnInfo => {
-            columnInfo[index].sortMode = sortMode;
-            return columnInfo;
-        });
-    }
-    setNextColumnSortMode(index) {
-        const column = this._columnInfo.get()[index];
-        const currentMode = column.sortMode;
-        const currentIndex = sortModes.indexOf(currentMode);
-        const nextIndex = (currentIndex + 1) % sortModes.length;
-        const nextMode = sortModes[nextIndex];
-        this.setColumnSortMode(index, nextMode);
-    }
-    dispose() {
-        this._pageSubscription?.unsubscribe();
-    }
+import { Signal as c } from "@tcn/state";
+const n = ["none", "asc", "desc"];
+class l {
+  _columnInfo = new c([]);
+  _dataSource;
+  _showFooter = new c(!1);
+  _broadcasts = {
+    columnInfo: this._columnInfo.broadcast,
+    showFooter: this._showFooter.broadcast
+  };
+  _scrollerRef;
+  // holding a reference to this subscription prevents it from being garbage collected
+  _pageSubscription;
+  constructor({
+    dataSource: o,
+    columns: e,
+    scrollerRef: t
+  }) {
+    this._dataSource = o, this._columnInfo.set(e), this._scrollerRef = t;
+    const r = e.some((s) => s.footer);
+    this._showFooter.set(r), this._pageSubscription = this._dataSource.broadcasts.currentPageIndex.subscribe((s) => {
+      this._scrollerRef?.current && this._scrollerRef.current.scrollTo({ top: 0 });
+    });
+  }
+  get broadcasts() {
+    return this._broadcasts;
+  }
+  setColumnWidth(o, e) {
+    this._columnInfo.transform((t) => (t[o].width = e, t));
+  }
+  setColumnSortMode(o, e) {
+    const t = this._columnInfo.get()[o], r = t.fieldName;
+    t.canSort && r && (this._dataSource.setFieldSort(r, e), this._columnInfo.transform((s) => (s[o].sortMode = e, s)));
+  }
+  setNextColumnSortMode(o) {
+    const t = this._columnInfo.get()[o].sortMode, s = (n.indexOf(t) + 1) % n.length, i = n[s];
+    this.setColumnSortMode(o, i);
+  }
+  dispose() {
+    this._pageSubscription?.unsubscribe();
+  }
 }
-//# sourceMappingURL=table_presenter.js.map
+export {
+  l as TablePresenter
+};
+//# sourceMappingURL=table_presenter.js.map

package/dist/components/table/table_presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_presenter.js","sourceRoot":"","sources":["../../../src/components/table/table_presenter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"table_presenter.js","sources":["../../../src/components/table/table_presenter.ts"],"sourcesContent":["import { ReactNode, RefObject } from 'react';\n\nimport { DataSource } from '@tcn/resource-store';\nimport { ISubscription, Signal } from '@tcn/state';\n\ntype SortMode = 'none' | 'asc' | 'desc';\n\nconst sortModes: SortMode[] = ['none', 'asc', 'desc'];\n\nexport type ColumnInfo = {\n  width: number;\n  render?: (item: any) => ReactNode;\n  sortMode: SortMode;\n  canSort: boolean;\n  heading: ReactNode;\n  footer?: ReactNode;\n  sticky?: 'start' | 'end';\n  fieldName?: string;\n};\n\nexport class TablePresenter {\n  private _columnInfo = new Signal<ColumnInfo[]>([]);\n  private _dataSource: DataSource<any>;\n  private _showFooter = new Signal<boolean>(false);\n  private _broadcasts = {\n    columnInfo: this._columnInfo.broadcast,\n    showFooter: this._showFooter.broadcast,\n  };\n\n  private _scrollerRef?: RefObject<HTMLDivElement>;\n\n  // holding a reference to this subscription prevents it from being garbage collected\n  private _pageSubscription?: ISubscription<number>;\n\n  constructor({\n    dataSource,\n    columns,\n    scrollerRef,\n  }: {\n    dataSource: DataSource<any>;\n    columns: ColumnInfo[];\n    scrollerRef?: RefObject<HTMLDivElement>;\n  }) {\n    this._dataSource = dataSource;\n    this._columnInfo.set(columns);\n    this._scrollerRef = scrollerRef;\n\n    const showFooter = columns.some(column => column.footer);\n    this._showFooter.set(showFooter);\n\n    this._pageSubscription = this._dataSource.broadcasts.currentPageIndex.subscribe(_ => {\n      if (this._scrollerRef?.current) {\n        this._scrollerRef.current.scrollTo({ top: 0 });\n      }\n    });\n  }\n\n  get broadcasts() {\n    return this._broadcasts;\n  }\n\n  setColumnWidth(index: number, width: number) {\n    this._columnInfo.transform(columnInfo => {\n      columnInfo[index].width = width;\n      return columnInfo;\n    });\n  }\n\n  setColumnSortMode(index: number, sortMode: SortMode) {\n    const column = this._columnInfo.get()[index];\n    const fieldName = column.fieldName;\n    if (!column.canSort) {\n      return;\n    }\n\n    if (!fieldName) {\n      // can't sort a field without a name\n      return;\n    }\n\n    this._dataSource.setFieldSort(fieldName, sortMode);\n\n    this._columnInfo.transform(columnInfo => {\n      columnInfo[index].sortMode = sortMode;\n      return columnInfo;\n    });\n  }\n\n  setNextColumnSortMode(index: number) {\n    const column = this._columnInfo.get()[index];\n\n    const currentMode = column.sortMode;\n    const currentIndex = sortModes.indexOf(currentMode);\n    const nextIndex = (currentIndex + 1) % sortModes.length;\n    const nextMode = sortModes[nextIndex];\n\n    this.setColumnSortMode(index, nextMode);\n  }\n\n  dispose() {\n    this._pageSubscription?.unsubscribe();\n  }\n}\n"],"names":["sortModes","TablePresenter","Signal","dataSource","columns","scrollerRef","showFooter","column","_","index","width","columnInfo","sortMode","fieldName","currentMode","nextIndex","nextMode"],"mappings":";AAOA,MAAMA,IAAwB,CAAC,QAAQ,OAAO,MAAM;AAa7C,MAAMC,EAAe;AAAA,EAClB,cAAc,IAAIC,EAAqB,EAAE;AAAA,EACzC;AAAA,EACA,cAAc,IAAIA,EAAgB,EAAK;AAAA,EACvC,cAAc;AAAA,IACpB,YAAY,KAAK,YAAY;AAAA,IAC7B,YAAY,KAAK,YAAY;AAAA,EAAA;AAAA,EAGvB;AAAA;AAAA,EAGA;AAAA,EAER,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,GAKC;AACD,SAAK,cAAcF,GACnB,KAAK,YAAY,IAAIC,CAAO,GAC5B,KAAK,eAAeC;AAEpB,UAAMC,IAAaF,EAAQ,KAAK,CAAAG,MAAUA,EAAO,MAAM;AACvD,SAAK,YAAY,IAAID,CAAU,GAE/B,KAAK,oBAAoB,KAAK,YAAY,WAAW,iBAAiB,UAAU,CAAAE,MAAK;AACnF,MAAI,KAAK,cAAc,WACrB,KAAK,aAAa,QAAQ,SAAS,EAAE,KAAK,GAAG;AAAA,IAEjD,CAAC;AAAA,EACH;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,eAAeC,GAAeC,GAAe;AAC3C,SAAK,YAAY,UAAU,CAAAC,OACzBA,EAAWF,CAAK,EAAE,QAAQC,GACnBC,EACR;AAAA,EACH;AAAA,EAEA,kBAAkBF,GAAeG,GAAoB;AACnD,UAAML,IAAS,KAAK,YAAY,IAAA,EAAME,CAAK,GACrCI,IAAYN,EAAO;AACzB,IAAKA,EAAO,WAIPM,MAKL,KAAK,YAAY,aAAaA,GAAWD,CAAQ,GAEjD,KAAK,YAAY,UAAU,CAAAD,OACzBA,EAAWF,CAAK,EAAE,WAAWG,GACtBD,EACR;AAAA,EACH;AAAA,EAEA,sBAAsBF,GAAe;AAGnC,UAAMK,IAFS,KAAK,YAAY,IAAA,EAAML,CAAK,EAEhB,UAErBM,KADef,EAAU,QAAQc,CAAW,IAChB,KAAKd,EAAU,QAC3CgB,IAAWhB,EAAUe,CAAS;AAEpC,SAAK,kBAAkBN,GAAOO,CAAQ;AAAA,EACxC;AAAA,EAEA,UAAU;AACR,SAAK,mBAAmB,YAAA;AAAA,EAC1B;AACF;"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
 export declare function DateFieldFilter({ fieldName, label, }: {
     fieldName: string;
     label: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date_field_filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date_field_filter.d.ts","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/date_field_filter.tsx"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,GACN,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,2CAqDA"}

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

@@ -1,34 +1,60 @@
-import { CrossCircleIcon } from '@tcn/icons/cross_circle_icon';
-import { useSignalValue } from '@tcn/state';
-import { Button } from '@tcn/ui/actions';
-import { DatePickerInput } from '@tcn/ui/inputs';
-import { Box, HStack, VStack } from '@tcn/ui/stacks';
-import { BodyText, Title } from '@tcn/ui/typography';
-import React from 'react';
-import { useFieldFilterStrategy } from "./use_field_filter_strategy.js";
-import { DateFieldFilterPresenter } from './date_field_filter_presenter.js';
-export function DateFieldFilter({ fieldName, label, }) {
-    const presenter = useFieldFilterStrategy(DateFieldFilterPresenter, fieldName);
-    const startDate = useSignalValue(presenter.broadcasts.startDate);
-    const endDate = useSignalValue(presenter.broadcasts.endDate);
-    return (React.createElement(VStack, { gap: "4px" },
-        React.createElement(Box, { width: "flex" },
-            React.createElement(Title, { size: "md" }, label)),
-        React.createElement(HStack, { gap: "4px" },
-            React.createElement(Box, { width: "auto" },
-                React.createElement(BodyText, { size: "lg" }, "Start")),
-            React.createElement(Box, { width: "flex" },
-                React.createElement(DatePickerInput, { value: startDate, onChange: value => presenter.setStartDate(value) })),
-            React.createElement(Box, { width: "auto" },
-                React.createElement(Button, { onClick: () => presenter.setStartDate(null), hierarchy: "tertiary", disabled: startDate == null },
-                    React.createElement(CrossCircleIcon, null)))),
-        React.createElement(HStack, { gap: "4px" },
-            React.createElement(Box, { width: "auto" },
-                React.createElement(BodyText, { size: "lg" }, "End")),
-            React.createElement(Box, { width: "flex" },
-                React.createElement(DatePickerInput, { value: endDate, onChange: value => presenter.setEndDate(value) })),
-            React.createElement(Box, { width: "auto" },
-                React.createElement(Button, { onClick: () => presenter.setEndDate(null), hierarchy: "tertiary", disabled: endDate == null },
-                    React.createElement(CrossCircleIcon, null))))));
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { CrossCircleIcon as d } from "@tcn/icons/cross_circle_icon.js";
+import { useSignalValue as o } from "@tcn/state";
+import { Button as c } from "@tcn/ui/actions";
+import { DatePickerInput as h } from "@tcn/ui/inputs";
+import { VStack as f, Box as e, HStack as s } from "@tcn/ui/stacks";
+import { Title as x, BodyText as m } from "@tcn/ui/typography";
+import { useFieldFilterStrategy as D } from "./use_field_filter_strategy.js";
+import { DateFieldFilterPresenter as g } from "./date_field_filter_presenter.js";
+function E({
+  fieldName: p,
+  label: u
+}) {
+  const r = D(g, p), a = o(r.broadcasts.startDate), n = o(r.broadcasts.endDate);
+  return /* @__PURE__ */ l(f, { gap: "4px", children: [
+    /* @__PURE__ */ t(e, { width: "flex", children: /* @__PURE__ */ t(x, { size: "md", children: u }) }),
+    /* @__PURE__ */ l(s, { gap: "4px", children: [
+      /* @__PURE__ */ t(e, { width: "auto", children: /* @__PURE__ */ t(m, { size: "lg", children: "Start" }) }),
+      /* @__PURE__ */ t(e, { width: "flex", children: /* @__PURE__ */ t(
+        h,
+        {
+          value: a,
+          onChange: (i) => r.setStartDate(i)
+        }
+      ) }),
+      /* @__PURE__ */ t(e, { width: "auto", children: /* @__PURE__ */ t(
+        c,
+        {
+          onClick: () => r.setStartDate(null),
+          hierarchy: "tertiary",
+          disabled: a == null,
+          children: /* @__PURE__ */ t(d, {})
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(s, { gap: "4px", children: [
+      /* @__PURE__ */ t(e, { width: "auto", children: /* @__PURE__ */ t(m, { size: "lg", children: "End" }) }),
+      /* @__PURE__ */ t(e, { width: "flex", children: /* @__PURE__ */ t(
+        h,
+        {
+          value: n,
+          onChange: (i) => r.setEndDate(i)
+        }
+      ) }),
+      /* @__PURE__ */ t(e, { width: "auto", children: /* @__PURE__ */ t(
+        c,
+        {
+          onClick: () => r.setEndDate(null),
+          hierarchy: "tertiary",
+          disabled: n == null,
+          children: /* @__PURE__ */ t(d, {})
+        }
+      ) })
+    ] })
+  ] });
 }
-//# sourceMappingURL=date_field_filter.js.map
+export {
+  E as DateFieldFilter
+};
+//# sourceMappingURL=date_field_filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date_field_filter.js","sourceRoot":"","sources":["../../../../src/components/table_filter_panel/field_filters/date_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,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,uCAAqF;AACtH,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,GACgC;IACrC,MAAM,SAAS,GAAG,sBAAsB,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE7D,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,GAAG,EAAC,KAAK;YACf,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,YAAiB,CAChC;YACN,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,eAAe,IACd,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,GAChD,CACE;YACN,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,EAC3C,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,SAAS,IAAI,IAAI;oBAE3B,oBAAC,eAAe,OAAG,CACZ,CACL,CACC;QACT,oBAAC,MAAM,IAAC,GAAG,EAAC,KAAK;YACf,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,UAAe,CAC9B;YACN,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,eAAe,IACd,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,GAC9C,CACE;YACN,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EACzC,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,OAAO,IAAI,IAAI;oBAEzB,oBAAC,eAAe,OAAG,CACZ,CACL,CACC,CACF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"date_field_filter.js","sources":["../../../../src/components/table_filter_panel/field_filters/date_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 { DatePickerInput } from '@tcn/ui/inputs';\nimport { Box, HStack, VStack } from '@tcn/ui/stacks';\nimport { BodyText, Title } from '@tcn/ui/typography';\nimport React from 'react';\nimport { useFieldFilterStrategy } from './use_field_filter_strategy.js';\nimport { DateFieldFilterPresenter } from './date_field_filter_presenter.js';\n\nexport function DateFieldFilter({\n  fieldName,\n  label,\n}: {\n  fieldName: string;\n  label: string;\n}) {\n  const presenter = useFieldFilterStrategy(DateFieldFilterPresenter, fieldName);\n\n  const startDate = useSignalValue(presenter.broadcasts.startDate);\n  const endDate = useSignalValue(presenter.broadcasts.endDate);\n\n  return (\n    <VStack gap=\"4px\">\n      <Box width=\"flex\">\n        <Title size=\"md\">{label}</Title>\n      </Box>\n      <HStack gap=\"4px\">\n        <Box width=\"auto\">\n          <BodyText size=\"lg\">Start</BodyText>\n        </Box>\n        <Box width=\"flex\">\n          <DatePickerInput\n            value={startDate}\n            onChange={value => presenter.setStartDate(value)}\n          />\n        </Box>\n        <Box width=\"auto\">\n          <Button\n            onClick={() => presenter.setStartDate(null)}\n            hierarchy=\"tertiary\"\n            disabled={startDate == null}\n          >\n            <CrossCircleIcon />\n          </Button>\n        </Box>\n      </HStack>\n      <HStack gap=\"4px\">\n        <Box width=\"auto\">\n          <BodyText size=\"lg\">End</BodyText>\n        </Box>\n        <Box width=\"flex\">\n          <DatePickerInput\n            value={endDate}\n            onChange={value => presenter.setEndDate(value)}\n          />\n        </Box>\n        <Box width=\"auto\">\n          <Button\n            onClick={() => presenter.setEndDate(null)}\n            hierarchy=\"tertiary\"\n            disabled={endDate == null}\n          >\n            <CrossCircleIcon />\n          </Button>\n        </Box>\n      </HStack>\n    </VStack>\n  );\n}\n"],"names":["DateFieldFilter","fieldName","label","presenter","useFieldFilterStrategy","DateFieldFilterPresenter","startDate","useSignalValue","endDate","jsxs","VStack","jsx","Box","Title","HStack","BodyText","DatePickerInput","value","Button","CrossCircleIcon"],"mappings":";;;;;;;;;AAUO,SAASA,EAAgB;AAAA,EAC9B,WAAAC;AAAA,EACA,OAAAC;AACF,GAGG;AACD,QAAMC,IAAYC,EAAuBC,GAA0BJ,CAAS,GAEtEK,IAAYC,EAAeJ,EAAU,WAAW,SAAS,GACzDK,IAAUD,EAAeJ,EAAU,WAAW,OAAO;AAE3D,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,KAAI,OACV,UAAA;AAAA,MAAA,gBAAAH,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD,EAACI,KAAS,MAAK,MAAK,mBAAK,EAAA,CAC3B;AAAA,MACA,gBAAAJ,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAOV;AAAA,UACP,UAAU,CAAAW,MAASd,EAAU,aAAac,CAAK;AAAA,QAAA;AAAA,MAAA,GAEnD;AAAA,MACA,gBAAAN,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAS,MAAMf,EAAU,aAAa,IAAI;AAAA,UAC1C,WAAU;AAAA,UACV,UAAUG,KAAa;AAAA,UAEvB,4BAACa,GAAA,CAAA,CAAgB;AAAA,QAAA;AAAA,MAAA,EACnB,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAV,EAACK,GAAA,EAAO,KAAI,OACV,UAAA;AAAA,MAAA,gBAAAH,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD,EAACI,KAAS,MAAK,MAAK,iBAAG,EAAA,CACzB;AAAA,MACA,gBAAAJ,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAOR;AAAA,UACP,UAAU,CAAAS,MAASd,EAAU,WAAWc,CAAK;AAAA,QAAA;AAAA,MAAA,GAEjD;AAAA,MACA,gBAAAN,EAACC,GAAA,EAAI,OAAM,QACT,UAAA,gBAAAD;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAS,MAAMf,EAAU,WAAW,IAAI;AAAA,UACxC,WAAU;AAAA,UACV,UAAUK,KAAW;AAAA,UAErB,4BAACW,GAAA,CAAA,CAAgB;AAAA,QAAA;AAAA,MAAA,EACnB,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}