@tcn/ui-transfer 1.0.0

package/AI_USAGE.md

@@ -0,0 +1,16 @@
+# @tcn/ui-transfer — AI Usage Guide
+
+**Load this file when:** the project uses `@tcn/ui-transfer` and you are building transfer list or transfer table UIs.
+
+> For source files referenced in linked docs, prefix paths with `node_modules/@tcn/ui-transfer/` in app projects.
+
+---
+
+## Overview
+
+`@tcn/ui-transfer` provides transfer UI components for moving items between lists or tables.
+
+| Component | Summary |
+|---|---|
+| **TransferList** | TODO — transfer list component for moving items between two lists |
+| **TransferTable** | TODO — transfer table component for moving items between two tables |

package/README.md

@@ -0,0 +1,3 @@
+# @tcn/ui-transfer
+
+React transfer list and transfer table components for TCN applications.

package/dist/components/available_list/available_list.d.ts

@@ -0,0 +1,11 @@
+import { ListProps } from '@tcn/ui/layouts';
+import { default as React } from 'react';
+export interface AvailableListOwnProps<T> {
+    items: T[];
+    getItemKey: (item: T) => string | number;
+    renderItem: (item: T) => React.ReactNode;
+    onClickItem: (item: T) => void;
+}
+export type AvailableListProps<T> = AvailableListOwnProps<T> & ListProps;
+export declare const AvailableList: <T>(props: AvailableListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+//# sourceMappingURL=available_list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"available_list.d.ts","sourceRoot":"","sources":["../../../src/components/available_list/available_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAwBzE,eAAO,MAAM,aAAa,EAA2C,CAAC,CAAC,EACrE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/components/available_list/available_list.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { List as p } from "@tcn/ui/layouts";
+import { clsx as s } from "clsx";
+import c from "react";
+import "../manage_list_item/manage_list_item.js";
+import "../manage_list_item/removable_item.js";
+import { AddableItem as f } from "../manage_list_item/addable_item.js";
+function d({
+  items: t,
+  getItemKey: i,
+  renderItem: a,
+  onClickItem: m,
+  className: l,
+  ...e
+}, n) {
+  return /* @__PURE__ */ o(p, { ref: n, className: s("tcn-available-list", l), ...e, children: t.map((r) => /* @__PURE__ */ o(f, { item: r, onClickItem: m, children: a(r) }, i(r))) });
+}
+const I = c.forwardRef(d);
+export {
+  I as AvailableList
+};
+//# sourceMappingURL=available_list.js.map

package/dist/components/available_list/available_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"available_list.js","sources":["../../../src/components/available_list/available_list.tsx"],"sourcesContent":["import { List, type ListProps } from '@tcn/ui/layouts';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { AddableItem } from '../manage_list_item/index.js';\n\nexport interface AvailableListOwnProps<T> {\n  items: T[];\n  getItemKey: (item: T) => string | number;\n  renderItem: (item: T) => React.ReactNode;\n  onClickItem: (item: T) => void;\n}\n\nexport type AvailableListProps<T> = AvailableListOwnProps<T> & ListProps;\n\nfunction AvailableListInner<T>(\n  {\n    items,\n    getItemKey,\n    renderItem,\n    onClickItem,\n    className,\n    ...props\n  }: AvailableListProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <List ref={ref} className={clsx('tcn-available-list', className)} {...props}>\n      {items.map(item => (\n        <AddableItem key={getItemKey(item)} item={item} onClickItem={onClickItem}>\n          {renderItem(item)}\n        </AddableItem>\n      ))}\n    </List>\n  );\n}\n\nexport const AvailableList = React.forwardRef(AvailableListInner) as <T>(\n  props: AvailableListProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n"],"names":["AvailableListInner","items","getItemKey","renderItem","onClickItem","className","props","ref","jsx","List","clsx","AddableItem","item","AvailableList","React"],"mappings":";;;;;;;AAcA,SAASA,EACP;AAAA,EACE,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAK,KAAAF,GAAU,WAAWG,EAAK,sBAAsBL,CAAS,GAAI,GAAGC,GACnE,UAAAL,EAAM,IAAI,OACT,gBAAAO,EAACG,GAAA,EAAmC,MAAAC,GAAY,aAAAR,GAC7C,UAAAD,EAAWS,CAAI,KADAV,EAAWU,CAAI,CAEjC,CACD,EAAA,CACH;AAEJ;AAEO,MAAMC,IAAgBC,EAAM,WAAWd,CAAkB;"}

package/dist/components/available_list/index.d.ts

@@ -0,0 +1,2 @@
+export { AvailableList, type AvailableListOwnProps, type AvailableListProps, } from './available_list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/available_list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/available_list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/components/available_list/index.js

@@ -0,0 +1,5 @@
+import { AvailableList as i } from "./available_list.js";
+export {
+  i as AvailableList
+};
+//# sourceMappingURL=index.js.map

package/dist/components/available_list/index.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { ManageListItem, type ManageListItemOwnProps, type ManageListItemProps, RemovableItem, type RemovableItemProps, AddableItem, type AddableItemProps, } from './manage_list_item/index.js';
+export { SelectedList, type SelectedListOwnProps, type SelectedListProps, } from './selected_list/index.js';
+export { AvailableList, type AvailableListOwnProps, type AvailableListProps, } from './available_list/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,aAAa,EACb,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GACxB,MAAM,2BAA2B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+import { ManageListItem as o } from "./manage_list_item/manage_list_item.js";
+import { RemovableItem as m } from "./manage_list_item/removable_item.js";
+import { AddableItem as f } from "./manage_list_item/addable_item.js";
+import { SelectedList as p } from "./selected_list/selected_list.js";
+import { AvailableList as i } from "./available_list/available_list.js";
+export {
+  f as AddableItem,
+  i as AvailableList,
+  o as ManageListItem,
+  m as RemovableItem,
+  p as SelectedList
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/manage_list_item/addable_item.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ManageListItemProps } from './manage_list_item.js';
+export type AddableItemProps<T> = ManageListItemProps<T>;
+export declare const AddableItem: <T>(props: AddableItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+//# sourceMappingURL=addable_item.d.ts.map

package/dist/components/manage_list_item/addable_item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addable_item.d.ts","sourceRoot":"","sources":["../../../src/components/manage_list_item/addable_item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAezD,eAAO,MAAM,WAAW,EAAyC,CAAC,CAAC,EACjE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC7D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/components/manage_list_item/addable_item.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ArrowRightIcon as m } from "@tcn/icons/arrow_right_icon.js";
+import n from "react";
+import { ManageListItem as d } from "./manage_list_item.js";
+function f({ endAdornment: o, ...t }, e) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      ref: e,
+      endAdornment: o ?? /* @__PURE__ */ r(m, {}),
+      ...t
+    }
+  );
+}
+const c = n.forwardRef(f);
+export {
+  c as AddableItem
+};
+//# sourceMappingURL=addable_item.js.map

package/dist/components/manage_list_item/addable_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addable_item.js","sources":["../../../src/components/manage_list_item/addable_item.tsx"],"sourcesContent":["import { ArrowRightIcon } from '@tcn/icons/arrow_right_icon.js';\nimport React from 'react';\nimport { ManageListItem, type ManageListItemProps } from './manage_list_item.js';\n\nexport type AddableItemProps<T> = ManageListItemProps<T>;\n\nfunction AddableItemInner<T>(\n  { endAdornment, ...props }: AddableItemProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <ManageListItem\n      ref={ref}\n      endAdornment={endAdornment ?? <ArrowRightIcon />}\n      {...props}\n    />\n  );\n}\n\nexport const AddableItem = React.forwardRef(AddableItemInner) as <T>(\n  props: AddableItemProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n"],"names":["AddableItemInner","endAdornment","props","ref","jsx","ManageListItem","ArrowRightIcon","AddableItem","React"],"mappings":";;;;AAMA,SAASA,EACP,EAAE,cAAAC,GAAc,GAAGC,EAAA,GACnBC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,cAAcF,KAAgB,gBAAAG,EAACE,GAAA,CAAA,CAAe;AAAA,MAC7C,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAMK,IAAcC,EAAM,WAAWR,CAAgB;"}

package/dist/components/manage_list_item/index.d.ts

@@ -0,0 +1,4 @@
+export { ManageListItem, type ManageListItemOwnProps, type ManageListItemProps, } from './manage_list_item.js';
+export { RemovableItem, type RemovableItemProps } from './removable_item.js';
+export { AddableItem, type AddableItemProps } from './addable_item.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/manage_list_item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/manage_list_item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/manage_list_item/index.js

@@ -0,0 +1,9 @@
+import { ManageListItem as o } from "./manage_list_item.js";
+import { RemovableItem as r } from "./removable_item.js";
+import { AddableItem as f } from "./addable_item.js";
+export {
+  f as AddableItem,
+  o as ManageListItem,
+  r as RemovableItem
+};
+//# sourceMappingURL=index.js.map

package/dist/components/manage_list_item/index.js.map

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

package/dist/components/manage_list_item/manage_list_item.d.ts

@@ -0,0 +1,11 @@
+import { ItemProps } from '@tcn/ui/layouts';
+import { default as React } from 'react';
+export interface ManageListItemOwnProps<T> {
+    item: T;
+    children: React.ReactNode;
+    onClickItem: (item: T) => void;
+    endAdornment?: React.ReactNode;
+}
+export type ManageListItemProps<T> = ManageListItemOwnProps<T> & Omit<ItemProps, 'children'>;
+export declare const ManageListItem: <T>(props: ManageListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+//# sourceMappingURL=manage_list_item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"manage_list_item.d.ts","sourceRoot":"","sources":["../../../src/components/manage_list_item/manage_list_item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,GAC5D,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AA2B9B,eAAO,MAAM,cAAc,EAA4C,CAAC,CAAC,EACvE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/components/manage_list_item/manage_list_item.js

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { Item as c } from "@tcn/ui/layouts";
+import { Spacer as f } from "@tcn/ui/stacks";
+import { clsx as p } from "clsx";
+import l from "react";
+function x({
+  item: r,
+  children: t,
+  onClickItem: m,
+  endAdornment: e,
+  className: o,
+  ...i
+}, n) {
+  return /* @__PURE__ */ a(
+    c,
+    {
+      ref: n,
+      className: p("tcn-manage-list-item", o),
+      onClick: () => m(r),
+      ...i,
+      children: [
+        t,
+        /* @__PURE__ */ s(f, {}),
+        e
+      ]
+    }
+  );
+}
+const L = l.forwardRef(x);
+export {
+  L as ManageListItem
+};
+//# sourceMappingURL=manage_list_item.js.map

package/dist/components/manage_list_item/manage_list_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manage_list_item.js","sources":["../../../src/components/manage_list_item/manage_list_item.tsx"],"sourcesContent":["import { Item, type ItemProps } from '@tcn/ui/layouts';\nimport { Spacer } from '@tcn/ui/stacks';\nimport { clsx } from 'clsx';\nimport React from 'react';\n\nexport interface ManageListItemOwnProps<T> {\n  item: T;\n  children: React.ReactNode;\n  onClickItem: (item: T) => void;\n  endAdornment?: React.ReactNode;\n}\n\nexport type ManageListItemProps<T> = ManageListItemOwnProps<T> &\n  Omit<ItemProps, 'children'>;\n\nfunction ManageListItemInner<T>(\n  {\n    item,\n    children,\n    onClickItem,\n    endAdornment,\n    className,\n    ...props\n  }: ManageListItemProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <Item\n      ref={ref}\n      className={clsx('tcn-manage-list-item', className)}\n      onClick={() => onClickItem(item)}\n      {...props}\n    >\n      {children}\n      <Spacer />\n      {endAdornment}\n    </Item>\n  );\n}\n\nexport const ManageListItem = React.forwardRef(ManageListItemInner) as <T>(\n  props: ManageListItemProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n"],"names":["ManageListItemInner","item","children","onClickItem","endAdornment","className","props","ref","jsxs","Item","clsx","Spacer","ManageListItem","React"],"mappings":";;;;;AAeA,SAASA,EACP;AAAA,EACE,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAK,wBAAwBL,CAAS;AAAA,MACjD,SAAS,MAAMF,EAAYF,CAAI;AAAA,MAC9B,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,0BACAS,GAAA,EAAO;AAAA,QACPP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAMQ,IAAiBC,EAAM,WAAWb,CAAmB;"}

package/dist/components/manage_list_item/removable_item.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ManageListItemProps } from './manage_list_item.js';
+export type RemovableItemProps<T> = ManageListItemProps<T>;
+export declare const RemovableItem: <T>(props: RemovableItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+//# sourceMappingURL=removable_item.d.ts.map

package/dist/components/manage_list_item/removable_item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removable_item.d.ts","sourceRoot":"","sources":["../../../src/components/manage_list_item/removable_item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGjF,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAgB3D,eAAO,MAAM,aAAa,EAA2C,CAAC,CAAC,EACrE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/components/manage_list_item/removable_item.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { CrossCircleIcon as a } from "@tcn/icons/cross_circle_icon.js";
+import { clsx as n } from "clsx";
+import s from "react";
+import { ManageListItem as i } from "./manage_list_item.js";
+import '../../removable_item.css';const l = "_removable-item_47294a9", c = { "removable-item": l };
+function f({ endAdornment: m, className: o, ...r }, t) {
+  return /* @__PURE__ */ e(
+    i,
+    {
+      ref: t,
+      className: n(c["removable-item"], o),
+      endAdornment: m ?? /* @__PURE__ */ e(a, {}),
+      ...r
+    }
+  );
+}
+const d = s.forwardRef(f);
+export {
+  d as RemovableItem
+};
+//# sourceMappingURL=removable_item.js.map

package/dist/components/manage_list_item/removable_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removable_item.js","sources":["../../../src/components/manage_list_item/removable_item.tsx"],"sourcesContent":["import { CrossCircleIcon } from '@tcn/icons/cross_circle_icon.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { ManageListItem, type ManageListItemProps } from './manage_list_item.js';\nimport styles from './removable_item.module.css';\n\nexport type RemovableItemProps<T> = ManageListItemProps<T>;\n\nfunction RemovableItemInner<T>(\n  { endAdornment, className, ...props }: RemovableItemProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <ManageListItem\n      ref={ref}\n      className={clsx(styles['removable-item'], className)}\n      endAdornment={endAdornment ?? <CrossCircleIcon />}\n      {...props}\n    />\n  );\n}\n\nexport const RemovableItem = React.forwardRef(RemovableItemInner) as <T>(\n  props: RemovableItemProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n"],"names":["RemovableItemInner","endAdornment","className","props","ref","jsx","ManageListItem","clsx","styles","CrossCircleIcon","RemovableItem","React"],"mappings":";;;;;;AAQA,SAASA,EACP,EAAE,cAAAC,GAAc,WAAAC,GAAW,GAAGC,EAAA,GAC9BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,gBAAgB,GAAGN,CAAS;AAAA,MACnD,cAAcD,KAAgB,gBAAAI,EAACI,GAAA,CAAA,CAAgB;AAAA,MAC9C,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAMO,IAAgBC,EAAM,WAAWX,CAAkB;"}

package/dist/components/selected_list/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectedList, type SelectedListOwnProps, type SelectedListProps, } from './selected_list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/selected_list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/selected_list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC"}

package/dist/components/selected_list/index.js

@@ -0,0 +1,5 @@
+import { SelectedList as o } from "./selected_list.js";
+export {
+  o as SelectedList
+};
+//# sourceMappingURL=index.js.map

package/dist/components/selected_list/index.js.map

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

package/dist/components/selected_list/selected_list.d.ts

@@ -0,0 +1,13 @@
+import { ListProps } from '@tcn/ui/layouts';
+import { default as React } from 'react';
+export interface SelectedListOwnProps<T> {
+    items: T[];
+    getItemKey: (item: T) => string | number;
+    renderItem: (item: T) => React.ReactNode;
+    onClickItem: (item: T) => void;
+    /** Override the default RemovableItem rendering per item. Receives the item and its rendered content. */
+    renderListItem?: (item: T, content: React.ReactNode) => React.ReactElement;
+}
+export type SelectedListProps<T> = SelectedListOwnProps<T> & ListProps;
+export declare const SelectedList: <T>(props: SelectedListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+//# sourceMappingURL=selected_list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selected_list.d.ts","sourceRoot":"","sources":["../../../src/components/selected_list/selected_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,yGAAyG;IACzG,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5E;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAiCvE,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/components/selected_list/selected_list.js

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import { List as a } from "@tcn/ui/layouts";
+import { clsx as d } from "clsx";
+import c from "react";
+import "../manage_list_item/manage_list_item.js";
+import { RemovableItem as u } from "../manage_list_item/removable_item.js";
+import "../manage_list_item/addable_item.js";
+function x({
+  items: l,
+  getItemKey: o,
+  renderItem: m,
+  onClickItem: i,
+  renderListItem: t,
+  className: s,
+  ...f
+}, p) {
+  return /* @__PURE__ */ n(a, { ref: p, className: d("tcn-selected-list", s), ...f, children: l.map((r) => {
+    const e = m(r);
+    return t ? c.cloneElement(t(r, e), {
+      key: o(r)
+    }) : /* @__PURE__ */ n(u, { item: r, onClickItem: i, children: e }, o(r));
+  }) });
+}
+const v = c.forwardRef(x);
+export {
+  v as SelectedList
+};
+//# sourceMappingURL=selected_list.js.map

package/dist/components/selected_list/selected_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected_list.js","sources":["../../../src/components/selected_list/selected_list.tsx"],"sourcesContent":["import { List, type ListProps } from '@tcn/ui/layouts';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { RemovableItem } from '../manage_list_item/index.js';\n\nexport interface SelectedListOwnProps<T> {\n  items: T[];\n  getItemKey: (item: T) => string | number;\n  renderItem: (item: T) => React.ReactNode;\n  onClickItem: (item: T) => void;\n  /** Override the default RemovableItem rendering per item. Receives the item and its rendered content. */\n  renderListItem?: (item: T, content: React.ReactNode) => React.ReactElement;\n}\n\nexport type SelectedListProps<T> = SelectedListOwnProps<T> & ListProps;\n\nfunction SelectedListInner<T>(\n  {\n    items,\n    getItemKey,\n    renderItem,\n    onClickItem,\n    renderListItem,\n    className,\n    ...props\n  }: SelectedListProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return (\n    <List ref={ref} className={clsx('tcn-selected-list', className)} {...props}>\n      {items.map(item => {\n        const content = renderItem(item);\n        if (renderListItem) {\n          return React.cloneElement(renderListItem(item, content), {\n            key: getItemKey(item),\n          });\n        }\n        return (\n          <RemovableItem key={getItemKey(item)} item={item} onClickItem={onClickItem}>\n            {content}\n          </RemovableItem>\n        );\n      })}\n    </List>\n  );\n}\n\nexport const SelectedList = React.forwardRef(SelectedListInner) as <T>(\n  props: SelectedListProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n"],"names":["SelectedListInner","items","getItemKey","renderItem","onClickItem","renderListItem","className","props","ref","jsx","List","clsx","item","content","React","RemovableItem","SelectedList"],"mappings":";;;;;;;AAgBA,SAASA,EACP;AAAA,EACE,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAK,KAAAF,GAAU,WAAWG,EAAK,qBAAqBL,CAAS,GAAI,GAAGC,GAClE,UAAAN,EAAM,IAAI,CAAAW,MAAQ;AACjB,UAAMC,IAAUV,EAAWS,CAAI;AAC/B,WAAIP,IACKS,EAAM,aAAaT,EAAeO,GAAMC,CAAO,GAAG;AAAA,MACvD,KAAKX,EAAWU,CAAI;AAAA,IAAA,CACrB,sBAGAG,GAAA,EAAqC,MAAAH,GAAY,aAAAR,GAC/C,UAAAS,EAAA,GADiBX,EAAWU,CAAI,CAEnC;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;AAEO,MAAMI,IAAeF,EAAM,WAAWd,CAAiB;"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { ManageListItem, type ManageListItemOwnProps, type ManageListItemProps, RemovableItem, type RemovableItemProps, AddableItem, type AddableItemProps, SelectedList, type SelectedListOwnProps, type SelectedListProps, AvailableList, type AvailableListOwnProps, type AvailableListProps, } from './components/index.js';
+export { TransferList, type TransferListProps } from './transfer_list/index.js';
+export { TransferTable, TransferTablePresenter, type SelectedItemsUpdate, type TransferTableProps, } from './transfer_table/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,EACX,KAAK,gBAAgB,EACrB,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,aAAa,EACb,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+import { ManageListItem as o } from "./components/manage_list_item/manage_list_item.js";
+import { RemovableItem as m } from "./components/manage_list_item/removable_item.js";
+import { AddableItem as f } from "./components/manage_list_item/addable_item.js";
+import { SelectedList as s } from "./components/selected_list/selected_list.js";
+import { AvailableList as l } from "./components/available_list/available_list.js";
+import { TransferList as i } from "./transfer_list/transfer_list.js";
+import { TransferTable as T } from "./transfer_table/transfer_table.js";
+import { TransferTablePresenter as d } from "./transfer_table/transfer_table_presenter.js";
+export {
+  f as AddableItem,
+  l as AvailableList,
+  o as ManageListItem,
+  m as RemovableItem,
+  s as SelectedList,
+  i as TransferList,
+  T as TransferTable,
+  d as TransferTablePresenter
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/removable_item.css

@@ -0,0 +1 @@
+._removable-item_47294a9 .tcn-icon:last-child{color:var(--status-color-error)}

package/dist/transfer_list/index.d.ts

@@ -0,0 +1,2 @@
+export { TransferList, type TransferListProps } from './transfer_list.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transfer_list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/transfer_list/index.js

@@ -0,0 +1,5 @@
+import { TransferList as f } from "./transfer_list.js";
+export {
+  f as TransferList
+};
+//# sourceMappingURL=index.js.map

package/dist/transfer_list/index.js.map

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

package/dist/transfer_list/transfer_list.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ScaffoldProps } from '@tcn/ui/layouts';
+export interface TransferListProps extends ScaffoldProps {
+}
+export declare const TransferList: React.ForwardRefExoticComponent<TransferListProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=transfer_list.d.ts.map

package/dist/transfer_list/transfer_list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer_list.d.ts","sourceRoot":"","sources":["../../src/transfer_list/transfer_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CAAG;AAE3D,eAAO,MAAM,YAAY,uFAQxB,CAAC"}

package/dist/transfer_list/transfer_list.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "react";
+import { Scaffold as i } from "@tcn/ui/layouts";
+const c = e.forwardRef(
+  function({ children: r, ...o }, f) {
+    return /* @__PURE__ */ t(i, { ref: f, ...o, children: r });
+  }
+);
+export {
+  c as TransferList
+};
+//# sourceMappingURL=transfer_list.js.map

package/dist/transfer_list/transfer_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer_list.js","sources":["../../src/transfer_list/transfer_list.tsx"],"sourcesContent":["import React from 'react';\nimport { Scaffold, type ScaffoldProps } from '@tcn/ui/layouts';\n\nexport interface TransferListProps extends ScaffoldProps {}\n\nexport const TransferList = React.forwardRef<HTMLElement, TransferListProps>(\n  function TransferList({ children, ...props }: TransferListProps, ref) {\n    return (\n      <Scaffold ref={ref} {...props}>\n        {children}\n      </Scaffold>\n    );\n  }\n);\n"],"names":["TransferList","React","children","props","ref","jsx","Scaffold"],"mappings":";;;AAKO,MAAMA,IAAeC,EAAM;AAAA,EAChC,SAAsB,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAA4BC,GAAK;AACpE,WACE,gBAAAC,EAACC,GAAA,EAAS,KAAAF,GAAW,GAAGD,GACrB,UAAAD,GACH;AAAA,EAEJ;AACF;"}

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

@@ -0,0 +1,17 @@
+import { DataSource } from '@tcn/resource-store';
+import { IBroadcast } from '@tcn/state';
+import { FieldFilterProps, TableColumnProps } from '@tcn/ui-table';
+import { ScaffoldProps } from '@tcn/ui/layouts';
+import { ReactElement } from 'react';
+export interface AvailableTableOwnProps<T> {
+    dataSource: DataSource<T>;
+    columns: TableColumnProps<T>[];
+    filterPanelIsOpenBroadcast: IBroadcast<boolean>;
+    filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];
+    onClickMove: (item: T) => void;
+    onClickFilterPanelToggle: () => void;
+    onClickMoveAll: () => void;
+}
+export type AvailableTableProps<T> = AvailableTableOwnProps<T> & ScaffoldProps;
+export declare const AvailableTable: <T>({ dataSource, columns, filterPanelIsOpenBroadcast, filterChildren, onClickMove, onClickFilterPanelToggle, onClickMoveAll, className, ...props }: AvailableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=available_table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"available_table.d.ts","sourceRoot":"","sources":["../../../src/transfer_table/components/available_table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAsB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,0BAA0B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IACnF,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC;AAE/E,eAAO,MAAM,cAAc,GAAI,CAAC,EAAG,iJAUhC,mBAAmB,CAAC,CAAC,CAAC,4CA6CxB,CAAC"}

package/dist/transfer_table/components/available_table.js

@@ -0,0 +1,68 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { clsx as h } from "clsx";
+import { ArrowRightIcon as y } from "@tcn/icons/arrow_right_icon.js";
+import { Table as v, TableColumn as o } from "@tcn/ui-table";
+import { Button as A } from "@tcn/ui/actions";
+import { Scaffold as x, Rail as T } from "@tcn/ui/layouts";
+import { s as b } from "../../transfer_table.module-CI4PvlY3.js";
+import { AvailableTableFilterPanel as N } from "./available_table_filter_panel.js";
+import { AvailableTableHeader as j } from "./available_table_header.js";
+const q = ({
+  dataSource: l,
+  columns: r,
+  filterPanelIsOpenBroadcast: n,
+  filterChildren: t,
+  onClickMove: s,
+  onClickFilterPanelToggle: i,
+  onClickMoveAll: c,
+  className: f,
+  ...p
+}) => /* @__PURE__ */ m(
+  x,
+  {
+    className: h(
+      b["tcn-table-available-table"],
+      "tcn-table-available-table",
+      f
+    ),
+    ...p,
+    children: [
+      /* @__PURE__ */ a(
+        j,
+        {
+          dataSource: l,
+          filterChildren: t,
+          onClickFilterPanelToggle: i,
+          onClickMoveAll: c
+        }
+      ),
+      /* @__PURE__ */ m(T, { children: [
+        /* @__PURE__ */ a(
+          N,
+          {
+            dataSource: l,
+            filterPanelIsOpenBroadcast: n,
+            filterChildren: t,
+            onClickFilterPanelToggle: i
+          }
+        ),
+        r?.length > 0 ? /* @__PURE__ */ a(v, { minWidth: 200, dataSource: l, className: b["table-body"], children: [
+          ...r.map((e, d) => /* @__PURE__ */ a(o, { ...e }, e.fieldName ?? d)),
+          /* @__PURE__ */ a(
+            o,
+            {
+              heading: "Actions",
+              sticky: "end",
+              render: (e) => /* @__PURE__ */ a(A, { utility: !0, hierarchy: "tertiary", onClick: () => s(e), children: /* @__PURE__ */ a(y, {}) })
+            },
+            "actions"
+          )
+        ] }) : null
+      ] })
+    ]
+  }
+);
+export {
+  q as AvailableTable
+};
+//# sourceMappingURL=available_table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"available_table.js","sources":["../../../src/transfer_table/components/available_table.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ArrowRightIcon } from '@tcn/icons/arrow_right_icon.js';\nimport { DataSource } from '@tcn/resource-store';\nimport { IBroadcast } from '@tcn/state';\nimport { FieldFilterProps, Table, TableColumn, TableColumnProps } from '@tcn/ui-table';\nimport { Button } from '@tcn/ui/actions';\nimport { Rail, Scaffold, type ScaffoldProps } from '@tcn/ui/layouts';\nimport React, { ReactElement } from 'react';\nimport styles from '../transfer_table.module.css';\nimport { AvailableTableFilterPanel } from './available_table_filter_panel.js';\nimport { AvailableTableHeader } from './available_table_header.js';\n\nexport interface AvailableTableOwnProps<T> {\n  dataSource: DataSource<T>;\n  columns: TableColumnProps<T>[];\n  filterPanelIsOpenBroadcast: IBroadcast<boolean>;\n  filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];\n  onClickMove: (item: T) => void;\n  onClickFilterPanelToggle: () => void;\n  onClickMoveAll: () => void;\n}\n\nexport type AvailableTableProps<T> = AvailableTableOwnProps<T> & ScaffoldProps;\n\nexport const AvailableTable = <T,>({\n  dataSource,\n  columns,\n  filterPanelIsOpenBroadcast,\n  filterChildren,\n  onClickMove,\n  onClickFilterPanelToggle,\n  onClickMoveAll,\n  className,\n  ...props\n}: AvailableTableProps<T>) => {\n  return (\n    <Scaffold\n      className={clsx(\n        styles['tcn-table-available-table'],\n        'tcn-table-available-table',\n        className\n      )}\n      {...props}\n    >\n      <AvailableTableHeader\n        dataSource={dataSource}\n        filterChildren={filterChildren}\n        onClickFilterPanelToggle={onClickFilterPanelToggle}\n        onClickMoveAll={onClickMoveAll}\n      />\n      <Rail>\n        <AvailableTableFilterPanel\n          dataSource={dataSource}\n          filterPanelIsOpenBroadcast={filterPanelIsOpenBroadcast}\n          filterChildren={filterChildren}\n          onClickFilterPanelToggle={onClickFilterPanelToggle}\n        />\n        {columns?.length > 0 ? (\n          <Table minWidth={200} dataSource={dataSource} className={styles['table-body']}>\n            {[\n              ...columns.map((columnProps, index) => (\n                <TableColumn key={columnProps.fieldName ?? index} {...columnProps} />\n              )),\n              <TableColumn\n                key=\"actions\"\n                heading=\"Actions\"\n                sticky=\"end\"\n                render={(item: T) => (\n                  <Button utility hierarchy=\"tertiary\" onClick={() => onClickMove(item)}>\n                    <ArrowRightIcon />\n                  </Button>\n                )}\n              />,\n            ]}\n          </Table>\n        ) : null}\n      </Rail>\n    </Scaffold>\n  );\n};\n"],"names":["AvailableTable","dataSource","columns","filterPanelIsOpenBroadcast","filterChildren","onClickMove","onClickFilterPanelToggle","onClickMoveAll","className","props","jsxs","Scaffold","clsx","styles","jsx","AvailableTableHeader","Rail","AvailableTableFilterPanel","Table","columnProps","index","TableColumn","item","Button","ArrowRightIcon"],"mappings":";;;;;;;;;AAwBO,MAAMA,IAAiB,CAAK;AAAA,EACjC,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,2BAA2B;AAAA,MAClC;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAAd;AAAA,UACA,gBAAAG;AAAA,UACA,0BAAAE;AAAA,UACA,gBAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEDS,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,YAAAhB;AAAA,YACA,4BAAAE;AAAA,YACA,gBAAAC;AAAA,YACA,0BAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDJ,GAAS,SAAS,IACjB,gBAAAY,EAACI,GAAA,EAAM,UAAU,KAAK,YAAAjB,GAAwB,WAAWY,EAAO,YAAY,GACzE,UAAA;AAAA,UACC,GAAGX,EAAQ,IAAI,CAACiB,GAAaC,MAC3B,gBAAAN,EAACO,GAAA,EAAkD,GAAGF,EAAA,GAApCA,EAAY,aAAaC,CAAwB,CACpE;AAAA,UACD,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cAEC,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,QAAQ,CAACC,MACP,gBAAAR,EAACS,GAAA,EAAO,SAAO,IAAC,WAAU,YAAW,SAAS,MAAMlB,EAAYiB,CAAI,GAClE,UAAA,gBAAAR,EAACU,KAAe,EAAA,CAClB;AAAA,YAAA;AAAA,YANE;AAAA,UAAA;AAAA,QAQN,GAEJ,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,13 @@
+import { DataSource } from '@tcn/resource-store';
+import { IBroadcast } from '@tcn/state';
+import { FieldFilterProps, TableFilterPanelProps } from '@tcn/ui-table';
+import { default as React, ReactElement } from 'react';
+export interface AvailableTableFilterPanelOwnProps<T> {
+    dataSource: DataSource<T>;
+    filterPanelIsOpenBroadcast: IBroadcast<boolean>;
+    filterChildren?: ReactElement<FieldFilterProps> | ReactElement<FieldFilterProps>[];
+    onClickFilterPanelToggle: () => void;
+}
+export type AvailableTableFilterPanelProps<T> = AvailableTableFilterPanelOwnProps<T> & Omit<TableFilterPanelProps, 'children' | 'dataSource' | 'onClose'>;
+export declare const AvailableTableFilterPanel: <T>(props: AvailableTableFilterPanelProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+//# sourceMappingURL=available_table_filter_panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"available_table_filter_panel.d.ts","sourceRoot":"","sources":["../../../src/transfer_table/components/available_table_filter_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAkB,MAAM,YAAY,CAAC;AACxD,OAAO,EACL,gBAAgB,EAEhB,KAAK,qBAAqB,EAC3B,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,iCAAiC,CAAC,CAAC;IAClD,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,0BAA0B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IACnF,wBAAwB,EAAE,MAAM,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,8BAA8B,CAAC,CAAC,IAAI,iCAAiC,CAAC,CAAC,CAAC,GAClF,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;AAuCrE,eAAO,MAAM,yBAAyB,EAEjC,CAAC,CAAC,EACL,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KACxE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/transfer_table/components/available_table_filter_panel.js

@@ -0,0 +1,39 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { useSignalValue as m } from "@tcn/state";
+import { TableFilterPanel as b } from "@tcn/ui-table";
+import { Resizable as c, ResizeHandle as u } from "@tcn/ui/utils";
+import x from "react";
+function P({
+  dataSource: r,
+  filterPanelIsOpenBroadcast: n,
+  filterChildren: e,
+  onClickFilterPanelToggle: i,
+  minWidth: o = "200px",
+  maxWidth: a = "400px",
+  width: t = "296px",
+  ...p
+}, s) {
+  return !m(n) || !e ? null : /* @__PURE__ */ f(c, { children: [
+    /* @__PURE__ */ l(
+      b,
+      {
+        ref: s,
+        dataSource: r,
+        onClose: i,
+        minWidth: o,
+        maxWidth: a,
+        width: t,
+        ...p,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ l(u, { position: "end" })
+  ] });
+}
+const v = x.forwardRef(
+  P
+);
+export {
+  v as AvailableTableFilterPanel
+};
+//# sourceMappingURL=available_table_filter_panel.js.map