@tcn/ui-table 2.3.11 → 2.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/table_filter_panel/table_filter_panel.d.ts +4 -3
  2. package/dist/components/table_filter_panel/table_filter_panel.d.ts.map +1 -1
  3. package/dist/components/table_filter_panel/table_filter_panel.js +40 -31
  4. package/dist/components/table_filter_panel/table_filter_panel.js.map +1 -1
  5. package/package.json +6 -6
  6. package/src/components/table_filter_panel/table_filter_panel.tsx +9 -4
package/dist/components/table_filter_panel/table_filter_panel.d.ts CHANGED
@@ -2,11 +2,12 @@ import { DataSource } from '@tcn/resource-store';
2
2
  import { ReactElement } from 'react';
3
3
  import { FieldFilterProps } from './field_filters/field_filter_props.js';
4
4
  import { TableFilterPanelPresenter } from './table_filter_panel_presenter.js';
5
- export type TableFilterPanelProps = {
5
+ import { PanelProps } from '@tcn/ui/surfaces';
6
+ export interface TableFilterPanelProps extends Omit<PanelProps, 'children'> {
6
7
  children: ReactElement<FieldFilterProps>[] | ReactElement<FieldFilterProps>;
7
8
  dataSource: DataSource<any>;
8
9
  onClose?: () => void;
9
- };
10
- export declare function TableFilterPanel({ children, dataSource, onClose, }: TableFilterPanelProps): import("react/jsx-runtime").JSX.Element;
10
+ }
11
+ export declare function TableFilterPanel({ children, dataSource, className, onClose, ...props }: TableFilterPanelProps): import("react/jsx-runtime").JSX.Element;
11
12
  export declare const TableFilterPanelContext: import('react').Context<TableFilterPanelPresenter<unknown> | null>;
12
13
  //# sourceMappingURL=table_filter_panel.d.ts.map
package/dist/components/table_filter_panel/table_filter_panel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table_filter_panel.d.ts","sourceRoot":"","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,YAAY,EAA2B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAQ9E,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,2CA6BvB;AAED,eAAO,MAAM,uBAAuB,oEAEnC,CAAC"}
1
+ {"version":3,"file":"table_filter_panel.d.ts","sourceRoot":"","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,YAAY,EAA2B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAO1D,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgCvB;AAED,eAAO,MAAM,uBAAuB,oEAEnC,CAAC"}
package/dist/components/table_filter_panel/table_filter_panel.js CHANGED
@@ -1,44 +1,53 @@
1
1
  import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
- import { createContext as o, useState as c } from "react";
3
- import { TableFilterPanelPresenter as s } from "./table_filter_panel_presenter.js";
4
- import { Panel as b } from "@tcn/ui/surfaces";
5
- import { Header as p, VBody as f, Section as m } from "@tcn/ui/layouts";
6
- import { Spacer as d } from "@tcn/ui/stacks";
7
- import { Button as y } from "@tcn/ui/actions";
8
- import { CrossIcon as u } from "@tcn/icons/cross_icon.js";
9
- import '../../table_filter_panel.css';const P = "_table-filter-panel_124e30e", h = "_table-filter-panel-body_c016eb0", F = "_table-filter-panel-section_cfd2eb9", t = { "table-filter-panel": P, "table-filter-panel-body": h, "table-filter-panel-section": F };
10
- function v({
2
+ import { createContext as s, useState as b } from "react";
3
+ import { TableFilterPanelPresenter as p } from "./table_filter_panel_presenter.js";
4
+ import { Panel as f } from "@tcn/ui/surfaces";
5
+ import { Header as m, VBody as d, Section as y } from "@tcn/ui/layouts";
6
+ import { Spacer as u } from "@tcn/ui/stacks";
7
+ import { Button as P } from "@tcn/ui/actions";
8
+ import { CrossIcon as h } from "@tcn/icons/cross_icon.js";
9
+ import '../../table_filter_panel.css';const F = "_table-filter-panel_124e30e", _ = "_table-filter-panel-body_c016eb0", x = "_table-filter-panel-section_cfd2eb9", t = { "table-filter-panel": F, "table-filter-panel-body": _, "table-filter-panel-section": x };
10
+ function w({
11
11
  children: a,
12
12
  dataSource: n,
13
- onClose: l
13
+ className: i,
14
+ onClose: l,
15
+ ...o
14
16
  }) {
15
- const [i] = c(() => new s(n));
16
- return /* @__PURE__ */ e(_.Provider, { value: i, children: /* @__PURE__ */ r(b, { className: `${t["table-filter-panel"]} tcn-table-filter-panel`, children: [
17
- /* @__PURE__ */ r(p, { children: [
18
- "Table Filters",
19
- /* @__PURE__ */ e(d, {}),
20
- l && /* @__PURE__ */ e(y, { utility: !0, hierarchy: "tertiary", onClick: l, children: /* @__PURE__ */ e(u, {}) })
21
- ] }),
22
- /* @__PURE__ */ e(
23
- f,
24
- {
25
- className: `${t["table-filter-panel-body"]} tcn-table-filter-panel-body`,
26
- children: /* @__PURE__ */ e(
27
- m,
17
+ const [c] = b(() => new p(n));
18
+ return /* @__PURE__ */ e(S.Provider, { value: c, children: /* @__PURE__ */ r(
19
+ f,
20
+ {
21
+ className: `${t["table-filter-panel"]} tcn-table-filter-panel ${i}`,
22
+ ...o,
23
+ children: [
24
+ /* @__PURE__ */ r(m, { children: [
25
+ "Table Filters",
26
+ /* @__PURE__ */ e(u, {}),
27
+ l && /* @__PURE__ */ e(P, { utility: !0, hierarchy: "tertiary", onClick: l, children: /* @__PURE__ */ e(h, {}) })
28
+ ] }),
29
+ /* @__PURE__ */ e(
30
+ d,
28
31
  {
29
- className: `${t["table-filter-panel-section"]} tcn-table-filter-panel-section`,
30
- children: a
32
+ className: `${t["table-filter-panel-body"]} tcn-table-filter-panel-body`,
33
+ children: /* @__PURE__ */ e(
34
+ y,
35
+ {
36
+ className: `${t["table-filter-panel-section"]} tcn-table-filter-panel-section`,
37
+ children: a
38
+ }
39
+ )
31
40
  }
32
41
  )
33
- }
34
- )
35
- ] }) });
42
+ ]
43
+ }
44
+ ) });
36
45
  }
37
- const _ = o(
46
+ const S = s(
38
47
  null
39
48
  );
40
49
  export {
41
- v as TableFilterPanel,
42
- _ as TableFilterPanelContext
50
+ w as TableFilterPanel,
51
+ S as TableFilterPanelContext
43
52
  };
44
53
  //# sourceMappingURL=table_filter_panel.js.map
package/dist/components/table_filter_panel/table_filter_panel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table_filter_panel.js","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"sourcesContent":["import { DataSource } from '@tcn/resource-store';\nimport { ReactElement, useState, createContext } from 'react';\nimport { FieldFilterProps } from './field_filters/field_filter_props.js';\nimport { TableFilterPanelPresenter } from './table_filter_panel_presenter.js';\nimport { Panel } from '@tcn/ui/surfaces';\nimport { Header, Section, VBody } from '@tcn/ui/layouts';\nimport styles from './table_filter_panel.module.css';\nimport { Spacer } from '@tcn/ui/stacks';\nimport { Button } from '@tcn/ui/actions';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\n\nexport type TableFilterPanelProps = {\n children: ReactElement<FieldFilterProps>[] | ReactElement<FieldFilterProps>;\n dataSource: DataSource<any>;\n onClose?: () => void;\n};\n\nexport function TableFilterPanel({\n children,\n dataSource,\n onClose,\n}: TableFilterPanelProps) {\n const [presenter] = useState(() => {\n return new TableFilterPanelPresenter(dataSource);\n });\n\n return (\n <TableFilterPanelContext.Provider value={presenter}>\n <Panel className={`${styles['table-filter-panel']} tcn-table-filter-panel`}>\n <Header>\n Table Filters\n <Spacer />\n {onClose && (\n <Button utility hierarchy=\"tertiary\" onClick={onClose}>\n <CrossIcon />\n </Button>\n )}\n </Header>\n <VBody\n className={`${styles['table-filter-panel-body']} tcn-table-filter-panel-body`}\n >\n <Section\n className={`${styles['table-filter-panel-section']} tcn-table-filter-panel-section`}\n >\n {children}\n </Section>\n </VBody>\n </Panel>\n </TableFilterPanelContext.Provider>\n );\n}\n\nexport const TableFilterPanelContext = createContext<TableFilterPanelPresenter | null>(\n null\n);\n"],"names":["TableFilterPanel","children","dataSource","onClose","presenter","useState","TableFilterPanelPresenter","jsx","TableFilterPanelContext","jsxs","Panel","styles","Header","Spacer","Button","CrossIcon","VBody","Section","createContext"],"mappings":";;;;;;;;;AAiBO,SAASA,EAAiB;AAAA,EAC/B,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA0B;AACxB,QAAM,CAACC,CAAS,IAAIC,EAAS,MACpB,IAAIC,EAA0BJ,CAAU,CAChD;AAED,SACE,gBAAAK,EAACC,EAAwB,UAAxB,EAAiC,OAAOJ,GACvC,UAAA,gBAAAK,EAACC,GAAA,EAAM,WAAW,GAAGC,EAAO,oBAAoB,CAAC,2BAC/C,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAO,UAAA;AAAA,MAAA;AAAA,wBAELC,GAAA,EAAO;AAAA,MACPV,KACC,gBAAAI,EAACO,GAAA,EAAO,SAAO,IAAC,WAAU,YAAW,SAASX,GAC5C,UAAA,gBAAAI,EAACQ,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,WAAW,GAAGL,EAAO,yBAAyB,CAAC;AAAA,QAE/C,UAAA,gBAAAJ;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,WAAW,GAAGN,EAAO,4BAA4B,CAAC;AAAA,YAEjD,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;AAEO,MAAMO,IAA0BU;AAAA,EACrC;AACF;"}
1
+ {"version":3,"file":"table_filter_panel.js","sources":["../../../src/components/table_filter_panel/table_filter_panel.tsx"],"sourcesContent":["import { DataSource } from '@tcn/resource-store';\nimport { ReactElement, useState, createContext } from 'react';\nimport { FieldFilterProps } from './field_filters/field_filter_props.js';\nimport { TableFilterPanelPresenter } from './table_filter_panel_presenter.js';\nimport { Panel, type PanelProps } from '@tcn/ui/surfaces';\nimport { Header, Section, VBody } from '@tcn/ui/layouts';\nimport styles from './table_filter_panel.module.css';\nimport { Spacer } from '@tcn/ui/stacks';\nimport { Button } from '@tcn/ui/actions';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\n\nexport interface TableFilterPanelProps extends Omit<PanelProps, 'children'> {\n children: ReactElement<FieldFilterProps>[] | ReactElement<FieldFilterProps>;\n dataSource: DataSource<any>;\n onClose?: () => void;\n}\n\nexport function TableFilterPanel({\n children,\n dataSource,\n className,\n onClose,\n ...props\n}: TableFilterPanelProps) {\n const [presenter] = useState(() => {\n return new TableFilterPanelPresenter(dataSource);\n });\n\n return (\n <TableFilterPanelContext.Provider value={presenter}>\n <Panel\n className={`${styles['table-filter-panel']} tcn-table-filter-panel ${className}`}\n {...props}\n >\n <Header>\n Table Filters\n <Spacer />\n {onClose && (\n <Button utility hierarchy=\"tertiary\" onClick={onClose}>\n <CrossIcon />\n </Button>\n )}\n </Header>\n <VBody\n className={`${styles['table-filter-panel-body']} tcn-table-filter-panel-body`}\n >\n <Section\n className={`${styles['table-filter-panel-section']} tcn-table-filter-panel-section`}\n >\n {children}\n </Section>\n </VBody>\n </Panel>\n </TableFilterPanelContext.Provider>\n );\n}\n\nexport const TableFilterPanelContext = createContext<TableFilterPanelPresenter | null>(\n null\n);\n"],"names":["TableFilterPanel","children","dataSource","className","onClose","props","presenter","useState","TableFilterPanelPresenter","jsx","TableFilterPanelContext","jsxs","Panel","styles","Header","Spacer","Button","CrossIcon","VBody","Section","createContext"],"mappings":";;;;;;;;;AAiBO,SAASA,EAAiB;AAAA,EAC/B,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAM,CAACC,CAAS,IAAIC,EAAS,MACpB,IAAIC,EAA0BN,CAAU,CAChD;AAED,SACE,gBAAAO,EAACC,EAAwB,UAAxB,EAAiC,OAAOJ,GACvC,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGC,EAAO,oBAAoB,CAAC,2BAA2BV,CAAS;AAAA,MAC7E,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACG,GAAA,EAAO,UAAA;AAAA,UAAA;AAAA,4BAELC,GAAA,EAAO;AAAA,UACPX,KACC,gBAAAK,EAACO,GAAA,EAAO,SAAO,IAAC,WAAU,YAAW,SAASZ,GAC5C,UAAA,gBAAAK,EAACQ,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,WAAW,GAAGL,EAAO,yBAAyB,CAAC;AAAA,YAE/C,UAAA,gBAAAJ;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,WAAW,GAAGN,EAAO,4BAA4B,CAAC;AAAA,gBAEjD,UAAAZ;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAMS,IAA0BU;AAAA,EACrC;AACF;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tcn/ui-table",
3
- "version": "2.3.11",
3
+ "version": "2.3.13",
4
4
  "type": "module",
5
5
  "description": "React table component library",
6
6
  "author": "TCN",
@@ -39,11 +39,11 @@
39
39
  ],
40
40
  "dependencies": {
41
41
  "clarity-pattern-parser": "^11.5.4",
42
- "@tcn/aip-160": "1.2.5",
43
- "@tcn/resource-store": "2.5.1",
44
- "@tcn/state": "1.2.0",
45
- "@tcn/ui": "0.12.2",
46
- "@tcn/icons": "2.3.0"
42
+ "@tcn/ui": "0.12.4",
43
+ "@tcn/icons": "2.3.0",
44
+ "@tcn/resource-store": "2.5.2",
45
+ "@tcn/state": "1.2.1",
46
+ "@tcn/aip-160": "1.2.5"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "react": "^18.2.0",
package/src/components/table_filter_panel/table_filter_panel.tsx CHANGED
@@ -2,23 +2,25 @@ import { DataSource } from '@tcn/resource-store';
2
2
  import { ReactElement, useState, createContext } from 'react';
3
3
  import { FieldFilterProps } from './field_filters/field_filter_props.js';
4
4
  import { TableFilterPanelPresenter } from './table_filter_panel_presenter.js';
5
- import { Panel } from '@tcn/ui/surfaces';
5
+ import { Panel, type PanelProps } from '@tcn/ui/surfaces';
6
6
  import { Header, Section, VBody } from '@tcn/ui/layouts';
7
7
  import styles from './table_filter_panel.module.css';
8
8
  import { Spacer } from '@tcn/ui/stacks';
9
9
  import { Button } from '@tcn/ui/actions';
10
10
  import { CrossIcon } from '@tcn/icons/cross_icon.js';
11
11
 
12
- export type TableFilterPanelProps = {
12
+ export interface TableFilterPanelProps extends Omit<PanelProps, 'children'> {
13
13
  children: ReactElement<FieldFilterProps>[] | ReactElement<FieldFilterProps>;
14
14
  dataSource: DataSource<any>;
15
15
  onClose?: () => void;
16
- };
16
+ }
17
17
 
18
18
  export function TableFilterPanel({
19
19
  children,
20
20
  dataSource,
21
+ className,
21
22
  onClose,
23
+ ...props
22
24
  }: TableFilterPanelProps) {
23
25
  const [presenter] = useState(() => {
24
26
  return new TableFilterPanelPresenter(dataSource);
@@ -26,7 +28,10 @@ export function TableFilterPanel({
26
28
 
27
29
  return (
28
30
  <TableFilterPanelContext.Provider value={presenter}>
29
- <Panel className={`${styles['table-filter-panel']} tcn-table-filter-panel`}>
31
+ <Panel
32
+ className={`${styles['table-filter-panel']} tcn-table-filter-panel ${className}`}
33
+ {...props}
34
+ >
30
35
  <Header>
31
36
  Table Filters
32
37
  <Spacer />