@solidxai/core-ui 0.1.4-beta.1 → 0.1.4
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.
- package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.d.ts.map +1 -1
- package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.js +8 -0
- package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.js.map +1 -1
- package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx +8 -0
- package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.d.ts +2 -0
- package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.d.ts.map +1 -0
- package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js +34 -0
- package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js.map +1 -0
- package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx +83 -0
- package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map +1 -1
- package/dist/components/core/common/SolidGlobalSearchElement.js +0 -3
- package/dist/components/core/common/SolidGlobalSearchElement.js.map +1 -1
- package/dist/components/core/common/SolidGlobalSearchElement.tsx +0 -4
- package/dist/components/core/dashboard/SolidDashboard.d.ts +1 -1
- package/dist/components/core/dashboard/SolidDashboard.d.ts.map +1 -1
- package/dist/components/core/dashboard/SolidDashboard.js.map +1 -1
- package/dist/components/core/dashboard/SolidDashboard.tsx +1 -1
- package/dist/components/core/dashboard/SolidDashboardVariable.js +1 -1
- package/dist/components/core/dashboard/SolidDashboardVariable.js.map +1 -1
- package/dist/components/core/dashboard/SolidDashboardVariable.tsx +1 -1
- package/dist/components/core/list/SolidListView.d.ts.map +1 -1
- package/dist/components/core/list/SolidListView.js +67 -67
- package/dist/components/core/list/SolidListView.js.map +1 -1
- package/dist/components/core/list/SolidListView.tsx +8 -9
- package/dist/components/core/list/columns/SolidBooleanColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidBooleanColumn.js +1 -24
- package/dist/components/core/list/columns/SolidBooleanColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidBooleanColumn.tsx +1 -35
- package/dist/components/core/list/columns/SolidDateColumn.d.ts +0 -5
- package/dist/components/core/list/columns/SolidDateColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidDateColumn.js +1 -31
- package/dist/components/core/list/columns/SolidDateColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidDateColumn.tsx +2 -49
- package/dist/components/core/list/columns/SolidDatetimeColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidDatetimeColumn.js +1 -20
- package/dist/components/core/list/columns/SolidDatetimeColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidDatetimeColumn.tsx +2 -37
- package/dist/components/core/list/columns/SolidExternalIdColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidExternalIdColumn.js +1 -21
- package/dist/components/core/list/columns/SolidExternalIdColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidExternalIdColumn.tsx +1 -38
- package/dist/components/core/list/columns/SolidIdColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidIdColumn.js +1 -21
- package/dist/components/core/list/columns/SolidIdColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidIdColumn.tsx +1 -36
- package/dist/components/core/list/columns/SolidIntColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidIntColumn.js +1 -30
- package/dist/components/core/list/columns/SolidIntColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidIntColumn.tsx +2 -46
- package/dist/components/core/list/columns/SolidMediaMultipleColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidMediaMultipleColumn.js +1 -5
- package/dist/components/core/list/columns/SolidMediaMultipleColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidMediaMultipleColumn.tsx +0 -7
- package/dist/components/core/list/columns/SolidMediaSingleColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidMediaSingleColumn.js +1 -1
- package/dist/components/core/list/columns/SolidMediaSingleColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidMediaSingleColumn.tsx +0 -1
- package/dist/components/core/list/columns/SolidSelectionDynamicColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidSelectionDynamicColumn.js +1 -21
- package/dist/components/core/list/columns/SolidSelectionDynamicColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidSelectionDynamicColumn.tsx +1 -37
- package/dist/components/core/list/columns/SolidSelectionStaticColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidSelectionStaticColumn.js +1 -21
- package/dist/components/core/list/columns/SolidSelectionStaticColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidSelectionStaticColumn.tsx +1 -38
- package/dist/components/core/list/columns/SolidShortTextColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidShortTextColumn.js +1 -29
- package/dist/components/core/list/columns/SolidShortTextColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidShortTextColumn.tsx +3 -45
- package/dist/components/core/list/columns/SolidTimeColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidTimeColumn.js +1 -20
- package/dist/components/core/list/columns/SolidTimeColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidTimeColumn.tsx +2 -37
- package/dist/components/core/list/columns/SolidUuidColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/SolidUuidColumn.js +1 -21
- package/dist/components/core/list/columns/SolidUuidColumn.js.map +1 -1
- package/dist/components/core/list/columns/SolidUuidColumn.tsx +1 -37
- package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.js +1 -17
- package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.js.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToManyColumn.tsx +2 -35
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js +1 -15
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx +1 -33
- package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.d.ts.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.js +1 -15
- package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.js.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationOneToManyColumn.tsx +1 -31
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/index.ts +5 -2
- package/dist/redux/api/fetchBaseQuery.js +4 -5
- package/dist/redux/api/fetchBaseQuery.js.map +1 -1
- package/dist/redux/api/fetchBaseQuery.tsx +4 -4
- package/dist/redux/api/solidSettingsApi.d.ts +2 -1
- package/dist/redux/api/solidSettingsApi.d.ts.map +1 -1
- package/dist/redux/api/solidSettingsApi.js +4 -1
- package/dist/redux/api/solidSettingsApi.js.map +1 -1
- package/dist/redux/api/solidSettingsApi.tsx +6 -1
- package/dist/redux/store/defaultStoreConfig.d.ts +1 -0
- package/dist/redux/store/defaultStoreConfig.d.ts.map +1 -1
- package/dist/routes/pages/admin/core/DashboardPage.d.ts +2 -0
- package/dist/routes/pages/admin/core/DashboardPage.d.ts.map +1 -0
- package/dist/routes/pages/admin/core/DashboardPage.js +14 -0
- package/dist/routes/pages/admin/core/DashboardPage.js.map +1 -0
- package/dist/routes/pages/admin/core/DashboardPage.tsx +17 -0
- package/dist/routes/solidRoutes.d.ts.map +1 -1
- package/dist/routes/solidRoutes.js +2 -0
- package/dist/routes/solidRoutes.js.map +1 -1
- package/dist/routes/solidRoutes.tsx +2 -0
- package/dist/routes/types.d.ts +1 -1
- package/dist/routes/types.d.ts.map +1 -1
- package/dist/routes/types.js.map +1 -1
- package/dist/routes/types.ts +1 -0
- package/package.json +1 -1
|
@@ -1,36 +1,10 @@
|
|
|
1
1
|
|
|
2
|
-
import {
|
|
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":"
|
|
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":";;;;;;;;;;;;AACA,OAAO,EAAE,
|
|
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 {
|
|
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":"
|
|
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":";;;;;;;;;;;;AACA,OAAO,EAAE,
|
|
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 {
|
|
3
|
-
import {
|
|
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
|
|
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":"
|
|
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":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,
|
|
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
|
|
3
|
-
import {
|
|
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":"
|
|
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,
|
|
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 {
|
|
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":"
|
|
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"}
|