@solidxai/core-ui 0.1.4-beta.1 → 0.1.4-beta.2

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 (118) hide show
  1. package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.d.ts.map +1 -1
  2. package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.js +8 -0
  3. package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.js.map +1 -1
  4. package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx +8 -0
  5. package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.d.ts +2 -0
  6. package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.d.ts.map +1 -0
  7. package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js +34 -0
  8. package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js.map +1 -0
  9. package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx +83 -0
  10. package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map +1 -1
  11. package/dist/components/core/common/SolidGlobalSearchElement.js +0 -3
  12. package/dist/components/core/common/SolidGlobalSearchElement.js.map +1 -1
  13. package/dist/components/core/common/SolidGlobalSearchElement.tsx +0 -4
  14. package/dist/components/core/dashboard/SolidDashboard.d.ts +1 -1
  15. package/dist/components/core/dashboard/SolidDashboard.d.ts.map +1 -1
  16. package/dist/components/core/dashboard/SolidDashboard.js.map +1 -1
  17. package/dist/components/core/dashboard/SolidDashboard.tsx +1 -1
  18. package/dist/components/core/dashboard/SolidDashboardVariable.js +1 -1
  19. package/dist/components/core/dashboard/SolidDashboardVariable.js.map +1 -1
  20. package/dist/components/core/dashboard/SolidDashboardVariable.tsx +1 -1
  21. package/dist/components/core/list/SolidListView.d.ts.map +1 -1
  22. package/dist/components/core/list/SolidListView.js +67 -67
  23. package/dist/components/core/list/SolidListView.js.map +1 -1
  24. package/dist/components/core/list/SolidListView.tsx +8 -9
  25. package/dist/components/core/list/columns/SolidBooleanColumn.d.ts.map +1 -1
  26. package/dist/components/core/list/columns/SolidBooleanColumn.js +1 -24
  27. package/dist/components/core/list/columns/SolidBooleanColumn.js.map +1 -1
  28. package/dist/components/core/list/columns/SolidBooleanColumn.tsx +1 -35
  29. package/dist/components/core/list/columns/SolidDateColumn.d.ts +0 -5
  30. package/dist/components/core/list/columns/SolidDateColumn.d.ts.map +1 -1
  31. package/dist/components/core/list/columns/SolidDateColumn.js +1 -31
  32. package/dist/components/core/list/columns/SolidDateColumn.js.map +1 -1
  33. package/dist/components/core/list/columns/SolidDateColumn.tsx +2 -49
  34. package/dist/components/core/list/columns/SolidDatetimeColumn.d.ts.map +1 -1
  35. package/dist/components/core/list/columns/SolidDatetimeColumn.js +1 -20
  36. package/dist/components/core/list/columns/SolidDatetimeColumn.js.map +1 -1
  37. package/dist/components/core/list/columns/SolidDatetimeColumn.tsx +2 -37
  38. package/dist/components/core/list/columns/SolidExternalIdColumn.d.ts.map +1 -1
  39. package/dist/components/core/list/columns/SolidExternalIdColumn.js +1 -21
  40. package/dist/components/core/list/columns/SolidExternalIdColumn.js.map +1 -1
  41. package/dist/components/core/list/columns/SolidExternalIdColumn.tsx +1 -38
  42. package/dist/components/core/list/columns/SolidIdColumn.d.ts.map +1 -1
  43. package/dist/components/core/list/columns/SolidIdColumn.js +1 -21
  44. package/dist/components/core/list/columns/SolidIdColumn.js.map +1 -1
  45. package/dist/components/core/list/columns/SolidIdColumn.tsx +1 -36
  46. package/dist/components/core/list/columns/SolidIntColumn.d.ts.map +1 -1
  47. package/dist/components/core/list/columns/SolidIntColumn.js +1 -30
  48. package/dist/components/core/list/columns/SolidIntColumn.js.map +1 -1
  49. package/dist/components/core/list/columns/SolidIntColumn.tsx +2 -46
  50. package/dist/components/core/list/columns/SolidMediaMultipleColumn.d.ts.map +1 -1
  51. package/dist/components/core/list/columns/SolidMediaMultipleColumn.js +1 -5
  52. package/dist/components/core/list/columns/SolidMediaMultipleColumn.js.map +1 -1
  53. package/dist/components/core/list/columns/SolidMediaMultipleColumn.tsx +0 -7
  54. package/dist/components/core/list/columns/SolidMediaSingleColumn.d.ts.map +1 -1
  55. package/dist/components/core/list/columns/SolidMediaSingleColumn.js +1 -1
  56. package/dist/components/core/list/columns/SolidMediaSingleColumn.js.map +1 -1
  57. package/dist/components/core/list/columns/SolidMediaSingleColumn.tsx +0 -1
  58. package/dist/components/core/list/columns/SolidSelectionDynamicColumn.d.ts.map +1 -1
  59. package/dist/components/core/list/columns/SolidSelectionDynamicColumn.js +1 -21
  60. package/dist/components/core/list/columns/SolidSelectionDynamicColumn.js.map +1 -1
  61. package/dist/components/core/list/columns/SolidSelectionDynamicColumn.tsx +1 -37
  62. package/dist/components/core/list/columns/SolidSelectionStaticColumn.d.ts.map +1 -1
  63. package/dist/components/core/list/columns/SolidSelectionStaticColumn.js +1 -21
  64. package/dist/components/core/list/columns/SolidSelectionStaticColumn.js.map +1 -1
  65. package/dist/components/core/list/columns/SolidSelectionStaticColumn.tsx +1 -38
  66. package/dist/components/core/list/columns/SolidShortTextColumn.d.ts.map +1 -1
  67. package/dist/components/core/list/columns/SolidShortTextColumn.js +1 -29
  68. package/dist/components/core/list/columns/SolidShortTextColumn.js.map +1 -1
  69. package/dist/components/core/list/columns/SolidShortTextColumn.tsx +3 -45
  70. package/dist/components/core/list/columns/SolidTimeColumn.d.ts.map +1 -1
  71. package/dist/components/core/list/columns/SolidTimeColumn.js +1 -20
  72. package/dist/components/core/list/columns/SolidTimeColumn.js.map +1 -1
  73. package/dist/components/core/list/columns/SolidTimeColumn.tsx +2 -37
  74. package/dist/components/core/list/columns/SolidUuidColumn.d.ts.map +1 -1
  75. package/dist/components/core/list/columns/SolidUuidColumn.js +1 -21
  76. package/dist/components/core/list/columns/SolidUuidColumn.js.map +1 -1
  77. package/dist/components/core/list/columns/SolidUuidColumn.tsx +1 -37
  78. package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.d.ts.map +1 -1
  79. package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.js +1 -17
  80. package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.js.map +1 -1
  81. package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx +2 -35
  82. package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.d.ts.map +1 -1
  83. package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js +1 -15
  84. package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js.map +1 -1
  85. package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx +1 -33
  86. package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.d.ts.map +1 -1
  87. package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.js +1 -15
  88. package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.js.map +1 -1
  89. package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.tsx +1 -31
  90. package/dist/index.d.ts +3 -2
  91. package/dist/index.d.ts.map +1 -1
  92. package/dist/index.js +3 -2
  93. package/dist/index.js.map +1 -1
  94. package/dist/index.ts +5 -2
  95. package/dist/redux/api/fetchBaseQuery.js +4 -5
  96. package/dist/redux/api/fetchBaseQuery.js.map +1 -1
  97. package/dist/redux/api/fetchBaseQuery.tsx +4 -4
  98. package/dist/redux/api/solidSettingsApi.d.ts +2 -1
  99. package/dist/redux/api/solidSettingsApi.d.ts.map +1 -1
  100. package/dist/redux/api/solidSettingsApi.js +4 -1
  101. package/dist/redux/api/solidSettingsApi.js.map +1 -1
  102. package/dist/redux/api/solidSettingsApi.tsx +6 -1
  103. package/dist/redux/store/defaultStoreConfig.d.ts +1 -0
  104. package/dist/redux/store/defaultStoreConfig.d.ts.map +1 -1
  105. package/dist/routes/pages/admin/core/DashboardPage.d.ts +2 -0
  106. package/dist/routes/pages/admin/core/DashboardPage.d.ts.map +1 -0
  107. package/dist/routes/pages/admin/core/DashboardPage.js +14 -0
  108. package/dist/routes/pages/admin/core/DashboardPage.js.map +1 -0
  109. package/dist/routes/pages/admin/core/DashboardPage.tsx +17 -0
  110. package/dist/routes/solidRoutes.d.ts.map +1 -1
  111. package/dist/routes/solidRoutes.js +2 -0
  112. package/dist/routes/solidRoutes.js.map +1 -1
  113. package/dist/routes/solidRoutes.tsx +2 -0
  114. package/dist/routes/types.d.ts +1 -1
  115. package/dist/routes/types.d.ts.map +1 -1
  116. package/dist/routes/types.js.map +1 -1
  117. package/dist/routes/types.ts +1 -0
  118. package/package.json +1 -1
@@ -1,36 +1,10 @@
1
1
 
2
- import { FilterMatchMode } from 'primereact/api';
3
- import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
4
- import { FormEvent } from "primereact/ts-helpers";
2
+ import { Column } from "primereact/column";
5
3
  import { SolidListViewColumnParams } from '../SolidListViewColumn';
6
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
7
- import SolidTableRowCell from '../SolidTableRowCell';
8
4
  import { getExtensionComponent } from '../../../../helpers/registry';
9
5
  import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
10
6
 
11
7
  const SolidSelectionDynamicColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
12
- const filterable = column.attrs.filterable;
13
- const showFilterOperator = false;
14
- const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
15
- const filterMatchModeOptions = [
16
- { label: 'In', value: FilterMatchMode.IN },
17
- { label: 'Not In', value: FilterMatchMode.NOT_IN },
18
- ];
19
-
20
- const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
21
-
22
- return (
23
- <SolidVarInputsFilterElement
24
- values={options.value}
25
- onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
26
- inputType={InputTypes.SelectionDynamic}
27
- solidListViewMetaData={solidListViewMetaData}
28
- fieldMetadata={fieldMetadata}
29
- column={column}
30
- >
31
- </SolidVarInputsFilterElement>
32
- )
33
- }
34
8
 
35
9
  const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
36
10
  const header = column.attrs.label ?? fieldMetadata.displayName;
@@ -39,17 +13,7 @@ const SolidSelectionDynamicColumn = ({ solidListViewMetaData, fieldMetadata, col
39
13
  <Column
40
14
  key={fieldMetadata.name}
41
15
  field={fieldMetadata.name}
42
- // header={header}
43
- // className="text-sm"
44
16
  sortable={column.attrs.sortable}
45
- // filter={filterable}
46
- dataType={columnDataType}
47
- showFilterOperator={showFilterOperator}
48
- filterMatchModeOptions={filterMatchModeOptions}
49
- filterElement={filterTemplate}
50
- filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
51
- // style={{ minWidth: "12rem" }}
52
- // headerClassName="table-header-fs"
53
17
  header={() => {
54
18
  return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
55
19
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"SolidSelectionStaticColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidSelectionStaticColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAOnE,QAAA,MAAM,0BAA0B,qDAAsD,yBAAyB,4CAmE9G,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
1
+ {"version":3,"file":"SolidSelectionStaticColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidSelectionStaticColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAKnE,QAAA,MAAM,0BAA0B,qDAAsD,yBAAyB,4CAkC9G,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
@@ -10,34 +10,14 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
13
- import { FilterMatchMode } from 'primereact/api';
14
13
  import { Column } from "primereact/column";
15
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
16
14
  import { getExtensionComponent } from '../../../../helpers/registry';
17
15
  var SolidSelectionStaticColumn = function (_a) {
18
16
  var _b, _c, _d, _e, _f;
19
17
  var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
20
- var filterable = column.attrs.filterable;
21
- var showFilterOperator = false;
22
- var columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
23
- var filterMatchModeOptions = [
24
- { label: 'In', value: FilterMatchMode.IN },
25
- { label: 'Not In', value: FilterMatchMode.NOT_IN },
26
- ];
27
- var filterTemplate = function (options) {
28
- return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, inputType: InputTypes.SelectionStatic, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
29
- };
30
18
  var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
31
19
  var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
32
- return (_jsx(Column, { field: fieldMetadata.name,
33
- // header={header}
34
- // className="text-sm"
35
- sortable: column.attrs.sortable,
36
- // filter={filterable}
37
- dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName),
38
- // style={{ minWidth: "12rem" }}
39
- // headerClassName="table-header-fs"
40
- header: function () {
20
+ return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, header: function () {
41
21
  return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
42
22
  }, body: function (rowData) {
43
23
  var viewWidget = column.attrs.viewWidget;
@@ -1 +1 @@
1
- {"version":3,"file":"SolidSelectionStaticColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidSelectionStaticColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\n\n\nconst SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';\n const filterMatchModeOptions = [\n { label: 'In', value: FilterMatchMode.IN },\n { label: 'Not In', value: FilterMatchMode.NOT_IN },\n ];\n\n const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n\n return (\n <SolidVarInputsFilterElement\n values={options.value}\n onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n inputType={InputTypes.SelectionStatic}\n solidListViewMetaData={solidListViewMetaData}\n fieldMetadata={fieldMetadata}\n column={column}\n >\n </SolidVarInputsFilterElement>\n )\n }\n\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n // header={header}\n // className=\"text-sm\"\n sortable={column.attrs.sortable}\n // filter={filterable}\n dataType={columnDataType}\n showFilterOperator={showFilterOperator}\n filterMatchModeOptions={filterMatchModeOptions}\n filterElement={filterTemplate}\n filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n // style={{ minWidth: \"12rem\" }}\n // headerClassName=\"table-header-fs\"\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n body={(rowData) => {\n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n ></Column >\n );\n};\n\nexport default SolidSelectionStaticColumn;"]}
1
+ {"version":3,"file":"SolidSelectionStaticColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidSelectionStaticColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAIrE,IAAM,0BAA0B,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAE9E,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,UAAC,OAAO;YACV,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uBAAuB,CAAC;aACxC;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBhB,CACd,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\n\n\nconst SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n sortable={column.attrs.sortable}\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n body={(rowData) => {\n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n ></Column >\n );\n};\n\nexport default SolidSelectionStaticColumn;"]}
@@ -1,39 +1,12 @@
1
1
 
2
- import { FilterMatchMode } from 'primereact/api';
3
- import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
4
- import { FormEvent } from "primereact/ts-helpers";
2
+ import { Column } from "primereact/column";
5
3
  import { SolidListViewColumnParams } from '../SolidListViewColumn';
6
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
7
- import SolidTableRowCell from '../SolidTableRowCell';
8
4
  import { getExtensionComponent } from '../../../../helpers/registry';
9
5
  import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
10
6
 
11
7
 
12
8
  const SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
13
9
 
14
- const filterable = column.attrs.filterable;
15
- const showFilterOperator = false;
16
- const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
17
- const filterMatchModeOptions = [
18
- { label: 'In', value: FilterMatchMode.IN },
19
- { label: 'Not In', value: FilterMatchMode.NOT_IN },
20
- ];
21
-
22
- const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
23
-
24
- return (
25
- <SolidVarInputsFilterElement
26
- values={options.value}
27
- onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
28
- inputType={InputTypes.SelectionStatic}
29
- solidListViewMetaData={solidListViewMetaData}
30
- fieldMetadata={fieldMetadata}
31
- column={column}
32
- >
33
- </SolidVarInputsFilterElement>
34
- )
35
- }
36
-
37
10
  const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
38
11
  const header = column.attrs.label ?? fieldMetadata.displayName;
39
12
 
@@ -41,17 +14,7 @@ const SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, colu
41
14
  <Column
42
15
  key={fieldMetadata.name}
43
16
  field={fieldMetadata.name}
44
- // header={header}
45
- // className="text-sm"
46
17
  sortable={column.attrs.sortable}
47
- // filter={filterable}
48
- dataType={columnDataType}
49
- showFilterOperator={showFilterOperator}
50
- filterMatchModeOptions={filterMatchModeOptions}
51
- filterElement={filterTemplate}
52
- filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
53
- // style={{ minWidth: "12rem" }}
54
- // headerClassName="table-header-fs"
55
18
  header={() => {
56
19
  return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
57
20
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"SolidShortTextColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAItF,OAAO,EAAE,yBAAyB,EAA4E,MAAM,8BAA8B,CAAC;AAEnJ,QAAA,MAAM,oBAAoB,uFAAwF,yBAAyB,4CA+E1I,CAAC;AAEF,eAAe,oBAAoB,CAAC;AAIpC,eAAO,MAAM,qBAAqB,8DAA+D,yBAAyB,4CAuBzH,CAAC"}
1
+ {"version":3,"file":"SolidShortTextColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,OAAO,EAAE,yBAAyB,EAAkC,MAAM,8BAA8B,CAAC;AAEzG,QAAA,MAAM,oBAAoB,uFAAwF,yBAAyB,4CAwC1I,CAAC;AAEF,eAAe,oBAAoB,CAAC;AAIpC,eAAO,MAAM,qBAAqB,8DAA+D,yBAAyB,4CAuBzH,CAAC"}
@@ -10,43 +10,15 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
13
- import { FilterMatchMode } from 'primereact/api';
14
13
  import { Column } from "primereact/column";
15
- import { getNumberOfInputs } from '../SolidListViewColumn';
16
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
17
14
  import SolidTableRowCell from '../SolidTableRowCell';
18
15
  import { getExtensionComponent } from '../../../../helpers/registry';
19
16
  var SolidShortTextColumn = function (_a) {
20
17
  var _b, _c, _d, _e, _f;
21
18
  var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
22
- var filterable = column.attrs.filterable;
23
- var showFilterOperator = false;
24
- var columnDataType = 'text';
25
- var filterMatchModeOptions = [
26
- { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
27
- { label: 'Contains', value: FilterMatchMode.CONTAINS },
28
- { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },
29
- { label: 'Ends With', value: FilterMatchMode.ENDS_WITH },
30
- { label: 'Equals', value: FilterMatchMode.EQUALS },
31
- { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
32
- { label: 'In', value: FilterMatchMode.IN },
33
- { label: 'Not In', value: FilterMatchMode.NOT_IN }
34
- ];
35
- var filterTemplate = function (options) {
36
- var numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
37
- return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
38
- };
39
19
  var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
40
20
  var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
41
- return (_jsx(Column, { field: fieldMetadata.name,
42
- // header={header}
43
- // className="text-sm"
44
- sortable: column.attrs.sortable,
45
- // filter={filterable}
46
- dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName),
47
- // style={{ minWidth: "12rem" }}
48
- // headerClassName="table-header-fs"
49
- header: function () {
21
+ return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, header: function () {
50
22
  return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
51
23
  }, body: function (rowData) {
52
24
  //add this widget to render media image in image format - SolidShortTextFieldImageRenderModeWidget
@@ -1 +1 @@
1
- {"version":3,"file":"SolidShortTextColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps, SolidShortTextImageRenderModeWidgetProps } from '../../../../types/solid-core';\n\nconst SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },\n { label: 'Contains', value: FilterMatchMode.CONTAINS },\n { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },\n { label: 'Ends With', value: FilterMatchMode.ENDS_WITH },\n { label: 'Equals', value: FilterMatchMode.EQUALS },\n { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },\n { label: 'In', value: FilterMatchMode.IN },\n { label: 'Not In', value: FilterMatchMode.NOT_IN }\n ];\n const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);\n\n return (\n <SolidVarInputsFilterElement\n values={options.value}\n onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Text}\n solidListViewMetaData={solidListViewMetaData}\n fieldMetadata={fieldMetadata}\n column={column}\n >\n </SolidVarInputsFilterElement >\n )\n };\n\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n // header={header}\n // className=\"text-sm\"\n sortable={column.attrs.sortable}\n // filter={filterable}\n dataType={columnDataType}\n showFilterOperator={showFilterOperator}\n filterMatchModeOptions={filterMatchModeOptions}\n filterElement={filterTemplate}\n filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n // style={{ minWidth: \"12rem\" }}\n // headerClassName=\"table-header-fs\"\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n\n body={(rowData) => {\n //add this widget to render media image in image format - SolidShortTextFieldImageRenderModeWidget \n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidMediaListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column,\n setLightboxUrls: setLightboxUrls,\n setOpenLightbox: setOpenLightbox\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n\n ></Column >\n );\n\n};\n\nexport default SolidShortTextColumn;\n\n\n\nexport const DefaultTextListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;\n let displayValue = rowData[fieldMetadata.name];\n\n if (fieldMetadata?.selectionStaticValues && displayValue) {\n const mapping: Record<string, string> = {};\n\n fieldMetadata.selectionStaticValues.forEach((entry: string) => {\n const [val, label] = entry.split(\":\");\n mapping[val] = label;\n });\n\n const values = displayValue.split(\",\").map((v: string) => v.trim());\n\n displayValue = values.map((v: string) => mapping[v] || v).join(\", \");\n }\n\n return (\n <SolidTableRowCell\n value={displayValue}\n truncateAfter={truncateAfter}\n />\n );\n};\n"]}
1
+ {"version":3,"file":"SolidShortTextColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidShortTextColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\n\nconst SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n sortable={column.attrs.sortable}\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n\n body={(rowData) => {\n //add this widget to render media image in image format - SolidShortTextFieldImageRenderModeWidget \n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidMediaListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column,\n setLightboxUrls: setLightboxUrls,\n setOpenLightbox: setOpenLightbox\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n\n ></Column >\n );\n\n};\n\nexport default SolidShortTextColumn;\n\n\n\nexport const DefaultTextListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;\n let displayValue = rowData[fieldMetadata.name];\n\n if (fieldMetadata?.selectionStaticValues && displayValue) {\n const mapping: Record<string, string> = {};\n\n fieldMetadata.selectionStaticValues.forEach((entry: string) => {\n const [val, label] = entry.split(\":\");\n mapping[val] = label;\n });\n\n const values = displayValue.split(\",\").map((v: string) => v.trim());\n\n displayValue = values.map((v: string) => mapping[v] || v).join(\", \");\n }\n\n return (\n <SolidTableRowCell\n value={displayValue}\n truncateAfter={truncateAfter}\n />\n );\n};\n"]}
@@ -1,43 +1,11 @@
1
1
 
2
- import { FilterMatchMode } from 'primereact/api';
3
- import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
4
- import { FormEvent } from "primereact/ts-helpers";
5
- import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
6
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
2
+ import { Column } from "primereact/column";
3
+ import { SolidListViewColumnParams } from '../SolidListViewColumn';
7
4
  import SolidTableRowCell from '../SolidTableRowCell';
8
5
  import { getExtensionComponent } from '../../../../helpers/registry';
9
- import { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps, SolidShortTextImageRenderModeWidgetProps } from '../../../../types/solid-core';
6
+ import { SolidListFieldWidgetProps, SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';
10
7
 
11
8
  const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {
12
- const filterable = column.attrs.filterable;
13
- const showFilterOperator = false;
14
- const columnDataType = 'text';
15
- const filterMatchModeOptions = [
16
- { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
17
- { label: 'Contains', value: FilterMatchMode.CONTAINS },
18
- { label: 'Not Contains', value: FilterMatchMode.NOT_CONTAINS },
19
- { label: 'Ends With', value: FilterMatchMode.ENDS_WITH },
20
- { label: 'Equals', value: FilterMatchMode.EQUALS },
21
- { label: 'Not Equals', value: FilterMatchMode.NOT_EQUALS },
22
- { label: 'In', value: FilterMatchMode.IN },
23
- { label: 'Not In', value: FilterMatchMode.NOT_IN }
24
- ];
25
- const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
26
- const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
27
-
28
- return (
29
- <SolidVarInputsFilterElement
30
- values={options.value}
31
- onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
32
- numberOfInputs={numberOfInputs}
33
- inputType={InputTypes.Text}
34
- solidListViewMetaData={solidListViewMetaData}
35
- fieldMetadata={fieldMetadata}
36
- column={column}
37
- >
38
- </SolidVarInputsFilterElement >
39
- )
40
- };
41
9
 
42
10
  const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
43
11
  const header = column.attrs.label ?? fieldMetadata.displayName;
@@ -46,17 +14,7 @@ const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, se
46
14
  <Column
47
15
  key={fieldMetadata.name}
48
16
  field={fieldMetadata.name}
49
- // header={header}
50
- // className="text-sm"
51
17
  sortable={column.attrs.sortable}
52
- // filter={filterable}
53
- dataType={columnDataType}
54
- showFilterOperator={showFilterOperator}
55
- filterMatchModeOptions={filterMatchModeOptions}
56
- filterElement={filterTemplate}
57
- filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
58
- // style={{ minWidth: "12rem" }}
59
- // headerClassName="table-header-fs"
60
18
  header={() => {
61
19
  return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
62
20
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"SolidTimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAOtF,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAiEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"SolidTimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAInE,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAkCnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -11,32 +11,13 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
13
13
  import { Column } from "primereact/column";
14
- import { getNumberOfInputs } from '../SolidListViewColumn';
15
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
16
- import { dateFilterMatchModeOptions } from './SolidDateColumn';
17
14
  import { getExtensionComponent } from "../../../../helpers/registry";
18
15
  var SolidTimeColumn = function (_a) {
19
16
  var _b, _c, _d, _e, _f;
20
17
  var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
21
- var filterable = column.attrs.filterable;
22
- var showFilterOperator = false;
23
- var columnDataType = 'date';
24
- var filterTemplate = function (options) {
25
- var numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
26
- return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, numberOfInputs: numberOfInputs, inputType: InputTypes.Time, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
27
- };
28
- // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
29
18
  var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
30
19
  var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
31
- return (_jsx(Column, { field: fieldMetadata.name,
32
- // header={header}
33
- // className="text-sm"
34
- sortable: column.attrs.sortable,
35
- // filter={filterable}
36
- dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: dateFilterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName),
37
- // style={{ minWidth: "12rem" }}
38
- // headerClassName="table-header-fs"
39
- header: function () {
20
+ return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, header: function () {
40
21
  return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
41
22
  }, body: function (rowData) {
42
23
  var viewWidget = column.attrs.viewWidget;
@@ -1 +1 @@
1
- {"version":3,"file":"SolidTimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport { dateFilterMatchModeOptions } from './SolidDateColumn';\nimport SolidTableRowCell from \"../SolidTableRowCell\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nconst SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'date';\n const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);\n\n return (\n <SolidVarInputsFilterElement\n values={options.value}\n onChange={(e: FormEvent<Date>) => options.filterCallback(e, options.index)}\n numberOfInputs={numberOfInputs}\n inputType={InputTypes.Time}\n solidListViewMetaData={solidListViewMetaData}\n fieldMetadata={fieldMetadata}\n column={column}\n >\n </SolidVarInputsFilterElement >\n )\n };\n\n // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n // header={header}\n // className=\"text-sm\"\n sortable={column.attrs.sortable}\n // filter={filterable}\n dataType={columnDataType}\n showFilterOperator={showFilterOperator}\n filterMatchModeOptions={dateFilterMatchModeOptions}\n filterElement={filterTemplate}\n filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n // style={{ minWidth: \"12rem\" }}\n // headerClassName=\"table-header-fs\"\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n body={(rowData) => {\n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n ></Column>\n );\n\n};\n\nexport default SolidTimeColumn;"]}
1
+ {"version":3,"file":"SolidTimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidTimeColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,IAAM,eAAe,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACnE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,UAAC,OAAO;YACV,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uBAAuB,CAAC;aACxC;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nconst SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n sortable={column.attrs.sortable}\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n body={(rowData) => {\n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n ></Column>\n );\n\n};\n\nexport default SolidTimeColumn;"]}
@@ -1,35 +1,10 @@
1
1
 
2
- import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
3
- import { FormEvent } from "primereact/ts-helpers";
4
- import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
5
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
6
- import { dateFilterMatchModeOptions } from './SolidDateColumn';
7
- import SolidTableRowCell from "../SolidTableRowCell";
2
+ import { Column } from "primereact/column";
3
+ import { SolidListViewColumnParams } from '../SolidListViewColumn';
8
4
  import { getExtensionComponent } from "../../../../helpers/registry";
9
5
  import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
10
6
 
11
7
  const SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
12
- const filterable = column.attrs.filterable;
13
- const showFilterOperator = false;
14
- const columnDataType = 'date';
15
- const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
16
- const numberOfInputs = getNumberOfInputs(options.filterModel.matchMode);
17
-
18
- return (
19
- <SolidVarInputsFilterElement
20
- values={options.value}
21
- onChange={(e: FormEvent<Date>) => options.filterCallback(e, options.index)}
22
- numberOfInputs={numberOfInputs}
23
- inputType={InputTypes.Time}
24
- solidListViewMetaData={solidListViewMetaData}
25
- fieldMetadata={fieldMetadata}
26
- column={column}
27
- >
28
- </SolidVarInputsFilterElement >
29
- )
30
- };
31
-
32
- // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
33
8
  const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
34
9
  const header = column.attrs.label ?? fieldMetadata.displayName;
35
10
 
@@ -37,17 +12,7 @@ const SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: Solid
37
12
  <Column
38
13
  key={fieldMetadata.name}
39
14
  field={fieldMetadata.name}
40
- // header={header}
41
- // className="text-sm"
42
15
  sortable={column.attrs.sortable}
43
- // filter={filterable}
44
- dataType={columnDataType}
45
- showFilterOperator={showFilterOperator}
46
- filterMatchModeOptions={dateFilterMatchModeOptions}
47
- filterElement={filterTemplate}
48
- filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
49
- // style={{ minWidth: "12rem" }}
50
- // headerClassName="table-header-fs"
51
16
  header={() => {
52
17
  return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
53
18
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"SolidUuidColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAkEnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"SolidUuidColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAInE,QAAA,MAAM,eAAe,qDAAsD,yBAAyB,4CAkCnG,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -10,34 +10,14 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
13
- import { FilterMatchMode } from 'primereact/api';
14
13
  import { Column } from "primereact/column";
15
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
16
14
  import { getExtensionComponent } from '../../../../helpers/registry';
17
15
  var SolidUuidColumn = function (_a) {
18
16
  var _b, _c, _d, _e, _f;
19
17
  var solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
20
- var filterable = column.attrs.filterable;
21
- var showFilterOperator = false;
22
- var columnDataType = 'text';
23
- var filterMatchModeOptions = [
24
- { label: 'In', value: FilterMatchMode.IN },
25
- { label: 'Not In', value: FilterMatchMode.NOT_IN },
26
- ];
27
- var filterTemplate = function (options) {
28
- return (_jsx(SolidVarInputsFilterElement, { values: options.value, onChange: function (e) { return options.filterCallback(e, options.index); }, inputType: InputTypes.Text, solidListViewMetaData: solidListViewMetaData, fieldMetadata: fieldMetadata, column: column }));
29
- };
30
18
  var truncateAfter = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.truncateAfter;
31
19
  var header = (_f = column.attrs.label) !== null && _f !== void 0 ? _f : fieldMetadata.displayName;
32
- return (_jsx(Column, { field: fieldMetadata.name,
33
- // header={header}
34
- // className="text-sm"
35
- sortable: column.attrs.sortable,
36
- // filter={filterable}
37
- dataType: columnDataType, showFilterOperator: showFilterOperator, filterMatchModeOptions: filterMatchModeOptions, filterElement: filterTemplate, filterPlaceholder: "Search by ".concat(fieldMetadata.displayName),
38
- // style={{ minWidth: "12rem" }}
39
- // headerClassName="table-header-fs"
40
- header: function () {
20
+ return (_jsx(Column, { field: fieldMetadata.name, sortable: column.attrs.sortable, header: function () {
41
21
  return (_jsx("div", { style: { maxWidth: truncateAfter ? "".concat(truncateAfter, "ch") : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, children: header }));
42
22
  }, body: function (rowData) {
43
23
  var viewWidget = column.attrs.viewWidget;
@@ -1 +1 @@
1
- {"version":3,"file":"SolidUuidColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAsC,MAAM,mBAAmB,CAAC;AAG/E,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,eAAe,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACnE,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAC3C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,CAAC,EAAE,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,MAAM,EAAE;KACrD,CAAC;IACF,IAAM,cAAc,GAAG,UAAC,OAA2C;QAE/D,OAAO,CACH,KAAC,2BAA2B,IACxB,MAAM,EAAE,OAAO,CAAC,KAAK,EACrB,QAAQ,EAAE,UAAC,CAA8B,IAAK,OAAA,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAxC,CAAwC,EACtF,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,GAEY,CACjC,CAAA;IACL,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI;QACzB,kBAAkB;QAClB,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC/B,sBAAsB;QACtB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE;QAC3D,gCAAgC;QAChC,oCAAoC;QACpC,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,UAAC,OAAO;YACV,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uBAAuB,CAAC;aACxC;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAjCI,aAAa,CAAC,IAAI,CAmCjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport SolidTableRowCell from '../SolidTableRowCell';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n const filterable = column.attrs.filterable;\n const showFilterOperator = false;\n const columnDataType = 'text';\n const filterMatchModeOptions = [\n { label: 'In', value: FilterMatchMode.IN },\n { label: 'Not In', value: FilterMatchMode.NOT_IN },\n ];\n const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {\n\n return (\n <SolidVarInputsFilterElement\n values={options.value}\n onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}\n inputType={InputTypes.Text}\n solidListViewMetaData={solidListViewMetaData}\n fieldMetadata={fieldMetadata}\n column={column}\n >\n </SolidVarInputsFilterElement>\n )\n }\n\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n // header={header}\n // className=\"text-sm\"\n sortable={column.attrs.sortable}\n // filter={filterable}\n dataType={columnDataType}\n showFilterOperator={showFilterOperator}\n filterMatchModeOptions={filterMatchModeOptions}\n filterElement={filterTemplate}\n filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n // style={{ minWidth: \"12rem\" }}\n // headerClassName=\"table-header-fs\"\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n body={(rowData) => {\n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n ></Column>\n );\n\n};\n\nexport default SolidUuidColumn;"]}
1
+ {"version":3,"file":"SolidUuidColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidUuidColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,eAAe,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACnE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,UAAC,OAAO;YACV,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uBAAuB,CAAC;aACxC;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\n\nconst SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n const header = column.attrs.label ?? fieldMetadata.displayName;\n\n return (\n <Column\n key={fieldMetadata.name}\n field={fieldMetadata.name}\n sortable={column.attrs.sortable}\n header={() => {\n return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n }}\n body={(rowData) => {\n let viewWidget = column.attrs.viewWidget;\n if (!viewWidget) {\n viewWidget = 'DefaultTextListWidget';\n }\n let DynamicWidget = getExtensionComponent(viewWidget);\n const widgetProps: SolidListFieldWidgetProps = {\n rowData,\n solidListViewMetaData,\n fieldMetadata,\n column\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n }\n ></Column>\n );\n\n};\n\nexport default SolidUuidColumn;"]}
@@ -1,36 +1,10 @@
1
1
 
2
- import { FilterMatchMode } from 'primereact/api';
3
- import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
4
- import { FormEvent } from "primereact/ts-helpers";
2
+ import { Column } from "primereact/column";
5
3
  import { SolidListViewColumnParams } from '../SolidListViewColumn';
6
- import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
7
- import SolidTableRowCell from '../SolidTableRowCell';
8
4
  import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
9
5
  import { getExtensionComponent } from '../../../../helpers/registry';
10
6
 
11
7
  const SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
12
- const filterable = column.attrs.filterable;
13
- const showFilterOperator = false;
14
- const columnDataType = 'text';
15
- const filterMatchModeOptions = [
16
- { label: 'In', value: FilterMatchMode.IN },
17
- { label: 'Not In', value: FilterMatchMode.NOT_IN },
18
- ];
19
- const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
20
-
21
- return (
22
- <SolidVarInputsFilterElement
23
- values={options.value}
24
- onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
25
- inputType={InputTypes.Text}
26
- solidListViewMetaData={solidListViewMetaData}
27
- fieldMetadata={fieldMetadata}
28
- column={column}
29
- >
30
- </SolidVarInputsFilterElement>
31
- )
32
- }
33
-
34
8
  const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
35
9
  const header = column.attrs.label ?? fieldMetadata.displayName;
36
10
 
@@ -38,17 +12,7 @@ const SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: Solid
38
12
  <Column
39
13
  key={fieldMetadata.name}
40
14
  field={fieldMetadata.name}
41
- // header={header}
42
- // className="text-sm"
43
15
  sortable={column.attrs.sortable}
44
- // filter={filterable}
45
- dataType={columnDataType}
46
- showFilterOperator={showFilterOperator}
47
- filterMatchModeOptions={filterMatchModeOptions}
48
- filterElement={filterTemplate}
49
- filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
50
- // style={{ minWidth: "12rem" }}
51
- // headerClassName="table-header-fs"
52
16
  header={() => {
53
17
  return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)
54
18
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"SolidRelationManyToManyColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAKpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAG5E,QAAA,MAAM,6BAA6B,qDAAsD,yBAAyB,4CA8DjH,CAAC;AAEF,eAAe,6BAA6B,CAAC;AAG7C,eAAO,MAAM,mCAAmC,8DAA+D,yBAAyB,4CA0BvI,CAAC"}
1
+ {"version":3,"file":"SolidRelationManyToManyColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAEpG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAG5E,QAAA,MAAM,6BAA6B,qDAAsD,yBAAyB,4CAkCjH,CAAC;AAEF,eAAe,6BAA6B,CAAC;AAG7C,eAAO,MAAM,mCAAmC,8DAA+D,yBAAyB,4CA0BvI,CAAC"}