@alphakits/ui 2.0.7 → 2.0.8

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 (49) hide show
  1. package/dist/badge/component.d.ts +1 -1
  2. package/dist/badge/component.js +19 -19
  3. package/dist/badge/component.js.map +1 -1
  4. package/dist/badge/index.module.css +1 -1
  5. package/dist/badge/index.module.css.js +46 -32
  6. package/dist/badge/index.module.css.js.map +1 -1
  7. package/dist/cell/base/component.d.ts +6 -0
  8. package/dist/cell/base/component.js +69 -37
  9. package/dist/cell/base/component.js.map +1 -1
  10. package/dist/cell/base/index.module.css +1 -1
  11. package/dist/cell/base/index.module.css.js +12 -8
  12. package/dist/cell/base/index.module.css.js.map +1 -1
  13. package/dist/cell/pure/component.d.ts +2 -0
  14. package/dist/cell/pure/component.js +16 -14
  15. package/dist/cell/pure/component.js.map +1 -1
  16. package/dist/cell/pure/index.module.css +1 -1
  17. package/dist/cell/pure/index.module.css.js +16 -14
  18. package/dist/cell/pure/index.module.css.js.map +1 -1
  19. package/dist/filter-tag/component.d.ts +12 -0
  20. package/dist/filter-tag/component.js +38 -0
  21. package/dist/filter-tag/component.js.map +1 -0
  22. package/dist/filter-tag/index.d.ts +1 -0
  23. package/dist/filter-tag/index.js +5 -0
  24. package/dist/filter-tag/index.js.map +1 -0
  25. package/dist/filter-tag/index.module.css +1 -0
  26. package/dist/filter-tag/index.module.css.js +29 -0
  27. package/dist/filter-tag/index.module.css.js.map +1 -0
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +268 -266
  30. package/dist/index.js.map +1 -1
  31. package/dist/table/columns.js +2 -4
  32. package/dist/table/columns.js.map +1 -1
  33. package/dist/table/components/cell/component.d.ts +1 -0
  34. package/dist/table/components/cell/component.js +42 -35
  35. package/dist/table/components/cell/component.js.map +1 -1
  36. package/dist/table/components/cell/index.module.css +1 -1
  37. package/dist/table/components/cell/index.module.css.js +12 -8
  38. package/dist/table/components/cell/index.module.css.js.map +1 -1
  39. package/dist/table/components/cells/index.module.css +1 -1
  40. package/dist/table/components/table-header/index.module.css +1 -1
  41. package/dist/table/index.module.css.js +9 -6
  42. package/dist/table/index.module.css.js.map +1 -1
  43. package/dist/table/table.d.ts +2 -1
  44. package/dist/table/table.js +107 -101
  45. package/dist/table/table.js.map +1 -1
  46. package/dist/table/utils/prepare-rows.d.ts +2 -1
  47. package/dist/table/utils/prepare-rows.js +60 -27
  48. package/dist/table/utils/prepare-rows.js.map +1 -1
  49. package/package.json +1 -1
@@ -1,40 +1,73 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import w from "@alphakits/icons/dist/PhotoM";
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import S from "@alphakits/icons/dist/PhotoM";
3
3
  import { Image as f } from "../../image/component.js";
4
- import { TableCell as v } from "../components/cell/component.js";
5
- function m(n, o, i) {
6
- return n ? typeof n == "string" ? o[n] : typeof n == "function" ? n({ row: o, refetch: i }) : null : null;
4
+ import { TableCell as A } from "../components/cell/component.js";
5
+ function p(t, i, s) {
6
+ return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: s }) : null : null;
7
7
  }
8
- function S(n, o, i) {
9
- return n ? typeof n == "string" ? o[n] : typeof n == "function" ? n({ row: o, refetch: i }) : null : null;
8
+ function z(t, i, s) {
9
+ return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: s }) : null : null;
10
10
  }
11
- function P({ columns: n, data: o, refetch: i }) {
12
- return o.map((r) => ({
13
- row: r,
14
- cells: n.map((t) => {
15
- var p, a, g, d, c, b, y, x, C;
16
- const e = S(((p = t.row) == null ? void 0 : p.title) || t.accessor, r, i);
17
- let u;
18
- if ((a = t.row) != null && a.image) {
19
- const l = m((g = t.row) == null ? void 0 : g.image, r, i);
20
- u = l ? /* @__PURE__ */ s(f, { bgColor: "secondary", src: l, text: e == null ? void 0 : e.toString(), view: "ellipse" }) : /* @__PURE__ */ s(f, { bgColor: "secondary", icon: /* @__PURE__ */ s(w, {}), text: e == null ? void 0 : e.toString(), view: "ellipse" });
21
- } else if ((d = t.row) != null && d.icon) {
22
- const l = m((c = t.row) == null ? void 0 : c.icon, r, i);
23
- u = /* @__PURE__ */ s(f, { icon: l || /* @__PURE__ */ s(w, {}), text: e == null ? void 0 : e.toString(), view: "ellipse" });
24
- } else (b = t.row) != null && b.customAddon && (u = m((y = t.row) == null ? void 0 : y.customAddon, r, i));
25
- return /* @__PURE__ */ s(
26
- v,
11
+ function R({
12
+ columns: t,
13
+ view: i = "default",
14
+ data: s,
15
+ refetch: u
16
+ }) {
17
+ const m = i === "compact";
18
+ return s.map((o) => ({
19
+ row: o,
20
+ cells: t.map((n) => {
21
+ var g, c, d, x, b, y, C, v, w;
22
+ const e = z(((g = n.row) == null ? void 0 : g.title) || n.accessor, o, u);
23
+ let l;
24
+ if ((c = n.row) != null && c.image) {
25
+ const a = p((d = n.row) == null ? void 0 : d.image, o, u);
26
+ l = a ? /* @__PURE__ */ r(
27
+ f,
28
+ {
29
+ bgColor: "secondary",
30
+ src: a,
31
+ text: e == null ? void 0 : e.toString(),
32
+ view: "ellipse",
33
+ size: m ? "xs" : "m"
34
+ }
35
+ ) : /* @__PURE__ */ r(
36
+ f,
37
+ {
38
+ bgColor: "secondary",
39
+ icon: /* @__PURE__ */ r(S, {}),
40
+ text: e == null ? void 0 : e.toString(),
41
+ view: "ellipse",
42
+ size: m ? "xs" : "m"
43
+ }
44
+ );
45
+ } else if ((x = n.row) != null && x.icon) {
46
+ const a = p((b = n.row) == null ? void 0 : b.icon, o, u);
47
+ l = /* @__PURE__ */ r(
48
+ f,
49
+ {
50
+ icon: a || /* @__PURE__ */ r(S, {}),
51
+ text: e == null ? void 0 : e.toString(),
52
+ view: "ellipse",
53
+ size: m ? "xs" : "m"
54
+ }
55
+ );
56
+ } else (y = n.row) != null && y.customAddon && (l = p((C = n.row) == null ? void 0 : C.customAddon, o, u));
57
+ return /* @__PURE__ */ r(
58
+ A,
27
59
  {
28
60
  title: e,
29
- align: t.align,
30
- subtitle: ((x = t.row) == null ? void 0 : x.subtitle) && S((C = t.row) == null ? void 0 : C.subtitle, r, i),
31
- addon: u
61
+ align: n.align,
62
+ compact: m,
63
+ subtitle: m ? void 0 : ((v = n.row) == null ? void 0 : v.subtitle) && z((w = n.row) == null ? void 0 : w.subtitle, o, u),
64
+ addon: l
32
65
  }
33
66
  );
34
67
  })
35
68
  }));
36
69
  }
37
70
  export {
38
- P as prepareRows
71
+ R as prepareRows
39
72
  };
40
73
  //# sourceMappingURL=prepare-rows.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"prepare-rows.js","sources":["../../../src/table/utils/prepare-rows.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React, { ReactNode } from 'react';\nimport PhotoM from '@alphakits/icons/dist/PhotoM';\n\nimport { Image } from '../../image';\nimport { TableCell } from '../components/cell';\nimport { TableProps } from '../table';\n\ntype Props<T extends object> = {\n columns: TableProps<T>['columns'];\n data: T[];\n refetch: () => void;\n};\n\nfunction getCellNode<T extends object>(row: unknown, record: T, refetch: () => void) {\n if (!row) return null;\n\n if (typeof row === 'string') return record[row as keyof T];\n\n if (typeof row === 'function') return row({ row: record, refetch });\n\n return null;\n}\n\nfunction getCellValue<T extends object>(\n row: unknown,\n record: T,\n refetch: () => void,\n): string | ReactNode {\n if (!row) return null;\n\n if (typeof row === 'string') return record[row as keyof T];\n\n if (typeof row === 'function') return row({ row: record, refetch });\n\n return null;\n}\n\nexport function prepareRows<T extends object>({ columns, data, refetch }: Props<T>) {\n const rows = data.map((row) => ({\n row,\n cells: columns.map((col) => {\n const title = getCellValue(col.row?.title || col.accessor, row, refetch);\n\n let addon;\n\n if (col.row?.image) {\n const imageSrc = getCellNode(col.row?.image, row, refetch);\n\n addon = imageSrc ? (\n <Image bgColor=\"secondary\" src={ imageSrc } text={ title?.toString() } view=\"ellipse\" />\n ) : (\n <Image bgColor=\"secondary\" icon={ <PhotoM /> } text={ title?.toString() } view=\"ellipse\" />\n );\n } else if (col.row?.icon) {\n const iconNode = getCellNode(col.row?.icon, row, refetch);\n\n addon = (\n <Image icon={ iconNode || <PhotoM /> } text={ title?.toString() } view=\"ellipse\" />\n );\n } else if (col.row?.customAddon) {\n addon = getCellNode(col.row?.customAddon, row, refetch);\n }\n\n return (\n <TableCell\n title={ title }\n align={ col.align }\n subtitle={ col.row?.subtitle && getCellValue(col.row?.subtitle, row, refetch) }\n addon={ addon }\n />\n );\n }),\n }));\n\n return rows;\n}\n"],"names":["getCellNode","row","record","refetch","getCellValue","prepareRows","columns","data","col","title","_a","addon","_b","imageSrc","_c","jsx","Image","PhotoM","_d","iconNode","_e","_f","_g","TableCell","_h","_i"],"mappings":";;;;AAcA,SAASA,EAA8BC,GAAcC,GAAWC,GAAqB;AACjF,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEA,SAASC,EACLH,GACAC,GACAC,GACkB;AAClB,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEO,SAASE,EAA8B,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAJ,KAAqB;AAqChF,SApCaI,EAAK,IAAI,CAACN,OAAS;AAAA,IAC5B,KAAAA;AAAA,IACA,OAAOK,EAAQ,IAAI,CAACE,MAAQ;;AACxB,YAAMC,IAAQL,IAAaM,IAAAF,EAAI,QAAJ,gBAAAE,EAAS,UAASF,EAAI,UAAUP,GAAKE,CAAO;AAEvE,UAAIQ;AAEJ,WAAIC,IAAAJ,EAAI,QAAJ,QAAAI,EAAS,OAAO;AAChB,cAAMC,IAAWb,GAAYc,IAAAN,EAAI,QAAJ,gBAAAM,EAAS,OAAOb,GAAKE,CAAO;AAEzD,QAAAQ,IAAQE,IACJ,gBAAAE,EAACC,GAAA,EAAM,SAAQ,aAAY,KAAMH,GAAW,MAAOJ,KAAA,gBAAAA,EAAO,YAAa,MAAK,UAAA,CAAU,IAEtF,gBAAAM,EAACC,GAAA,EAAM,SAAQ,aAAY,MAAO,gBAAAD,EAACE,GAAA,CAAA,CAAO,GAAK,MAAOR,KAAA,gBAAAA,EAAO,YAAa,MAAK,UAAA,CAAU;AAAA,MAEjG,YAAWS,IAAAV,EAAI,QAAJ,QAAAU,EAAS,MAAM;AACtB,cAAMC,IAAWnB,GAAYoB,IAAAZ,EAAI,QAAJ,gBAAAY,EAAS,MAAMnB,GAAKE,CAAO;AAExD,QAAAQ,IACI,gBAAAI,EAACC,GAAA,EAAM,MAAOG,KAAY,gBAAAJ,EAACE,GAAA,CAAA,CAAO,GAAK,MAAOR,KAAA,gBAAAA,EAAO,YAAa,MAAK,WAAU;AAAA,MAEzF,MAAA,EAAWY,IAAAb,EAAI,QAAJ,QAAAa,EAAS,gBAChBV,IAAQX,GAAYsB,IAAAd,EAAI,QAAJ,gBAAAc,EAAS,aAAarB,GAAKE,CAAO;AAG1D,aACI,gBAAAY;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,OAAAd;AAAA,UACA,OAAQD,EAAI;AAAA,UACZ,YAAWgB,IAAAhB,EAAI,QAAJ,gBAAAgB,EAAS,aAAYpB,GAAaqB,IAAAjB,EAAI,QAAJ,gBAAAiB,EAAS,UAAUxB,GAAKE,CAAO;AAAA,UAC5E,OAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,CAAC;AAAA,EAAA,EACH;AAGN;"}
1
+ {"version":3,"file":"prepare-rows.js","sources":["../../../src/table/utils/prepare-rows.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React, { ReactNode } from 'react';\nimport PhotoM from '@alphakits/icons/dist/PhotoM';\n\nimport { Image } from '../../image';\nimport { TableCell } from '../components/cell';\nimport { TableProps } from '../table';\n\ntype Props<T extends object> = {\n columns: TableProps<T>['columns'];\n view: TableProps<T>['view'];\n data: T[];\n refetch: () => void;\n};\n\nfunction getCellNode<T extends object>(row: unknown, record: T, refetch: () => void) {\n if (!row) return null;\n\n if (typeof row === 'string') return record[row as keyof T];\n\n if (typeof row === 'function') return row({ row: record, refetch });\n\n return null;\n}\n\nfunction getCellValue<T extends object>(\n row: unknown,\n record: T,\n refetch: () => void,\n): string | ReactNode {\n if (!row) return null;\n\n if (typeof row === 'string') return record[row as keyof T];\n\n if (typeof row === 'function') return row({ row: record, refetch });\n\n return null;\n}\n\nexport function prepareRows<T extends object>({\n columns,\n view = 'default',\n data,\n refetch,\n}: Props<T>) {\n const isCompact = view === 'compact';\n const rows = data.map((row) => ({\n row,\n cells: columns.map((col) => {\n const title = getCellValue(col.row?.title || col.accessor, row, refetch);\n\n let addon;\n\n if (col.row?.image) {\n const imageSrc = getCellNode(col.row?.image, row, refetch);\n\n addon = imageSrc ? (\n <Image\n bgColor=\"secondary\"\n src={ imageSrc }\n text={ title?.toString() }\n view=\"ellipse\"\n size={ isCompact ? 'xs' : 'm' }\n />\n ) : (\n <Image\n bgColor=\"secondary\"\n icon={ <PhotoM /> }\n text={ title?.toString() }\n view=\"ellipse\"\n size={ isCompact ? 'xs' : 'm' }\n />\n );\n } else if (col.row?.icon) {\n const iconNode = getCellNode(col.row?.icon, row, refetch);\n\n addon = (\n <Image\n icon={ iconNode || <PhotoM /> }\n text={ title?.toString() }\n view=\"ellipse\"\n size={ isCompact ? 'xs' : 'm' }\n />\n );\n } else if (col.row?.customAddon) {\n addon = getCellNode(col.row?.customAddon, row, refetch);\n }\n\n return (\n <TableCell\n title={ title }\n align={ col.align }\n compact={ isCompact }\n subtitle={\n isCompact\n ? undefined\n : (col.row?.subtitle && getCellValue(col.row?.subtitle, row, refetch))\n }\n addon={ addon }\n />\n );\n }),\n }));\n\n return rows;\n}\n"],"names":["getCellNode","row","record","refetch","getCellValue","prepareRows","columns","view","data","isCompact","col","title","_a","addon","_b","imageSrc","_c","jsx","Image","PhotoM","_d","iconNode","_e","_f","_g","TableCell","_h","_i"],"mappings":";;;;AAeA,SAASA,EAA8BC,GAAcC,GAAWC,GAAqB;AACjF,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEA,SAASC,EACLH,GACAC,GACAC,GACkB;AAClB,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEO,SAASE,EAA8B;AAAA,EAC1C,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,SAAAL;AACJ,GAAa;AACT,QAAMM,IAAYF,MAAS;AA2D3B,SA1DaC,EAAK,IAAI,CAACP,OAAS;AAAA,IAC5B,KAAAA;AAAA,IACA,OAAOK,EAAQ,IAAI,CAACI,MAAQ;;AACxB,YAAMC,IAAQP,IAAaQ,IAAAF,EAAI,QAAJ,gBAAAE,EAAS,UAASF,EAAI,UAAUT,GAAKE,CAAO;AAEvE,UAAIU;AAEJ,WAAIC,IAAAJ,EAAI,QAAJ,QAAAI,EAAS,OAAO;AAChB,cAAMC,IAAWf,GAAYgB,IAAAN,EAAI,QAAJ,gBAAAM,EAAS,OAAOf,GAAKE,CAAO;AAEzD,QAAAU,IAAQE,IACJ,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,KAAMH;AAAA,YACN,MAAOJ,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA,IAG9B,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,wBAAQC,GAAA,EAAO;AAAA,YACf,MAAOR,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGtC,YAAWW,IAAAV,EAAI,QAAJ,QAAAU,EAAS,MAAM;AACtB,cAAMC,IAAWrB,GAAYsB,IAAAZ,EAAI,QAAJ,gBAAAY,EAAS,MAAMrB,GAAKE,CAAO;AAExD,QAAAU,IACI,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAOG,KAAY,gBAAAJ,EAACE,GAAA,CAAA,CAAO;AAAA,YAC3B,MAAOR,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGtC,MAAA,EAAWc,IAAAb,EAAI,QAAJ,QAAAa,EAAS,gBAChBV,IAAQb,GAAYwB,IAAAd,EAAI,QAAJ,gBAAAc,EAAS,aAAavB,GAAKE,CAAO;AAG1D,aACI,gBAAAc;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,OAAAd;AAAA,UACA,OAAQD,EAAI;AAAA,UACZ,SAAUD;AAAA,UACV,UACIA,IACM,WACCiB,IAAAhB,EAAI,QAAJ,gBAAAgB,EAAS,aAAYtB,GAAauB,IAAAjB,EAAI,QAAJ,gBAAAiB,EAAS,UAAU1B,GAAKE,CAAO;AAAA,UAE5E,OAAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,CAAC;AAAA,EAAA,EACH;AAGN;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alphakits/ui",
3
- "version": "2.0.7",
3
+ "version": "2.0.8",
4
4
  "files": [
5
5
  "dist"
6
6
  ],