@vuu-ui/vuu-data-react 0.8.97 → 0.8.99
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/cjs/data-editing/get-data-item-edit-control.js +4 -3
- package/cjs/data-editing/get-data-item-edit-control.js.map +1 -1
- package/esm/data-editing/get-data-item-edit-control.js +4 -3
- package/esm/data-editing/get-data-item-edit-control.js.map +1 -1
- package/package.json +13 -13
- package/types/data-editing/get-data-item-edit-control.d.ts +4 -3
|
@@ -6,10 +6,10 @@ var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
|
6
6
|
|
|
7
7
|
const getDataItemEditControl = ({
|
|
8
8
|
InputProps: InputProps2,
|
|
9
|
+
TypeaheadProps,
|
|
9
10
|
dataDescriptor,
|
|
10
11
|
errorMessage,
|
|
11
12
|
onCommit,
|
|
12
|
-
suggestionProvider,
|
|
13
13
|
table
|
|
14
14
|
}) => {
|
|
15
15
|
const handleCommitNumber = (evt, value) => {
|
|
@@ -28,13 +28,14 @@ const getDataItemEditControl = ({
|
|
|
28
28
|
);
|
|
29
29
|
} else if (vuuUtils.isDateTimeDataValue(dataDescriptor)) {
|
|
30
30
|
return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuDatePicker, { onCommit: handleCommitNumber });
|
|
31
|
-
} else if (dataDescriptor.serverDataType === "string" &&
|
|
31
|
+
} else if (dataDescriptor.serverDataType === "string" && table) {
|
|
32
32
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
33
|
vuuUiControls.VuuTypeaheadInput,
|
|
34
34
|
{
|
|
35
|
+
...InputProps2,
|
|
36
|
+
...TypeaheadProps,
|
|
35
37
|
column: dataDescriptor.name,
|
|
36
38
|
onCommit,
|
|
37
|
-
suggestionProvider,
|
|
38
39
|
table
|
|
39
40
|
}
|
|
40
41
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import {\n DataValueDescriptor,\n
|
|
1
|
+
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n DataValueDescriptor,\n TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n VuuDatePicker,\n VuuInput,\n VuuTypeaheadInput,\n VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { CommitHandler, isDateTimeDataValue } from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\n\nexport interface DataItemEditControlProps {\n InputProps?: Partial<InputProps>;\n TypeaheadProps?: Pick<VuuTypeaheadInputProps, \"highlightFirstSuggestion\">;\n /**\n * A table column or form field Descriptor.\n */\n dataDescriptor: DataValueDescriptor;\n errorMessage?: string;\n onCommit: CommitHandler<HTMLElement, string | undefined>;\n table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n InputProps,\n TypeaheadProps,\n dataDescriptor,\n errorMessage,\n onCommit,\n table,\n}: DataItemEditControlProps) => {\n const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n evt,\n value,\n ) => {\n console.log(`value`);\n onCommit(evt, value.toString());\n };\n\n if (dataDescriptor.editable === false) {\n return (\n <VuuInput\n variant=\"secondary\"\n {...InputProps}\n onCommit={onCommit}\n readOnly\n />\n );\n } else if (isDateTimeDataValue(dataDescriptor)) {\n return <VuuDatePicker onCommit={handleCommitNumber} />;\n } else if (dataDescriptor.serverDataType === \"string\" && table) {\n return (\n <VuuTypeaheadInput\n {...InputProps}\n {...TypeaheadProps}\n column={dataDescriptor.name}\n onCommit={onCommit}\n table={table}\n />\n );\n }\n return (\n <VuuInput\n variant=\"secondary\"\n {...InputProps}\n onCommit={onCommit}\n errorMessage={errorMessage}\n />\n );\n};\n"],"names":["InputProps","jsx","VuuInput","isDateTimeDataValue","VuuDatePicker","VuuTypeaheadInput"],"mappings":";;;;;;AA2BO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAA,OAAA,CAAQ,IAAI,CAAO,KAAA,CAAA,CAAA,CAAA;AACnB,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA,CAAA;AAAA,GAChC,CAAA;AAEA,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGF,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,OAAA;AAAA,KACV,CAAA;AAAA,GAEJ,MAAA,IAAWG,4BAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAO,uBAAAF,cAAA,CAACG,2BAAc,EAAA,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA,CAAA;AAAA,GAC3C,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAAH,cAAA;AAAA,MAACI,+BAAA;AAAA,MAAA;AAAA,QACE,GAAGL,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA,KAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACA,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGF,WAAAA;AAAA,MACJ,QAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -4,10 +4,10 @@ import { isDateTimeDataValue } from '@vuu-ui/vuu-utils';
|
|
|
4
4
|
|
|
5
5
|
const getDataItemEditControl = ({
|
|
6
6
|
InputProps: InputProps2,
|
|
7
|
+
TypeaheadProps,
|
|
7
8
|
dataDescriptor,
|
|
8
9
|
errorMessage,
|
|
9
10
|
onCommit,
|
|
10
|
-
suggestionProvider,
|
|
11
11
|
table
|
|
12
12
|
}) => {
|
|
13
13
|
const handleCommitNumber = (evt, value) => {
|
|
@@ -26,13 +26,14 @@ const getDataItemEditControl = ({
|
|
|
26
26
|
);
|
|
27
27
|
} else if (isDateTimeDataValue(dataDescriptor)) {
|
|
28
28
|
return /* @__PURE__ */ jsx(VuuDatePicker, { onCommit: handleCommitNumber });
|
|
29
|
-
} else if (dataDescriptor.serverDataType === "string" &&
|
|
29
|
+
} else if (dataDescriptor.serverDataType === "string" && table) {
|
|
30
30
|
return /* @__PURE__ */ jsx(
|
|
31
31
|
VuuTypeaheadInput,
|
|
32
32
|
{
|
|
33
|
+
...InputProps2,
|
|
34
|
+
...TypeaheadProps,
|
|
33
35
|
column: dataDescriptor.name,
|
|
34
36
|
onCommit,
|
|
35
|
-
suggestionProvider,
|
|
36
37
|
table
|
|
37
38
|
}
|
|
38
39
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import {\n DataValueDescriptor,\n
|
|
1
|
+
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n DataValueDescriptor,\n TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n VuuDatePicker,\n VuuInput,\n VuuTypeaheadInput,\n VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { CommitHandler, isDateTimeDataValue } from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\n\nexport interface DataItemEditControlProps {\n InputProps?: Partial<InputProps>;\n TypeaheadProps?: Pick<VuuTypeaheadInputProps, \"highlightFirstSuggestion\">;\n /**\n * A table column or form field Descriptor.\n */\n dataDescriptor: DataValueDescriptor;\n errorMessage?: string;\n onCommit: CommitHandler<HTMLElement, string | undefined>;\n table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n InputProps,\n TypeaheadProps,\n dataDescriptor,\n errorMessage,\n onCommit,\n table,\n}: DataItemEditControlProps) => {\n const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n evt,\n value,\n ) => {\n console.log(`value`);\n onCommit(evt, value.toString());\n };\n\n if (dataDescriptor.editable === false) {\n return (\n <VuuInput\n variant=\"secondary\"\n {...InputProps}\n onCommit={onCommit}\n readOnly\n />\n );\n } else if (isDateTimeDataValue(dataDescriptor)) {\n return <VuuDatePicker onCommit={handleCommitNumber} />;\n } else if (dataDescriptor.serverDataType === \"string\" && table) {\n return (\n <VuuTypeaheadInput\n {...InputProps}\n {...TypeaheadProps}\n column={dataDescriptor.name}\n onCommit={onCommit}\n table={table}\n />\n );\n }\n return (\n <VuuInput\n variant=\"secondary\"\n {...InputProps}\n onCommit={onCommit}\n errorMessage={errorMessage}\n />\n );\n};\n"],"names":["InputProps"],"mappings":";;;;AA2BO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAA,OAAA,CAAQ,IAAI,CAAO,KAAA,CAAA,CAAA,CAAA;AACnB,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA,CAAA;AAAA,GAChC,CAAA;AAEA,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGA,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,OAAA;AAAA,KACV,CAAA;AAAA,GAEJ,MAAA,IAAW,mBAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAO,uBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA,CAAA;AAAA,GAC3C,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAGA,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA,KAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACA,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGA,WAAAA;AAAA,MACJ,QAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.8.
|
|
2
|
+
"version": "0.8.99",
|
|
3
3
|
"author": "heswell",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"devDependencies": {
|
|
6
|
-
"@vuu-ui/vuu-data-types": "0.8.
|
|
7
|
-
"@vuu-ui/vuu-filter-types": "0.8.
|
|
8
|
-
"@vuu-ui/vuu-popups": "0.8.
|
|
9
|
-
"@vuu-ui/vuu-protocol-types": "0.8.
|
|
10
|
-
"@vuu-ui/vuu-table-types": "0.8.
|
|
6
|
+
"@vuu-ui/vuu-data-types": "0.8.99",
|
|
7
|
+
"@vuu-ui/vuu-filter-types": "0.8.99",
|
|
8
|
+
"@vuu-ui/vuu-popups": "0.8.99",
|
|
9
|
+
"@vuu-ui/vuu-protocol-types": "0.8.99",
|
|
10
|
+
"@vuu-ui/vuu-table-types": "0.8.99"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@vuu-ui/vuu-data-remote": "0.8.
|
|
14
|
-
"@vuu-ui/vuu-filter-parser": "0.8.
|
|
15
|
-
"@vuu-ui/vuu-layout": "0.8.
|
|
16
|
-
"@vuu-ui/vuu-popups": "0.8.
|
|
17
|
-
"@vuu-ui/vuu-ui-controls": "0.8.
|
|
18
|
-
"@vuu-ui/vuu-utils": "0.8.
|
|
19
|
-
"@vuu-ui/vuu-table": "0.8.
|
|
13
|
+
"@vuu-ui/vuu-data-remote": "0.8.99",
|
|
14
|
+
"@vuu-ui/vuu-filter-parser": "0.8.99",
|
|
15
|
+
"@vuu-ui/vuu-layout": "0.8.99",
|
|
16
|
+
"@vuu-ui/vuu-popups": "0.8.99",
|
|
17
|
+
"@vuu-ui/vuu-ui-controls": "0.8.99",
|
|
18
|
+
"@vuu-ui/vuu-utils": "0.8.99",
|
|
19
|
+
"@vuu-ui/vuu-table": "0.8.99",
|
|
20
20
|
"@salt-ds/core": "1.34.0",
|
|
21
21
|
"@salt-ds/styles": "0.2.1",
|
|
22
22
|
"@salt-ds/window": "0.1.1"
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { DataValueDescriptor,
|
|
2
|
+
import type { DataValueDescriptor, TableSchemaTable } from "@vuu-ui/vuu-data-types";
|
|
3
|
+
import { VuuTypeaheadInputProps } from "@vuu-ui/vuu-ui-controls";
|
|
3
4
|
import { CommitHandler } from "@vuu-ui/vuu-utils";
|
|
4
5
|
import { InputProps } from "@salt-ds/core";
|
|
5
6
|
export interface DataItemEditControlProps {
|
|
6
7
|
InputProps?: Partial<InputProps>;
|
|
8
|
+
TypeaheadProps?: Pick<VuuTypeaheadInputProps, "highlightFirstSuggestion">;
|
|
7
9
|
/**
|
|
8
10
|
* A table column or form field Descriptor.
|
|
9
11
|
*/
|
|
10
12
|
dataDescriptor: DataValueDescriptor;
|
|
11
13
|
errorMessage?: string;
|
|
12
14
|
onCommit: CommitHandler<HTMLElement, string | undefined>;
|
|
13
|
-
suggestionProvider?: SuggestionProvider;
|
|
14
15
|
table?: TableSchemaTable;
|
|
15
16
|
}
|
|
16
17
|
export type ValidationStatus = "initial" | true | string;
|
|
17
|
-
export declare const getDataItemEditControl: ({ InputProps, dataDescriptor, errorMessage, onCommit,
|
|
18
|
+
export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, dataDescriptor, errorMessage, onCommit, table, }: DataItemEditControlProps) => JSX.Element;
|