@vuu-ui/vuu-data-react 0.13.24 → 0.13.25
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 +6 -1
- package/cjs/data-editing/get-data-item-edit-control.js.map +1 -1
- package/esm/data-editing/get-data-item-edit-control.js +8 -3
- package/esm/data-editing/get-data-item-edit-control.js.map +1 -1
- package/package.json +14 -14
- package/types/data-editing/get-data-item-edit-control.d.ts +2 -1
|
@@ -7,6 +7,7 @@ var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
|
7
7
|
const getDataItemEditControl = ({
|
|
8
8
|
InputProps: InputProps2,
|
|
9
9
|
TypeaheadProps,
|
|
10
|
+
className,
|
|
10
11
|
commitWhenCleared,
|
|
11
12
|
dataDescriptor,
|
|
12
13
|
errorMessage,
|
|
@@ -26,14 +27,17 @@ const getDataItemEditControl = ({
|
|
|
26
27
|
readOnly: true
|
|
27
28
|
}
|
|
28
29
|
);
|
|
30
|
+
} else if (vuuUtils.isTimeDataValue(dataDescriptor)) {
|
|
31
|
+
return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuTimePicker, { className, onCommit: handleCommitNumber });
|
|
29
32
|
} else if (vuuUtils.isDateTimeDataValue(dataDescriptor)) {
|
|
30
|
-
return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuDatePicker, { onCommit: handleCommitNumber });
|
|
33
|
+
return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuDatePicker, { className, onCommit: handleCommitNumber });
|
|
31
34
|
} else if (dataDescriptor.serverDataType === "string" && table) {
|
|
32
35
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
36
|
vuuUiControls.VuuTypeaheadInput,
|
|
34
37
|
{
|
|
35
38
|
...InputProps2,
|
|
36
39
|
...TypeaheadProps,
|
|
40
|
+
className,
|
|
37
41
|
column: dataDescriptor.name,
|
|
38
42
|
onCommit,
|
|
39
43
|
table
|
|
@@ -45,6 +49,7 @@ const getDataItemEditControl = ({
|
|
|
45
49
|
{
|
|
46
50
|
variant: "secondary",
|
|
47
51
|
...InputProps2,
|
|
52
|
+
className,
|
|
48
53
|
commitWhenCleared,
|
|
49
54
|
onCommit,
|
|
50
55
|
errorMessage
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/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 {
|
|
1
|
+
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/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 VuuTimePicker,\n VuuTypeaheadInput,\n VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n CommitHandler,\n isDateTimeDataValue,\n isTimeDataValue,\n} 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 className?: string;\n commitWhenCleared?: boolean;\n /**\n * A table column or form field Descriptor.\n */\n dataDescriptor: DataValueDescriptor;\n errorMessage?: string;\n onCommit: CommitHandler<HTMLElement>;\n table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n InputProps,\n TypeaheadProps,\n className,\n commitWhenCleared,\n dataDescriptor,\n errorMessage,\n onCommit,\n table,\n}: DataItemEditControlProps) => {\n const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n evt,\n value,\n ) => {\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 (isTimeDataValue(dataDescriptor)) {\n return (\n <VuuTimePicker className={className} onCommit={handleCommitNumber} />\n );\n } else if (isDateTimeDataValue(dataDescriptor)) {\n return (\n <VuuDatePicker className={className} onCommit={handleCommitNumber} />\n );\n } else if (dataDescriptor.serverDataType === \"string\" && table) {\n return (\n <VuuTypeaheadInput\n {...InputProps}\n {...TypeaheadProps}\n className={className}\n column={dataDescriptor.name}\n onCommit={onCommit}\n table={table}\n />\n );\n }\n return (\n <VuuInput\n variant=\"secondary\"\n {...InputProps}\n className={className}\n commitWhenCleared={commitWhenCleared}\n onCommit={onCommit}\n errorMessage={errorMessage}\n />\n );\n};\n"],"names":["InputProps","jsx","VuuInput","isTimeDataValue","VuuTimePicker","isDateTimeDataValue","VuuDatePicker","VuuTypeaheadInput"],"mappings":";;;;;;AAkCO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;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;AAAA;AAAA,KACV;AAAA,GAEJ,MAAA,IAAWG,wBAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,uBACGF,cAAA,CAAAG,2BAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAEvE,MAAA,IAAWC,4BAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAA,uBACGJ,cAAA,CAAAK,2BAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAE5D,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAAL,cAAA;AAAA,MAACM,+BAAA;AAAA,MAAA;AAAA,QACE,GAAGP,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,SAAA;AAAA,QACA,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAGJ,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGF,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { VuuInput, VuuDatePicker, VuuTypeaheadInput } from '@vuu-ui/vuu-ui-controls';
|
|
3
|
-
import { isDateTimeDataValue } from '@vuu-ui/vuu-utils';
|
|
2
|
+
import { VuuInput, VuuTimePicker, VuuDatePicker, VuuTypeaheadInput } from '@vuu-ui/vuu-ui-controls';
|
|
3
|
+
import { isTimeDataValue, isDateTimeDataValue } from '@vuu-ui/vuu-utils';
|
|
4
4
|
|
|
5
5
|
const getDataItemEditControl = ({
|
|
6
6
|
InputProps: InputProps2,
|
|
7
7
|
TypeaheadProps,
|
|
8
|
+
className,
|
|
8
9
|
commitWhenCleared,
|
|
9
10
|
dataDescriptor,
|
|
10
11
|
errorMessage,
|
|
@@ -24,14 +25,17 @@ const getDataItemEditControl = ({
|
|
|
24
25
|
readOnly: true
|
|
25
26
|
}
|
|
26
27
|
);
|
|
28
|
+
} else if (isTimeDataValue(dataDescriptor)) {
|
|
29
|
+
return /* @__PURE__ */ jsx(VuuTimePicker, { className, onCommit: handleCommitNumber });
|
|
27
30
|
} else if (isDateTimeDataValue(dataDescriptor)) {
|
|
28
|
-
return /* @__PURE__ */ jsx(VuuDatePicker, { onCommit: handleCommitNumber });
|
|
31
|
+
return /* @__PURE__ */ jsx(VuuDatePicker, { className, onCommit: handleCommitNumber });
|
|
29
32
|
} else if (dataDescriptor.serverDataType === "string" && table) {
|
|
30
33
|
return /* @__PURE__ */ jsx(
|
|
31
34
|
VuuTypeaheadInput,
|
|
32
35
|
{
|
|
33
36
|
...InputProps2,
|
|
34
37
|
...TypeaheadProps,
|
|
38
|
+
className,
|
|
35
39
|
column: dataDescriptor.name,
|
|
36
40
|
onCommit,
|
|
37
41
|
table
|
|
@@ -43,6 +47,7 @@ const getDataItemEditControl = ({
|
|
|
43
47
|
{
|
|
44
48
|
variant: "secondary",
|
|
45
49
|
...InputProps2,
|
|
50
|
+
className,
|
|
46
51
|
commitWhenCleared,
|
|
47
52
|
onCommit,
|
|
48
53
|
errorMessage
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/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 {
|
|
1
|
+
{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/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 VuuTimePicker,\n VuuTypeaheadInput,\n VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n CommitHandler,\n isDateTimeDataValue,\n isTimeDataValue,\n} 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 className?: string;\n commitWhenCleared?: boolean;\n /**\n * A table column or form field Descriptor.\n */\n dataDescriptor: DataValueDescriptor;\n errorMessage?: string;\n onCommit: CommitHandler<HTMLElement>;\n table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n InputProps,\n TypeaheadProps,\n className,\n commitWhenCleared,\n dataDescriptor,\n errorMessage,\n onCommit,\n table,\n}: DataItemEditControlProps) => {\n const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n evt,\n value,\n ) => {\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 (isTimeDataValue(dataDescriptor)) {\n return (\n <VuuTimePicker className={className} onCommit={handleCommitNumber} />\n );\n } else if (isDateTimeDataValue(dataDescriptor)) {\n return (\n <VuuDatePicker className={className} onCommit={handleCommitNumber} />\n );\n } else if (dataDescriptor.serverDataType === \"string\" && table) {\n return (\n <VuuTypeaheadInput\n {...InputProps}\n {...TypeaheadProps}\n className={className}\n column={dataDescriptor.name}\n onCommit={onCommit}\n table={table}\n />\n );\n }\n return (\n <VuuInput\n variant=\"secondary\"\n {...InputProps}\n className={className}\n commitWhenCleared={commitWhenCleared}\n onCommit={onCommit}\n errorMessage={errorMessage}\n />\n );\n};\n"],"names":["InputProps"],"mappings":";;;;AAkCO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;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;AAAA;AAAA,KACV;AAAA,GAEJ,MAAA,IAAW,eAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAEvE,MAAA,IAAW,mBAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAE5D,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,SAAA;AAAA,QACA,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAGJ,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGA,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.13.
|
|
2
|
+
"version": "0.13.25",
|
|
3
3
|
"author": "heswell",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"devDependencies": {
|
|
6
|
-
"@vuu-ui/vuu-data-types": "0.13.
|
|
7
|
-
"@vuu-ui/vuu-filter-types": "0.13.
|
|
8
|
-
"@vuu-ui/vuu-popups": "0.13.
|
|
9
|
-
"@vuu-ui/vuu-protocol-types": "0.13.
|
|
10
|
-
"@vuu-ui/vuu-table-types": "0.13.
|
|
6
|
+
"@vuu-ui/vuu-data-types": "0.13.25",
|
|
7
|
+
"@vuu-ui/vuu-filter-types": "0.13.25",
|
|
8
|
+
"@vuu-ui/vuu-popups": "0.13.25",
|
|
9
|
+
"@vuu-ui/vuu-protocol-types": "0.13.25",
|
|
10
|
+
"@vuu-ui/vuu-table-types": "0.13.25"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@vuu-ui/vuu-context-menu": "0.13.
|
|
14
|
-
"@vuu-ui/vuu-data-remote": "0.13.
|
|
15
|
-
"@vuu-ui/vuu-filter-parser": "0.13.
|
|
16
|
-
"@vuu-ui/vuu-layout": "0.13.
|
|
17
|
-
"@vuu-ui/vuu-popups": "0.13.
|
|
18
|
-
"@vuu-ui/vuu-ui-controls": "0.13.
|
|
19
|
-
"@vuu-ui/vuu-utils": "0.13.
|
|
20
|
-
"@vuu-ui/vuu-table": "0.13.
|
|
13
|
+
"@vuu-ui/vuu-context-menu": "0.13.25",
|
|
14
|
+
"@vuu-ui/vuu-data-remote": "0.13.25",
|
|
15
|
+
"@vuu-ui/vuu-filter-parser": "0.13.25",
|
|
16
|
+
"@vuu-ui/vuu-layout": "0.13.25",
|
|
17
|
+
"@vuu-ui/vuu-popups": "0.13.25",
|
|
18
|
+
"@vuu-ui/vuu-ui-controls": "0.13.25",
|
|
19
|
+
"@vuu-ui/vuu-utils": "0.13.25",
|
|
20
|
+
"@vuu-ui/vuu-table": "0.13.25",
|
|
21
21
|
"@salt-ds/core": "1.43.0",
|
|
22
22
|
"@salt-ds/styles": "0.2.1",
|
|
23
23
|
"@salt-ds/window": "0.1.1"
|
|
@@ -5,6 +5,7 @@ import { InputProps } from "@salt-ds/core";
|
|
|
5
5
|
export interface DataItemEditControlProps {
|
|
6
6
|
InputProps?: Partial<InputProps>;
|
|
7
7
|
TypeaheadProps?: Pick<VuuTypeaheadInputProps, "highlightFirstSuggestion">;
|
|
8
|
+
className?: string;
|
|
8
9
|
commitWhenCleared?: boolean;
|
|
9
10
|
/**
|
|
10
11
|
* A table column or form field Descriptor.
|
|
@@ -15,4 +16,4 @@ export interface DataItemEditControlProps {
|
|
|
15
16
|
table?: TableSchemaTable;
|
|
16
17
|
}
|
|
17
18
|
export type ValidationStatus = "initial" | true | string;
|
|
18
|
-
export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, commitWhenCleared, dataDescriptor, errorMessage, onCommit, table, }: DataItemEditControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, className, commitWhenCleared, dataDescriptor, errorMessage, onCommit, table, }: DataItemEditControlProps) => import("react/jsx-runtime").JSX.Element;
|