@tcn/ui-transfer 1.0.0

package/dist/transfer_table/components/available_table_filter_panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"available_table_filter_panel.js","sources":["../../../src/transfer_table/components/available_table_filter_panel.tsx"],"sourcesContent":["import { DataSource } from '@tcn/resource-store';\nimport { IBroadcast, useSignalValue } from '@tcn/state';\nimport {\n  FieldFilterProps,\n  TableFilterPanel,\n  type TableFilterPanelProps,\n} from '@tcn/ui-table';\nimport { Resizable, ResizeHandle } from '@tcn/ui/utils';\nimport React, { ReactElement } from 'react';\n\nexport interface AvailableTableFilterPanelOwnProps<T> {\n  dataSource: DataSource<T>;\n  filterPanelIsOpenBroadcast: IBroadcast<boolean>;\n  filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];\n  onClickFilterPanelToggle: () => void;\n}\n\nexport type AvailableTableFilterPanelProps<T> = AvailableTableFilterPanelOwnProps<T> &\n  Omit<TableFilterPanelProps, 'children' | 'dataSource' | 'onClose'>;\n\nfunction AvailableTableFilterPanelInner<T>(\n  {\n    dataSource,\n    filterPanelIsOpenBroadcast,\n    filterChildren,\n    onClickFilterPanelToggle,\n    minWidth = '200px',\n    maxWidth = '400px',\n    width = '296px',\n    ...props\n  }: AvailableTableFilterPanelProps<T>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const filterPanelIsOpen = useSignalValue(filterPanelIsOpenBroadcast);\n\n  if (!filterPanelIsOpen || !filterChildren) {\n    return null;\n  }\n\n  return (\n    <Resizable>\n      <TableFilterPanel\n        ref={ref}\n        dataSource={dataSource}\n        onClose={onClickFilterPanelToggle}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        width={width}\n        {...props}\n      >\n        {filterChildren}\n      </TableFilterPanel>\n      <ResizeHandle position=\"end\" />\n    </Resizable>\n  );\n}\n\nexport const AvailableTableFilterPanel = React.forwardRef(\n  AvailableTableFilterPanelInner\n) as <T>(\n  props: AvailableTableFilterPanelProps<T> & React.RefAttributes<HTMLElement>\n) => React.ReactElement | null;\n"],"names":["AvailableTableFilterPanelInner","dataSource","filterPanelIsOpenBroadcast","filterChildren","onClickFilterPanelToggle","minWidth","maxWidth","width","props","ref","useSignalValue","Resizable","jsx","TableFilterPanel","ResizeHandle","AvailableTableFilterPanel","React"],"mappings":";;;;;AAoBA,SAASA,EACP;AAAA,EACE,YAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,GACAC,GACA;AAGA,SAAI,CAFsBC,EAAeR,CAA0B,KAEzC,CAACC,IAClB,yBAINQ,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,YAAAR;AAAA,QACA,SAASG;AAAA,QACT,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,OAAAC;AAAA,QACC,GAAGC;AAAA,QAEH,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAS,EAACE,GAAA,EAAa,UAAS,MAAA,CAAM;AAAA,EAAA,GAC/B;AAEJ;AAEO,MAAMC,IAA4BC,EAAM;AAAA,EAC7ChB;AACF;"}

package/dist/transfer_table/components/available_table_header.d.ts

@@ -0,0 +1,13 @@
+import { DataSource } from '@tcn/resource-store';
+import { FieldFilterProps } from '@tcn/ui-table';
+import { HeaderProps } from '@tcn/ui/layouts';
+import { default as React, ReactElement } from 'react';
+export interface AvailableTableHeaderOwnProps<T> {
+    dataSource: DataSource<T>;
+    onClickFilterPanelToggle: () => void;
+    onClickMoveAll: () => void;
+    filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];
+}
+export type AvailableTableHeaderProps<T> = AvailableTableHeaderOwnProps<T> & HeaderProps;
+export declare const AvailableTableHeader: <T>(props: AvailableTableHeaderProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+//# sourceMappingURL=available_table_header.d.ts.map

package/dist/transfer_table/components/available_table_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"available_table_header.d.ts","sourceRoot":"","sources":["../../../src/transfer_table/components/available_table_header.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGtE,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;CACpF;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,IAAI,4BAA4B,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;AAsCzF,eAAO,MAAM,oBAAoB,EAAkD,CAAC,CAAC,EACnF,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KACnE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/transfer_table/components/available_table_header.js

@@ -0,0 +1,43 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { clsx as f } from "clsx";
+import { ArrowRightIcon as h } from "@tcn/icons/arrow_right_icon.js";
+import { FilterTwoIcon as s } from "@tcn/icons/filter_two_icon.js";
+import { GlobalSearch as d } from "@tcn/ui-table";
+import { Button as o } from "@tcn/ui/actions";
+import { UtilityBar as b, Group as i } from "@tcn/ui/layouts";
+import { Spacer as y } from "@tcn/ui/stacks";
+import { Title as u } from "@tcn/ui/typography";
+import v from "react";
+import { s as A } from "../../transfer_table.module-CI4PvlY3.js";
+function x({
+  dataSource: t,
+  onClickFilterPanelToggle: l,
+  onClickMoveAll: a,
+  filterChildren: m,
+  className: c,
+  ...n
+}, p) {
+  return /* @__PURE__ */ e(
+    b,
+    {
+      ref: p,
+      className: f(A["available-table-header"], c),
+      ...n,
+      children: [
+        /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(u, { emphasis: "strong", children: "Available" }) }),
+        m && /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(o, { utility: !0, hierarchy: "tertiary", onClick: l, children: /* @__PURE__ */ r(s, {}) }) }),
+        /* @__PURE__ */ r(y, {}),
+        /* @__PURE__ */ r(d, { dataSource: t }),
+        /* @__PURE__ */ e(o, { hierarchy: "tertiary", onClick: a, children: [
+          "Move All ",
+          /* @__PURE__ */ r(h, {})
+        ] })
+      ]
+    }
+  );
+}
+const S = v.forwardRef(x);
+export {
+  S as AvailableTableHeader
+};
+//# sourceMappingURL=available_table_header.js.map

package/dist/transfer_table/components/available_table_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"available_table_header.js","sources":["../../../src/transfer_table/components/available_table_header.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ArrowRightIcon } from '@tcn/icons/arrow_right_icon.js';\nimport { FilterTwoIcon } from '@tcn/icons/filter_two_icon.js';\nimport { DataSource } from '@tcn/resource-store';\nimport { FieldFilterProps, GlobalSearch } from '@tcn/ui-table';\nimport { Button } from '@tcn/ui/actions';\nimport { Group, UtilityBar, type HeaderProps } from '@tcn/ui/layouts';\nimport { Spacer } from '@tcn/ui/stacks';\nimport { Title } from '@tcn/ui/typography';\nimport React, { ReactElement } from 'react';\nimport styles from '../transfer_table.module.css';\n\nexport interface AvailableTableHeaderOwnProps<T> {\n  dataSource: DataSource<T>;\n  onClickFilterPanelToggle: () => void;\n  onClickMoveAll: () => void;\n  filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];\n}\n\nexport type AvailableTableHeaderProps<T> = AvailableTableHeaderOwnProps<T> & HeaderProps;\n\nfunction AvailableTableHeaderInner<T>(\n  {\n    dataSource,\n    onClickFilterPanelToggle,\n    onClickMoveAll,\n    filterChildren,\n    className,\n    ...props\n  }: AvailableTableHeaderProps<T>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  return (\n    <UtilityBar\n      ref={ref}\n      className={clsx(styles['available-table-header'], className)}\n      {...props}\n    >\n      <Group>\n        <Title emphasis=\"strong\">Available</Title>\n      </Group>\n      {filterChildren && (\n        <Group>\n          <Button utility hierarchy=\"tertiary\" onClick={onClickFilterPanelToggle}>\n            <FilterTwoIcon />\n          </Button>\n        </Group>\n      )}\n      <Spacer />\n      <GlobalSearch dataSource={dataSource} />\n      <Button hierarchy=\"tertiary\" onClick={onClickMoveAll}>\n        Move All <ArrowRightIcon />\n      </Button>\n    </UtilityBar>\n  );\n}\n\nexport const AvailableTableHeader = React.forwardRef(AvailableTableHeaderInner) as <T>(\n  props: AvailableTableHeaderProps<T> & React.RefAttributes<HTMLElement>\n) => React.ReactElement | null;\n"],"names":["AvailableTableHeaderInner","dataSource","onClickFilterPanelToggle","onClickMoveAll","filterChildren","className","props","ref","jsxs","UtilityBar","clsx","styles","jsx","Group","Title","Button","FilterTwoIcon","Spacer","GlobalSearch","ArrowRightIcon","AvailableTableHeader","React"],"mappings":";;;;;;;;;;;AAqBA,SAASA,EACP;AAAA,EACE,YAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,wBAAwB,GAAGN,CAAS;AAAA,MAC1D,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAM,UAAS,UAAS,uBAAS,EAAA,CACpC;AAAA,QACCV,KACC,gBAAAQ,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,KAAO,SAAO,IAAC,WAAU,YAAW,SAASb,GAC5C,UAAA,gBAAAU,EAACI,GAAA,CAAA,CAAc,GACjB,GACF;AAAA,0BAEDC,GAAA,EAAO;AAAA,QACR,gBAAAL,EAACM,KAAa,YAAAjB,GAAwB;AAAA,QACtC,gBAAAO,EAACO,GAAA,EAAO,WAAU,YAAW,SAASZ,GAAgB,UAAA;AAAA,UAAA;AAAA,4BAC1CgB,GAAA,CAAA,CAAe;AAAA,QAAA,EAAA,CAC3B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMC,IAAuBC,EAAM,WAAWrB,CAAyB;"}

package/dist/transfer_table/components/selected_column.d.ts

@@ -0,0 +1,15 @@
+import { IBroadcast } from '@tcn/state';
+import { ColumnProps } from '@tcn/ui/layouts';
+import { default as React } from 'react';
+import { SelectedItemsUpdate } from '../types.js';
+export interface SelectedColumnOwnProps<T> {
+    selectedItemsBroadcast: IBroadcast<SelectedItemsUpdate<T>>;
+    getSelectedItemKey: (item: T) => string | number;
+    selectedItemRender: (item: T) => React.ReactNode;
+    /** Receives the items that were removed (snapshot before the list is cleared). */
+    onRemoveAll: (removedItems: T[]) => void;
+    onRemove: (item: T) => void;
+}
+export type SelectedColumnProps<T> = SelectedColumnOwnProps<T> & ColumnProps;
+export declare const SelectedColumn: <T>(props: SelectedColumnProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+//# sourceMappingURL=selected_column.d.ts.map

package/dist/transfer_table/components/selected_column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected_column.d.ts","sourceRoot":"","sources":["../../../src/transfer_table/components/selected_column.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAkB,MAAM,YAAY,CAAC;AAExD,OAAO,EAAU,KAAK,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAGzF,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKlD,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,sBAAsB,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACjD,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,kFAAkF;IAClF,WAAW,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;AA8F7E,eAAO,MAAM,cAAc,EAA4C,CAAC,CAAC,EACvE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAC7D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/transfer_table/components/selected_column.js

@@ -0,0 +1,93 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { clsx as S } from "clsx";
+import { CrossCircleIcon as x } from "@tcn/icons/cross_circle_icon.js";
+import { useSignalValue as R } from "@tcn/state";
+import { Button as I } from "@tcn/ui/actions";
+import { Column as b, Scaffold as l, UtilityBar as g, Detail as j } from "@tcn/ui/layouts";
+import { Spacer as z } from "@tcn/ui/stacks";
+import { Title as B } from "@tcn/ui/typography";
+import L, { useRef as N, useEffect as A } from "react";
+import "../../components/manage_list_item/manage_list_item.js";
+import "../../components/manage_list_item/removable_item.js";
+import "../../components/manage_list_item/addable_item.js";
+import { SelectedList as D } from "../../components/selected_list/selected_list.js";
+import "../../components/available_list/available_list.js";
+import { s as E } from "../../transfer_table.module-CI4PvlY3.js";
+import { SelectedItem as H } from "./selected_item.js";
+import { Resizable as T, ResizeHandle as U } from "@tcn/ui/utils";
+function V({
+  selectedItemsBroadcast: f,
+  getSelectedItemKey: o,
+  selectedItemRender: a,
+  onRemoveAll: d,
+  onRemove: c,
+  className: p,
+  width: h = "296px",
+  minWidth: u = "200px",
+  maxWidth: w = "50%",
+  ...C
+}, k) {
+  const { selectedItems: i, highlight: y } = R(f), n = N(/* @__PURE__ */ new Set()), m = /* @__PURE__ */ new Set();
+  if (y)
+    for (const t of i) {
+      const e = o(t);
+      n.current.has(e) || m.add(e);
+    }
+  return A(() => {
+    const t = new Set(i.map(o));
+    for (const e of t)
+      n.current.add(e);
+    for (const e of [...n.current])
+      t.has(e) || n.current.delete(e);
+  }, [i, o]), /* @__PURE__ */ s(T, { children: [
+    /* @__PURE__ */ r(U, { position: "start" }),
+    /* @__PURE__ */ r(
+      b,
+      {
+        ref: k,
+        className: S(
+          E["selected-list"],
+          "tcn-transfer-table-selected-list",
+          p
+        ),
+        width: h,
+        minWidth: u,
+        maxWidth: w,
+        ...C,
+        children: /* @__PURE__ */ s(l, { height: "100%", width: "100%", children: [
+          /* @__PURE__ */ s(g, { children: [
+            /* @__PURE__ */ r(B, { emphasis: "strong", children: "Selected" }),
+            /* @__PURE__ */ r(z, {}),
+            /* @__PURE__ */ s(I, { hierarchy: "tertiary", onClick: () => d(i), children: [
+              "Remove All ",
+              /* @__PURE__ */ r(x, {})
+            ] })
+          ] }),
+          /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
+            D,
+            {
+              items: i,
+              getItemKey: o,
+              renderItem: a,
+              onClickItem: c,
+              renderListItem: (t, e) => /* @__PURE__ */ r(
+                H,
+                {
+                  item: t,
+                  onClickItem: c,
+                  isNew: m.has(o(t)),
+                  children: e
+                }
+              )
+            }
+          ) }) })
+        ] })
+      }
+    )
+  ] });
+}
+const re = L.forwardRef(V);
+export {
+  re as SelectedColumn
+};
+//# sourceMappingURL=selected_column.js.map

package/dist/transfer_table/components/selected_column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected_column.js","sources":["../../../src/transfer_table/components/selected_column.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { CrossCircleIcon } from '@tcn/icons/cross_circle_icon.js';\nimport { IBroadcast, useSignalValue } from '@tcn/state';\nimport { Button } from '@tcn/ui/actions';\nimport { Column, type ColumnProps, Detail, Scaffold, UtilityBar } from '@tcn/ui/layouts';\nimport { Spacer } from '@tcn/ui/stacks';\nimport { Title } from '@tcn/ui/typography';\nimport React, { useEffect, useRef } from 'react';\nimport { SelectedList } from '../../components/index.js';\nimport { SelectedItemsUpdate } from '../types.js';\nimport styles from '../transfer_table.module.css';\nimport { SelectedItem } from './selected_item.js';\nimport { Resizable, ResizeHandle } from '@tcn/ui/utils';\n\nexport interface SelectedColumnOwnProps<T> {\n  selectedItemsBroadcast: IBroadcast<SelectedItemsUpdate<T>>;\n  getSelectedItemKey: (item: T) => string | number;\n  selectedItemRender: (item: T) => React.ReactNode;\n  /** Receives the items that were removed (snapshot before the list is cleared). */\n  onRemoveAll: (removedItems: T[]) => void;\n  onRemove: (item: T) => void;\n}\n\nexport type SelectedColumnProps<T> = SelectedColumnOwnProps<T> & ColumnProps;\n\nfunction SelectedColumnInner<T>(\n  {\n    selectedItemsBroadcast,\n    getSelectedItemKey,\n    selectedItemRender,\n    onRemoveAll,\n    onRemove,\n    className,\n    width = '296px',\n    minWidth = '200px',\n    maxWidth = '50%',\n    ...props\n  }: SelectedColumnProps<T>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const { selectedItems, highlight } = useSignalValue(selectedItemsBroadcast);\n\n  // TODO: Remove highlight tracking once Presence is done (https://git.tcncloud.net/blackcat-ui/blackcat/-/issues/386)\n  const knownKeysRef = useRef<Set<string | number>>(new Set());\n  const newKeys = new Set<string | number>();\n  if (highlight) {\n    for (const item of selectedItems) {\n      const key = getSelectedItemKey(item);\n      if (!knownKeysRef.current.has(key)) {\n        newKeys.add(key);\n      }\n    }\n  }\n\n  useEffect(() => {\n    const currentKeys = new Set(selectedItems.map(getSelectedItemKey));\n    for (const key of currentKeys) {\n      knownKeysRef.current.add(key);\n    }\n    for (const key of [...knownKeysRef.current]) {\n      if (!currentKeys.has(key)) {\n        knownKeysRef.current.delete(key);\n      }\n    }\n  }, [selectedItems, getSelectedItemKey]);\n\n  return (\n    <Resizable>\n      <ResizeHandle position=\"start\" />\n      <Column\n        ref={ref}\n        className={clsx(\n          styles['selected-list'],\n          'tcn-transfer-table-selected-list',\n          className\n        )}\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        {...props}\n      >\n        <Scaffold height=\"100%\" width=\"100%\">\n          <UtilityBar>\n            <Title emphasis=\"strong\">Selected</Title>\n            <Spacer />\n            <Button hierarchy=\"tertiary\" onClick={() => onRemoveAll(selectedItems)}>\n              Remove All <CrossCircleIcon />\n            </Button>\n          </UtilityBar>\n          <Scaffold>\n            <Detail>\n              <SelectedList\n                items={selectedItems}\n                getItemKey={getSelectedItemKey}\n                renderItem={selectedItemRender}\n                onClickItem={onRemove}\n                renderListItem={(item, content) => (\n                  <SelectedItem\n                    item={item}\n                    onClickItem={onRemove}\n                    isNew={newKeys.has(getSelectedItemKey(item))}\n                  >\n                    {content}\n                  </SelectedItem>\n                )}\n              />\n            </Detail>\n          </Scaffold>\n        </Scaffold>\n      </Column>\n    </Resizable>\n  );\n}\n\n// React.forwardRef erases the generic <T> from SelectedColumnInner, returning\n// ForwardRefExoticComponent<SelectedColumnProps<unknown>>. The cast restores the\n// generic signature so consumers get proper type inference for their item type.\nexport const SelectedColumn = React.forwardRef(SelectedColumnInner) as <T>(\n  props: SelectedColumnProps<T> & React.RefAttributes<HTMLElement>\n) => React.ReactElement | null;\n"],"names":["SelectedColumnInner","selectedItemsBroadcast","getSelectedItemKey","selectedItemRender","onRemoveAll","onRemove","className","width","minWidth","maxWidth","props","ref","selectedItems","highlight","useSignalValue","knownKeysRef","useRef","newKeys","item","key","useEffect","currentKeys","Resizable","jsx","ResizeHandle","Column","clsx","styles","jsxs","Scaffold","UtilityBar","Title","Spacer","Button","CrossCircleIcon","Detail","SelectedList","content","SelectedItem","SelectedColumn","React"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,SAASA,EACP;AAAA,EACE,wBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GACAC,GACA;AACA,QAAM,EAAE,eAAAC,GAAe,WAAAC,MAAcC,EAAeb,CAAsB,GAGpEc,IAAeC,EAA6B,oBAAI,KAAK,GACrDC,wBAAc,IAAA;AACpB,MAAIJ;AACF,eAAWK,KAAQN,GAAe;AAChC,YAAMO,IAAMjB,EAAmBgB,CAAI;AACnC,MAAKH,EAAa,QAAQ,IAAII,CAAG,KAC/BF,EAAQ,IAAIE,CAAG;AAAA,IAEnB;AAGF,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAc,IAAI,IAAIT,EAAc,IAAIV,CAAkB,CAAC;AACjE,eAAWiB,KAAOE;AAChB,MAAAN,EAAa,QAAQ,IAAII,CAAG;AAE9B,eAAWA,KAAO,CAAC,GAAGJ,EAAa,OAAO;AACxC,MAAKM,EAAY,IAAIF,CAAG,KACtBJ,EAAa,QAAQ,OAAOI,CAAG;AAAA,EAGrC,GAAG,CAACP,GAAeV,CAAkB,CAAC,qBAGnCoB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,UAAS,QAAA,CAAQ;AAAA,IAC/B,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,WAAWe;AAAA,UACTC,EAAO,eAAe;AAAA,UACtB;AAAA,UACArB;AAAA,QAAA;AAAA,QAEF,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACC,GAAGC;AAAA,QAEJ,UAAA,gBAAAkB,EAACC,GAAA,EAAS,QAAO,QAAO,OAAM,QAC5B,UAAA;AAAA,UAAA,gBAAAD,EAACE,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAP,EAACQ,GAAA,EAAM,UAAS,UAAS,UAAA,YAAQ;AAAA,8BAChCC,GAAA,EAAO;AAAA,YACR,gBAAAJ,EAACK,KAAO,WAAU,YAAW,SAAS,MAAM7B,EAAYQ,CAAa,GAAG,UAAA;AAAA,cAAA;AAAA,gCAC1DsB,GAAA,CAAA,CAAgB;AAAA,YAAA,EAAA,CAC9B;AAAA,UAAA,GACF;AAAA,UACA,gBAAAX,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACY,GAAA,EACC,UAAA,gBAAAZ;AAAA,YAACa;AAAA,YAAA;AAAA,cACC,OAAOxB;AAAA,cACP,YAAYV;AAAA,cACZ,YAAYC;AAAA,cACZ,aAAaE;AAAA,cACb,gBAAgB,CAACa,GAAMmB,MACrB,gBAAAd;AAAA,gBAACe;AAAA,gBAAA;AAAA,kBACC,MAAApB;AAAA,kBACA,aAAab;AAAA,kBACb,OAAOY,EAAQ,IAAIf,EAAmBgB,CAAI,CAAC;AAAA,kBAE1C,UAAAmB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA,GAGN,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAKO,MAAME,KAAiBC,EAAM,WAAWxC,CAAmB;"}

package/dist/transfer_table/components/selected_item.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { RemovableItemProps } from '../../components/index.js';
+export interface SelectedItemOwnProps {
+    isNew: boolean;
+}
+export type SelectedItemProps<T> = SelectedItemOwnProps & RemovableItemProps<T>;
+export declare const SelectedItem: <T>(props: SelectedItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+//# sourceMappingURL=selected_item.d.ts.map

package/dist/transfer_table/components/selected_item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected_item.d.ts","sourceRoot":"","sources":["../../../src/transfer_table/components/selected_item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGnF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;AA8ChF,eAAO,MAAM,YAAY,EAA0C,CAAC,CAAC,EACnE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC9D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/transfer_table/components/selected_item.js

@@ -0,0 +1,39 @@
+import { jsx as l } from "react/jsx-runtime";
+import { clsx as f } from "clsx";
+import a, { useState as d, useRef as w, useEffect as o } from "react";
+import "../../components/manage_list_item/manage_list_item.js";
+import { RemovableItem as p } from "../../components/manage_list_item/removable_item.js";
+import "../../components/manage_list_item/addable_item.js";
+import "../../components/selected_list/selected_list.js";
+import "../../components/available_list/available_list.js";
+import { s as m } from "../../transfer_table.module-CI4PvlY3.js";
+function I({ isNew: t, className: n, ...i }, c) {
+  const [s, r] = d(t), e = w(null);
+  return o(() => {
+    if (t) {
+      r(!0), e.current !== null && window.clearTimeout(e.current);
+      const u = 1e3;
+      e.current = window.setTimeout(() => {
+        r(!1), e.current = null;
+      }, u);
+    }
+  }, [t]), o(() => () => {
+    e.current !== null && window.clearTimeout(e.current);
+  }, []), /* @__PURE__ */ l(
+    p,
+    {
+      ref: c,
+      className: f(
+        m["selected-item"],
+        s && m["selected-item-new"],
+        n
+      ),
+      ...i
+    }
+  );
+}
+const b = a.forwardRef(I);
+export {
+  b as SelectedItem
+};
+//# sourceMappingURL=selected_item.js.map

package/dist/transfer_table/components/selected_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected_item.js","sources":["../../../src/transfer_table/components/selected_item.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { RemovableItem, type RemovableItemProps } from '../../components/index.js';\nimport styles from '../transfer_table.module.css';\n\nexport interface SelectedItemOwnProps {\n  isNew: boolean;\n}\n\nexport type SelectedItemProps<T> = SelectedItemOwnProps & RemovableItemProps<T>;\n\nfunction SelectedItemInner<T>(\n  { isNew: isNewProp, className, ...props }: SelectedItemProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const [isNew, setIsNew] = useState(isNewProp);\n  const timeoutIdRef = useRef<number | null>(null);\n\n  // TODO: Remove once Presence is done (https://git.tcncloud.net/blackcat-ui/blackcat/-/issues/386)\n  useEffect(() => {\n    if (isNewProp) {\n      setIsNew(true);\n      if (timeoutIdRef.current !== null) {\n        window.clearTimeout(timeoutIdRef.current);\n      }\n      const HIGHLIGHT_HOLD_MS = 1000;\n      timeoutIdRef.current = window.setTimeout(() => {\n        setIsNew(false);\n        timeoutIdRef.current = null;\n      }, HIGHLIGHT_HOLD_MS);\n    }\n  }, [isNewProp]);\n\n  // TODO: Remove once Presence is done (https://git.tcncloud.net/blackcat-ui/blackcat/-/issues/386)\n  useEffect(() => {\n    return () => {\n      if (timeoutIdRef.current !== null) {\n        window.clearTimeout(timeoutIdRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <RemovableItem\n      ref={ref}\n      className={clsx(\n        styles['selected-item'],\n        isNew && styles['selected-item-new'],\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const SelectedItem = React.forwardRef(SelectedItemInner) as <T>(\n  props: SelectedItemProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n"],"names":["SelectedItemInner","isNewProp","className","props","ref","isNew","setIsNew","useState","timeoutIdRef","useRef","useEffect","HIGHLIGHT_HOLD_MS","jsx","RemovableItem","clsx","styles","SelectedItem","React"],"mappings":";;;;;;;;;AAWA,SAASA,EACP,EAAE,OAAOC,GAAW,WAAAC,GAAW,GAAGC,EAAA,GAClCC,GACA;AACA,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASN,CAAS,GACtCO,IAAeC,EAAsB,IAAI;AAG/C,SAAAC,EAAU,MAAM;AACd,QAAIT,GAAW;AACb,MAAAK,EAAS,EAAI,GACTE,EAAa,YAAY,QAC3B,OAAO,aAAaA,EAAa,OAAO;AAE1C,YAAMG,IAAoB;AAC1B,MAAAH,EAAa,UAAU,OAAO,WAAW,MAAM;AAC7C,QAAAF,EAAS,EAAK,GACdE,EAAa,UAAU;AAAA,MACzB,GAAGG,CAAiB;AAAA,IACtB;AAAA,EACF,GAAG,CAACV,CAAS,CAAC,GAGdS,EAAU,MACD,MAAM;AACX,IAAIF,EAAa,YAAY,QAC3B,OAAO,aAAaA,EAAa,OAAO;AAAA,EAE5C,GACC,CAAA,CAAE,GAGH,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAT;AAAA,MACA,WAAWU;AAAA,QACTC,EAAO,eAAe;AAAA,QACtBV,KAASU,EAAO,mBAAmB;AAAA,QACnCb;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAMa,IAAeC,EAAM,WAAWjB,CAAiB;"}

package/dist/transfer_table/index.d.ts

@@ -0,0 +1,4 @@
+export { TransferTable } from './transfer_table.js';
+export { TransferTablePresenter } from './transfer_table_presenter.js';
+export type { SelectedItemsUpdate, TransferTableProps, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transfer_table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC"}

package/dist/transfer_table/index.js

@@ -0,0 +1,7 @@
+import { TransferTable as a } from "./transfer_table.js";
+import { TransferTablePresenter as o } from "./transfer_table_presenter.js";
+export {
+  a as TransferTable,
+  o as TransferTablePresenter
+};
+//# sourceMappingURL=index.js.map

package/dist/transfer_table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/transfer_table/transfer_table.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TransferTableProps } from './types.js';
+export declare const TransferTable: <T>(props: TransferTableProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+//# sourceMappingURL=transfer_table.d.ts.map

package/dist/transfer_table/transfer_table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer_table.d.ts","sourceRoot":"","sources":["../../src/transfer_table/transfer_table.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAiEhD,eAAO,MAAM,aAAa,EAA2C,CAAC,CAAC,EACrE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAC5D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/transfer_table/transfer_table.js

@@ -0,0 +1,82 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { clsx as T } from "clsx";
+import { PlusIcon as x } from "@tcn/icons/plus_icon.js";
+import { Button as t } from "@tcn/ui/actions";
+import { Scaffold as S, Columns as j, Column as k, Footer as w } from "@tcn/ui/layouts";
+import { Spacer as A } from "@tcn/ui/stacks";
+import I from "react";
+import { AvailableTable as R } from "./components/available_table.js";
+import { SelectedColumn as g } from "./components/selected_column.js";
+import { s as v } from "../transfer_table.module-CI4PvlY3.js";
+function F({
+  dataSource: l,
+  columns: i,
+  onClickMoveAll: n,
+  onClickMove: m,
+  selectedItemsBroadcast: o,
+  getSelectedItemKey: a,
+  selectedItemRender: c,
+  onRemoveAll: f,
+  onRemove: s,
+  filterPanelIsOpenBroadcast: p,
+  filterChildren: d,
+  onClickFilterPanelToggle: h,
+  onClickCancel: u,
+  onClickAdd: b,
+  ...C
+}, y) {
+  return /* @__PURE__ */ e(
+    S,
+    {
+      ref: y,
+      className: T(v["tcn-transfer-table"], "tcn-transfer-table", "tcn-material"),
+      ...C,
+      children: [
+        /* @__PURE__ */ e(j, { children: [
+          /* @__PURE__ */ r(k, { width: "fill", children: /* @__PURE__ */ r(
+            R,
+            {
+              dataSource: l,
+              columns: i,
+              onClickMove: m,
+              onClickMoveAll: n,
+              filterPanelIsOpenBroadcast: p,
+              filterChildren: d,
+              onClickFilterPanelToggle: h
+            }
+          ) }),
+          /* @__PURE__ */ r(
+            g,
+            {
+              selectedItemRender: c,
+              selectedItemsBroadcast: o,
+              getSelectedItemKey: a,
+              onRemoveAll: f,
+              onRemove: s
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(w, { children: [
+          /* @__PURE__ */ r(A, {}),
+          /* @__PURE__ */ r(t, { hierarchy: "tertiary", onClick: u, children: "Cancel" }),
+          /* @__PURE__ */ e(
+            t,
+            {
+              hierarchy: "primary",
+              onClick: () => b(o.get().selectedItems),
+              children: [
+                "Add ",
+                /* @__PURE__ */ r(x, {})
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const K = I.forwardRef(F);
+export {
+  K as TransferTable
+};
+//# sourceMappingURL=transfer_table.js.map

package/dist/transfer_table/transfer_table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer_table.js","sources":["../../src/transfer_table/transfer_table.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { PlusIcon } from '@tcn/icons/plus_icon.js';\nimport { Button } from '@tcn/ui/actions';\nimport { Column, Columns, Footer, Scaffold } from '@tcn/ui/layouts';\nimport { Spacer } from '@tcn/ui/stacks';\nimport React from 'react';\nimport { AvailableTable } from './components/available_table.js';\nimport { SelectedColumn } from './components/selected_column.js';\nimport styles from './transfer_table.module.css';\nimport { TransferTableProps } from './types.js';\n\nfunction TransferTableInner<T>(\n  {\n    dataSource,\n    columns,\n    onClickMoveAll,\n    onClickMove,\n    selectedItemsBroadcast,\n    getSelectedItemKey,\n    selectedItemRender,\n    onRemoveAll,\n    onRemove,\n    filterPanelIsOpenBroadcast,\n    filterChildren,\n    onClickFilterPanelToggle,\n    onClickCancel,\n    onClickAdd,\n    ...props\n  }: TransferTableProps<T>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  return (\n    <Scaffold\n      ref={ref}\n      className={clsx(styles['tcn-transfer-table'], 'tcn-transfer-table', 'tcn-material')}\n      {...props}\n    >\n      <Columns>\n        <Column width=\"fill\">\n          <AvailableTable\n            dataSource={dataSource}\n            columns={columns}\n            onClickMove={onClickMove}\n            onClickMoveAll={onClickMoveAll}\n            filterPanelIsOpenBroadcast={filterPanelIsOpenBroadcast}\n            filterChildren={filterChildren}\n            onClickFilterPanelToggle={onClickFilterPanelToggle}\n          />\n        </Column>\n\n        <SelectedColumn\n          selectedItemRender={selectedItemRender}\n          selectedItemsBroadcast={selectedItemsBroadcast}\n          getSelectedItemKey={getSelectedItemKey}\n          onRemoveAll={onRemoveAll}\n          onRemove={onRemove}\n        />\n      </Columns>\n      <Footer>\n        <Spacer />\n        <Button hierarchy=\"tertiary\" onClick={onClickCancel}>\n          Cancel\n        </Button>\n        <Button\n          hierarchy=\"primary\"\n          onClick={() => onClickAdd(selectedItemsBroadcast.get().selectedItems)}\n        >\n          Add <PlusIcon />\n        </Button>\n      </Footer>\n    </Scaffold>\n  );\n}\n\nexport const TransferTable = React.forwardRef(TransferTableInner) as <T>(\n  props: TransferTableProps<T> & React.RefAttributes<HTMLElement>\n) => React.ReactElement | null;\n"],"names":["TransferTableInner","dataSource","columns","onClickMoveAll","onClickMove","selectedItemsBroadcast","getSelectedItemKey","selectedItemRender","onRemoveAll","onRemove","filterPanelIsOpenBroadcast","filterChildren","onClickFilterPanelToggle","onClickCancel","onClickAdd","props","ref","jsxs","Scaffold","clsx","styles","Columns","jsx","Column","AvailableTable","SelectedColumn","Footer","Spacer","Button","PlusIcon","TransferTable","React"],"mappings":";;;;;;;;;;AAWA,SAASA,EACP;AAAA,EACE,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,oBAAoB,GAAG,sBAAsB,cAAc;AAAA,MACjF,GAAGL;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAACI,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,QACZ,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,YAAAvB;AAAA,cACA,SAAAC;AAAA,cACA,aAAAE;AAAA,cACA,gBAAAD;AAAA,cACA,4BAAAO;AAAA,cACA,gBAAAC;AAAA,cACA,0BAAAC;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAU;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,oBAAAlB;AAAA,cACA,wBAAAF;AAAA,cACA,oBAAAC;AAAA,cACA,aAAAE;AAAA,cACA,UAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,GACF;AAAA,0BACCiB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAA,EAAO;AAAA,4BACPC,GAAA,EAAO,WAAU,YAAW,SAASf,GAAe,UAAA,UAErD;AAAA,UACA,gBAAAI;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMd,EAAWT,EAAuB,IAAA,EAAM,aAAa;AAAA,cACrE,UAAA;AAAA,gBAAA;AAAA,kCACMwB,GAAA,CAAA,CAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMC,IAAgBC,EAAM,WAAW/B,CAAkB;"}

package/dist/transfer_table/transfer_table_presenter.d.ts

@@ -0,0 +1,46 @@
+import { StaticDataSource } from '@tcn/resource-store';
+import { FieldFilterProps, TableColumnProps } from '@tcn/ui-table';
+import { ReactElement } from 'react';
+import { SelectedItemsUpdate, TransferTableProps } from './types.js';
+export interface TransferTablePresenterArgs<T> {
+    dataSource: StaticDataSource<T>;
+    columns: TableColumnProps<T>[];
+    filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];
+    getItemKey: (item: T) => string | number;
+    selectedItemRender: (item: T) => React.ReactNode;
+    onClickMoveAll?: (items: T[]) => void;
+    onClickMove?: (item: T) => void;
+    onRemoveAll?: (items: T[]) => void;
+    onRemove?: (item: T) => void;
+    onClickFilterPanelToggle?: () => void;
+    onClickCancel?: () => void;
+    onClickAdd?: (items: T[]) => void;
+}
+export declare class TransferTablePresenter<T> {
+    dataSource: StaticDataSource<T>;
+    columns: TableColumnProps<T>[];
+    getSelectedItemKey: (item: T) => string | number;
+    private selectedItemsSignal;
+    selectedItemsBroadcast: import('@tcn/state').IBroadcast<SelectedItemsUpdate<T>>;
+    selectedItemRender: (item: T) => React.ReactNode;
+    filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];
+    private availableItems;
+    private _initialItemsSubscription;
+    private filterPanelIsOpenSignal;
+    filterPanelIsOpenBroadcast: import('@tcn/state').IBroadcast<boolean>;
+    private callbacks;
+    constructor(args: TransferTablePresenterArgs<T>);
+    /** Load pre-selected items without triggering the highlight animation. */
+    loadItems: (items: T[]) => void;
+    onClickMoveAll: () => void;
+    onClickMove: (item: T) => void;
+    onRemoveAll: () => void;
+    onRemove: (removeItem: T) => void;
+    onClickFilterPanelToggle: () => void;
+    onClickCancel: () => void;
+    onClickAdd: (items: T[]) => void;
+    /** Returns only the props the TransferTable component needs. */
+    getProps(): TransferTableProps<T>;
+    dispose(): void;
+}
+//# sourceMappingURL=transfer_table_presenter.d.ts.map

package/dist/transfer_table/transfer_table_presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer_table_presenter.d.ts","sourceRoot":"","sources":["../../src/transfer_table/transfer_table_presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErE,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAChC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IACnF,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACzC,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACnC;AAED,qBAAa,sBAAsB,CAAC,CAAC;IACnC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAChC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IAEjD,OAAO,CAAC,mBAAmB,CAGxB;IACH,sBAAsB,0DAAsC;IAE5D,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAEnF,OAAO,CAAC,cAAc,CAAW;IACjC,OAAO,CAAC,yBAAyB,CAAmC;IAEpE,OAAO,CAAC,uBAAuB,CAA8B;IAC7D,0BAA0B,2CAA0C;IAEpE,OAAO,CAAC,SAAS,CAAgC;gBAErC,IAAI,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAmB/C,0EAA0E;IAC1E,SAAS,GAAI,OAAO,CAAC,EAAE,UAErB;IAEF,cAAc,aAcZ;IAEF,WAAW,GAAI,MAAM,CAAC,UAcpB;IAEF,WAAW,aAOT;IAEF,QAAQ,GAAI,YAAY,CAAC,UAcvB;IAEF,wBAAwB,aAItB;IAEF,aAAa,aAEX;IAEF,UAAU,GAAI,OAAO,CAAC,EAAE,UAEtB;IAEF,gEAAgE;IAChE,QAAQ,IAAI,kBAAkB,CAAC,CAAC,CAAC;IAmBjC,OAAO,IAAI,IAAI;CAKhB"}

package/dist/transfer_table/transfer_table_presenter.js

@@ -0,0 +1,98 @@
+import { Signal as i } from "@tcn/state";
+class o {
+  dataSource;
+  columns;
+  getSelectedItemKey;
+  selectedItemsSignal = new i({
+    selectedItems: [],
+    highlight: !1
+  });
+  selectedItemsBroadcast = this.selectedItemsSignal.broadcast;
+  selectedItemRender;
+  filterChildren;
+  availableItems = [];
+  _initialItemsSubscription = null;
+  filterPanelIsOpenSignal = new i(!1);
+  filterPanelIsOpenBroadcast = this.filterPanelIsOpenSignal.broadcast;
+  callbacks;
+  constructor(e) {
+    this.dataSource = e.dataSource, this.columns = e.columns, this.selectedItemRender = e.selectedItemRender, this.getSelectedItemKey = e.getItemKey, this.filterChildren = e.filterChildren, this.callbacks = e, this._initialItemsSubscription = this.dataSource.broadcasts.currentResults.subscribe(
+      (t) => {
+        this.availableItems.length === 0 && (this.availableItems = [...t]), this._initialItemsSubscription?.unsubscribe(), this._initialItemsSubscription = null;
+      }
+    );
+  }
+  /** Load pre-selected items without triggering the highlight animation. */
+  loadItems = (e) => {
+    this.selectedItemsSignal.set({ selectedItems: e, highlight: !1 });
+  };
+  onClickMoveAll = () => {
+    const e = this.dataSource.broadcasts.currentResults.get(), t = new Set(e.map(this.getSelectedItemKey)), l = this.selectedItemsSignal.get().selectedItems;
+    this.availableItems = this.availableItems.filter(
+      (s) => !t.has(this.getSelectedItemKey(s))
+    ), this.dataSource.setItems(this.availableItems), this.selectedItemsSignal.set({
+      selectedItems: [...l, ...e],
+      highlight: !0
+    }), this.callbacks.onClickMoveAll?.(e);
+  };
+  onClickMove = (e) => {
+    const t = this.getSelectedItemKey(e);
+    this.availableItems = this.availableItems.filter(
+      (s) => this.getSelectedItemKey(s) !== t
+    );
+    const l = this.selectedItemsSignal.get().selectedItems;
+    this.dataSource.setItems(this.availableItems), this.selectedItemsSignal.set({
+      selectedItems: [...l, e],
+      highlight: !0
+    }), this.callbacks.onClickMove?.(e);
+  };
+  onRemoveAll = () => {
+    const e = this.selectedItemsSignal.get().selectedItems;
+    this.availableItems = [...this.availableItems, ...e], this.dataSource.setItems(this.availableItems), this.selectedItemsSignal.set({ selectedItems: [], highlight: !1 }), this.callbacks.onRemoveAll?.(e);
+  };
+  onRemove = (e) => {
+    const t = this.getSelectedItemKey(e), s = this.selectedItemsSignal.get().selectedItems.filter(
+      (a) => this.getSelectedItemKey(a) !== t
+    );
+    this.availableItems = [...this.availableItems, e], this.dataSource.setItems(this.availableItems), this.selectedItemsSignal.set({
+      selectedItems: s,
+      highlight: !1
+    }), this.callbacks.onRemove?.(e);
+  };
+  onClickFilterPanelToggle = () => {
+    const e = this.filterPanelIsOpenSignal.get();
+    this.filterPanelIsOpenSignal.set(!e), this.callbacks.onClickFilterPanelToggle?.();
+  };
+  onClickCancel = () => {
+    this.callbacks.onClickCancel?.();
+  };
+  onClickAdd = (e) => {
+    this.callbacks.onClickAdd?.(e);
+  };
+  /** Returns only the props the TransferTable component needs. */
+  getProps() {
+    return {
+      dataSource: this.dataSource,
+      columns: this.columns,
+      onClickMoveAll: this.onClickMoveAll,
+      onClickMove: this.onClickMove,
+      selectedItemsBroadcast: this.selectedItemsBroadcast,
+      getSelectedItemKey: this.getSelectedItemKey,
+      selectedItemRender: this.selectedItemRender,
+      onRemoveAll: this.onRemoveAll,
+      onRemove: this.onRemove,
+      filterPanelIsOpenBroadcast: this.filterPanelIsOpenBroadcast,
+      filterChildren: this.filterChildren,
+      onClickFilterPanelToggle: this.onClickFilterPanelToggle,
+      onClickCancel: this.onClickCancel,
+      onClickAdd: this.onClickAdd
+    };
+  }
+  dispose() {
+    this._initialItemsSubscription?.unsubscribe(), this.selectedItemsSignal.dispose(), this.filterPanelIsOpenSignal.dispose();
+  }
+}
+export {
+  o as TransferTablePresenter
+};
+//# sourceMappingURL=transfer_table_presenter.js.map

package/dist/transfer_table/transfer_table_presenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer_table_presenter.js","sources":["../../src/transfer_table/transfer_table_presenter.ts"],"sourcesContent":["import { StaticDataSource } from '@tcn/resource-store';\nimport { ISubscription, Signal } from '@tcn/state';\nimport { FieldFilterProps, TableColumnProps } from '@tcn/ui-table';\nimport { ReactElement } from 'react';\nimport { SelectedItemsUpdate, TransferTableProps } from './types.js';\n\nexport interface TransferTablePresenterArgs<T> {\n  dataSource: StaticDataSource<T>;\n  columns: TableColumnProps<T>[];\n  filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];\n  getItemKey: (item: T) => string | number;\n  selectedItemRender: (item: T) => React.ReactNode;\n  onClickMoveAll?: (items: T[]) => void;\n  onClickMove?: (item: T) => void;\n  onRemoveAll?: (items: T[]) => void;\n  onRemove?: (item: T) => void;\n  onClickFilterPanelToggle?: () => void;\n  onClickCancel?: () => void;\n  onClickAdd?: (items: T[]) => void;\n}\n\nexport class TransferTablePresenter<T> {\n  dataSource: StaticDataSource<T>;\n  columns: TableColumnProps<T>[];\n  getSelectedItemKey: (item: T) => string | number;\n\n  private selectedItemsSignal = new Signal<SelectedItemsUpdate<T>>({\n    selectedItems: [],\n    highlight: false,\n  });\n  selectedItemsBroadcast = this.selectedItemsSignal.broadcast;\n\n  selectedItemRender: (item: T) => React.ReactNode;\n  filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];\n\n  private availableItems: T[] = [];\n  private _initialItemsSubscription: ISubscription<T[]> | null = null;\n\n  private filterPanelIsOpenSignal = new Signal<boolean>(false);\n  filterPanelIsOpenBroadcast = this.filterPanelIsOpenSignal.broadcast;\n\n  private callbacks: TransferTablePresenterArgs<T>;\n\n  constructor(args: TransferTablePresenterArgs<T>) {\n    this.dataSource = args.dataSource;\n    this.columns = args.columns;\n    this.selectedItemRender = args.selectedItemRender;\n    this.getSelectedItemKey = args.getItemKey;\n    this.filterChildren = args.filterChildren;\n    this.callbacks = args;\n\n    this._initialItemsSubscription = this.dataSource.broadcasts.currentResults.subscribe(\n      items => {\n        if (this.availableItems.length === 0) {\n          this.availableItems = [...items] as unknown as T[];\n        }\n        this._initialItemsSubscription?.unsubscribe();\n        this._initialItemsSubscription = null;\n      }\n    );\n  }\n\n  /** Load pre-selected items without triggering the highlight animation. */\n  loadItems = (items: T[]) => {\n    this.selectedItemsSignal.set({ selectedItems: items, highlight: false });\n  };\n\n  onClickMoveAll = () => {\n    const visibleItems = this.dataSource.broadcasts.currentResults.get();\n    const visibleKeys = new Set(visibleItems.map(this.getSelectedItemKey));\n    const currentSelectedItems = this.selectedItemsSignal.get().selectedItems;\n\n    this.availableItems = this.availableItems.filter(\n      i => !visibleKeys.has(this.getSelectedItemKey(i))\n    );\n    this.dataSource.setItems(this.availableItems);\n    this.selectedItemsSignal.set({\n      selectedItems: [...currentSelectedItems, ...visibleItems],\n      highlight: true,\n    });\n    this.callbacks.onClickMoveAll?.(visibleItems);\n  };\n\n  onClickMove = (item: T) => {\n    const itemKey = this.getSelectedItemKey(item);\n    this.availableItems = this.availableItems.filter(\n      i => this.getSelectedItemKey(i) !== itemKey\n    );\n\n    const currentSelectedItems = this.selectedItemsSignal.get().selectedItems;\n\n    this.dataSource.setItems(this.availableItems);\n    this.selectedItemsSignal.set({\n      selectedItems: [...currentSelectedItems, item],\n      highlight: true,\n    });\n    this.callbacks.onClickMove?.(item);\n  };\n\n  onRemoveAll = () => {\n    const currentSelectedItems = this.selectedItemsSignal.get().selectedItems;\n\n    this.availableItems = [...this.availableItems, ...currentSelectedItems];\n    this.dataSource.setItems(this.availableItems);\n    this.selectedItemsSignal.set({ selectedItems: [], highlight: false });\n    this.callbacks.onRemoveAll?.(currentSelectedItems);\n  };\n\n  onRemove = (removeItem: T) => {\n    const removeKey = this.getSelectedItemKey(removeItem);\n    const currentSelectedItems = this.selectedItemsSignal.get().selectedItems;\n    const mutatedSelectedItems = currentSelectedItems.filter(\n      item => this.getSelectedItemKey(item) !== removeKey\n    );\n\n    this.availableItems = [...this.availableItems, removeItem];\n    this.dataSource.setItems(this.availableItems);\n    this.selectedItemsSignal.set({\n      selectedItems: mutatedSelectedItems,\n      highlight: false,\n    });\n    this.callbacks.onRemove?.(removeItem);\n  };\n\n  onClickFilterPanelToggle = () => {\n    const currentOpenValue = this.filterPanelIsOpenSignal.get();\n    this.filterPanelIsOpenSignal.set(!currentOpenValue);\n    this.callbacks.onClickFilterPanelToggle?.();\n  };\n\n  onClickCancel = () => {\n    this.callbacks.onClickCancel?.();\n  };\n\n  onClickAdd = (items: T[]) => {\n    this.callbacks.onClickAdd?.(items);\n  };\n\n  /** Returns only the props the TransferTable component needs. */\n  getProps(): TransferTableProps<T> {\n    return {\n      dataSource: this.dataSource,\n      columns: this.columns,\n      onClickMoveAll: this.onClickMoveAll,\n      onClickMove: this.onClickMove,\n      selectedItemsBroadcast: this.selectedItemsBroadcast,\n      getSelectedItemKey: this.getSelectedItemKey,\n      selectedItemRender: this.selectedItemRender,\n      onRemoveAll: this.onRemoveAll,\n      onRemove: this.onRemove,\n      filterPanelIsOpenBroadcast: this.filterPanelIsOpenBroadcast,\n      filterChildren: this.filterChildren,\n      onClickFilterPanelToggle: this.onClickFilterPanelToggle,\n      onClickCancel: this.onClickCancel,\n      onClickAdd: this.onClickAdd,\n    };\n  }\n\n  dispose(): void {\n    this._initialItemsSubscription?.unsubscribe();\n    this.selectedItemsSignal.dispose();\n    this.filterPanelIsOpenSignal.dispose();\n  }\n}\n"],"names":["TransferTablePresenter","Signal","args","items","visibleItems","visibleKeys","currentSelectedItems","i","item","itemKey","removeItem","removeKey","mutatedSelectedItems","currentOpenValue"],"mappings":"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"}

package/dist/transfer_table/types.d.ts

@@ -0,0 +1,30 @@
+import { DataSource } from '@tcn/resource-store';
+import { IBroadcast } from '@tcn/state';
+import { FieldFilterProps, TableColumnProps } from '@tcn/ui-table';
+import { ReactElement } from 'react';
+export interface SelectedItemsUpdate<T> {
+    selectedItems: T[];
+    /** When true, newly appearing items will flash to indicate they were added. */
+    highlight: boolean;
+}
+export interface TransferTableProps<T> {
+    dataSource: DataSource<T>;
+    columns: TableColumnProps<T>[];
+    onClickMoveAll: () => void;
+    onClickMove: (item: T) => void;
+    selectedItemsBroadcast: IBroadcast<SelectedItemsUpdate<T>>;
+    /**
+     * Derives a unique, stable identifier from the item (e.g. an id or name).
+     * Must be unique across all items and consistent on every call — do not use randomly generated values.
+     */
+    getSelectedItemKey: (item: T) => string | number;
+    selectedItemRender: (item: T) => React.ReactNode;
+    onRemoveAll: (items: T[]) => void;
+    onRemove: (item: T) => void;
+    filterPanelIsOpenBroadcast: IBroadcast<boolean>;
+    filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];
+    onClickFilterPanelToggle: () => void;
+    onClickCancel: () => void;
+    onClickAdd: (items: T[]) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/transfer_table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/transfer_table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,+EAA+E;IAC/E,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IAEnC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAE/B,sBAAsB,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D;;;OAGG;IACH,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACjD,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAE5B,0BAA0B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAEnF,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAClC"}

package/dist/transfer_table/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/transfer_table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/transfer_table.css

@@ -0,0 +1 @@
+._tcn-transfer-table_22a0c1f{--material: var(--background-color-primary)}._tcn-transfer-table_22a0c1f :where(._tcn-table-available-table_449024c) thead tr{--material: #e2e2e2}._tcn-transfer-table_22a0c1f .tcn-rail.tcn-columns{--resize-offset: -4px}._tcn-transfer-table_22a0c1f .tcn-rail.tcn-columns{padding:0}._tcn-transfer-table_22a0c1f .tcn-rail.tcn-columns .tcn-column{gap:0;border-right:none;padding-inline-end:0;padding-inline-start:0}._tcn-table-available-table_449024c{border-right:1px solid #aaaaaa}:where(._tcn-transfer-table_22a0c1f) :where(._selected-item_1b75356){transition:background-color .35s ease}:where(._tcn-transfer-table_22a0c1f) :where(._selected-item-new_f5e0db7){background-color:var(--secondary-color-faint)}