@workday/canvas-kit-preview-react 14.0.0-alpha.1230-next.0 → 14.0.0-alpha.1234-next.0
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/commonjs/divider/lib/Divider.d.ts +1 -1
- package/dist/commonjs/divider/lib/Divider.js +1 -1
- package/dist/commonjs/index.d.ts +0 -3
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +0 -3
- package/dist/commonjs/select/lib/Select.d.ts +2 -2
- package/dist/commonjs/select/lib/Select.js +1 -1
- package/dist/commonjs/select/lib/SelectBase.d.ts +8 -8
- package/dist/commonjs/select/lib/SelectBase.js +1 -1
- package/dist/commonjs/select/lib/SelectMenu.d.ts +1 -1
- package/dist/commonjs/select/lib/SelectMenu.js +1 -1
- package/dist/commonjs/select/lib/SelectOption.d.ts +2 -2
- package/dist/commonjs/select/lib/SelectOption.js +1 -1
- package/dist/commonjs/select/lib/scrolling.d.ts +1 -1
- package/dist/commonjs/select/lib/scrolling.js +1 -1
- package/dist/commonjs/select/lib/types.d.ts +2 -2
- package/dist/commonjs/select/lib/utils.d.ts +1 -1
- package/dist/commonjs/select/lib/utils.js +1 -1
- package/dist/es6/divider/lib/Divider.d.ts +1 -1
- package/dist/es6/divider/lib/Divider.js +1 -1
- package/dist/es6/index.d.ts +0 -3
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -3
- package/dist/es6/select/lib/Select.d.ts +2 -2
- package/dist/es6/select/lib/Select.js +1 -1
- package/dist/es6/select/lib/SelectBase.d.ts +8 -8
- package/dist/es6/select/lib/SelectBase.js +1 -1
- package/dist/es6/select/lib/SelectMenu.d.ts +1 -1
- package/dist/es6/select/lib/SelectMenu.js +1 -1
- package/dist/es6/select/lib/SelectOption.d.ts +2 -2
- package/dist/es6/select/lib/SelectOption.js +1 -1
- package/dist/es6/select/lib/scrolling.d.ts +1 -1
- package/dist/es6/select/lib/scrolling.js +1 -1
- package/dist/es6/select/lib/types.d.ts +2 -2
- package/dist/es6/select/lib/utils.d.ts +1 -1
- package/dist/es6/select/lib/utils.js +1 -1
- package/divider/lib/Divider.tsx +1 -1
- package/index.ts +0 -3
- package/package.json +4 -4
- package/select/lib/Select.tsx +2 -2
- package/select/lib/SelectBase.tsx +8 -8
- package/select/lib/SelectMenu.tsx +1 -1
- package/select/lib/SelectOption.tsx +2 -2
- package/select/lib/scrolling.ts +1 -1
- package/select/lib/types.ts +2 -2
- package/select/lib/utils.ts +1 -1
- package/dist/commonjs/text-area/index.d.ts +0 -2
- package/dist/commonjs/text-area/index.d.ts.map +0 -1
- package/dist/commonjs/text-area/index.js +0 -17
- package/dist/commonjs/text-area/lib/TextArea.d.ts +0 -67
- package/dist/commonjs/text-area/lib/TextArea.d.ts.map +0 -1
- package/dist/commonjs/text-area/lib/TextArea.js +0 -29
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts +0 -21
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +0 -1
- package/dist/commonjs/text-area/lib/TextAreaField.js +0 -19
- package/dist/commonjs/text-input/index.d.ts +0 -3
- package/dist/commonjs/text-input/index.d.ts.map +0 -1
- package/dist/commonjs/text-input/index.js +0 -18
- package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -75
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInput.js +0 -28
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -21
- package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputField.js +0 -31
- package/dist/commonjs/text-input/lib/hooks/index.d.ts +0 -3
- package/dist/commonjs/text-input/lib/hooks/index.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/index.js +0 -18
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -17
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +0 -15
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -36
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +0 -8
- package/dist/es6/text-area/index.d.ts +0 -2
- package/dist/es6/text-area/index.d.ts.map +0 -1
- package/dist/es6/text-area/index.js +0 -1
- package/dist/es6/text-area/lib/TextArea.d.ts +0 -67
- package/dist/es6/text-area/lib/TextArea.d.ts.map +0 -1
- package/dist/es6/text-area/lib/TextArea.js +0 -26
- package/dist/es6/text-area/lib/TextAreaField.d.ts +0 -21
- package/dist/es6/text-area/lib/TextAreaField.d.ts.map +0 -1
- package/dist/es6/text-area/lib/TextAreaField.js +0 -16
- package/dist/es6/text-input/index.d.ts +0 -3
- package/dist/es6/text-input/index.d.ts.map +0 -1
- package/dist/es6/text-input/index.js +0 -2
- package/dist/es6/text-input/lib/TextInput.d.ts +0 -75
- package/dist/es6/text-input/lib/TextInput.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInput.js +0 -25
- package/dist/es6/text-input/lib/TextInputField.d.ts +0 -21
- package/dist/es6/text-input/lib/TextInputField.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputField.js +0 -28
- package/dist/es6/text-input/lib/hooks/index.d.ts +0 -3
- package/dist/es6/text-input/lib/hooks/index.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/index.js +0 -2
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -17
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputField.js +0 -12
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -36
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputModel.js +0 -5
- package/text-area/index.ts +0 -1
- package/text-area/lib/TextArea.tsx +0 -47
- package/text-area/lib/TextAreaField.tsx +0 -26
- package/text-area/package.json +0 -6
- package/text-input/index.ts +0 -2
- package/text-input/lib/TextInput.tsx +0 -48
- package/text-input/lib/TextInputField.tsx +0 -39
- package/text-input/lib/hooks/index.ts +0 -2
- package/text-input/lib/hooks/useTextInputField.tsx +0 -13
- package/text-input/lib/hooks/useTextInputModel.ts +0 -6
- package/text-input/package.json +0 -6
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useTextInputModel = void 0;
|
|
4
|
-
const form_field_1 = require("@workday/canvas-kit-react/form-field");
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated ⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
7
|
-
*/
|
|
8
|
-
exports.useTextInputModel = form_field_1.useFormFieldModel;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './lib/TextArea';
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-react/form-field';
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated ⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
|
|
6
|
-
*/
|
|
7
|
-
export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
|
|
8
|
-
/**
|
|
9
|
-
* Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
|
|
10
|
-
*/
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @stencil formFieldStencil
|
|
15
|
-
* @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
|
|
16
|
-
*/
|
|
17
|
-
export declare const TextArea: import("@workday/canvas-kit-react/common").ElementComponentM<"div", TextAreaProps & Partial<{
|
|
18
|
-
error: "error" | "alert" | undefined;
|
|
19
|
-
id: string;
|
|
20
|
-
isRequired: boolean;
|
|
21
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
22
|
-
}> & {} & {}, {
|
|
23
|
-
state: {
|
|
24
|
-
id: string;
|
|
25
|
-
error: "error" | "alert" | undefined;
|
|
26
|
-
isRequired: boolean;
|
|
27
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
28
|
-
};
|
|
29
|
-
events: {};
|
|
30
|
-
}> & {
|
|
31
|
-
Field: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
32
|
-
state: {
|
|
33
|
-
id: string;
|
|
34
|
-
error: "error" | "alert" | undefined;
|
|
35
|
-
isRequired: boolean;
|
|
36
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
37
|
-
};
|
|
38
|
-
events: {};
|
|
39
|
-
}, {}>, {
|
|
40
|
-
state: {
|
|
41
|
-
id: string;
|
|
42
|
-
error: "error" | "alert" | undefined;
|
|
43
|
-
isRequired: boolean;
|
|
44
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
45
|
-
};
|
|
46
|
-
events: {};
|
|
47
|
-
}>;
|
|
48
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field").FormFieldLabelProps, {
|
|
49
|
-
state: {
|
|
50
|
-
id: string;
|
|
51
|
-
error: "error" | "alert" | undefined;
|
|
52
|
-
isRequired: boolean;
|
|
53
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
54
|
-
};
|
|
55
|
-
events: {};
|
|
56
|
-
}>;
|
|
57
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
|
|
58
|
-
state: {
|
|
59
|
-
id: string;
|
|
60
|
-
error: "error" | "alert" | undefined;
|
|
61
|
-
isRequired: boolean;
|
|
62
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
63
|
-
};
|
|
64
|
-
events: {};
|
|
65
|
-
}>;
|
|
66
|
-
};
|
|
67
|
-
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAmB,MAAM,sCAAsC,CAAC;AAKjF;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContainer } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField, formFieldStencil } from '@workday/canvas-kit-react/form-field';
|
|
4
|
-
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
5
|
-
import { TextAreaField } from './TextAreaField';
|
|
6
|
-
import { useTextInputModel } from '@workday/canvas-kit-preview-react/text-input';
|
|
7
|
-
/**
|
|
8
|
-
* @stencil formFieldStencil
|
|
9
|
-
* @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
|
|
10
|
-
*/
|
|
11
|
-
export const TextArea = createContainer('div')({
|
|
12
|
-
displayName: 'TextArea',
|
|
13
|
-
modelHook: useTextInputModel,
|
|
14
|
-
subComponents: {
|
|
15
|
-
Field: TextAreaField,
|
|
16
|
-
Label: FormField.Label,
|
|
17
|
-
Hint: FormField.Hint,
|
|
18
|
-
},
|
|
19
|
-
})(({ children, grow, orientation, ...elemProps }, Element, model) => {
|
|
20
|
-
return (_jsx(Element, { ...mergeStyles(elemProps, formFieldStencil({
|
|
21
|
-
grow,
|
|
22
|
-
orientation: orientation,
|
|
23
|
-
error: model.state.error,
|
|
24
|
-
required: model.state.isRequired,
|
|
25
|
-
})), children: children }));
|
|
26
|
-
});
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
|
|
3
|
-
*/
|
|
4
|
-
export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
5
|
-
state: {
|
|
6
|
-
id: string;
|
|
7
|
-
error: "error" | "alert" | undefined;
|
|
8
|
-
isRequired: boolean;
|
|
9
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
10
|
-
};
|
|
11
|
-
events: {};
|
|
12
|
-
}, {}>, {
|
|
13
|
-
state: {
|
|
14
|
-
id: string;
|
|
15
|
-
error: "error" | "alert" | undefined;
|
|
16
|
-
isRequired: boolean;
|
|
17
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
18
|
-
};
|
|
19
|
-
events: {};
|
|
20
|
-
}>;
|
|
21
|
-
//# sourceMappingURL=TextAreaField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAexB,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createSubcomponent } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-react/form-field';
|
|
4
|
-
import { useTextInputModel } from '@workday/canvas-kit-preview-react/text-input';
|
|
5
|
-
import { TextArea } from '@workday/canvas-kit-react/text-area';
|
|
6
|
-
import { system } from '@workday/canvas-tokens-web';
|
|
7
|
-
import { cssVar } from '@workday/canvas-kit-styling';
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
|
|
10
|
-
*/
|
|
11
|
-
export const TextAreaField = createSubcomponent('textarea')({
|
|
12
|
-
displayName: 'TextArea.Field',
|
|
13
|
-
modelHook: useTextInputModel,
|
|
14
|
-
})(({ ...elemProps }, Element, model) => {
|
|
15
|
-
return (_jsx(FormField.Input, { as: TextArea, display: "block", minHeight: 64, minWidth: 280, padding: cssVar(system.space.x2), margin: 0, ...elemProps }));
|
|
16
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-react/form-field';
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated ⚠️ `TextInputProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs) instead.
|
|
6
|
-
*/
|
|
7
|
-
export interface TextInputProps extends ExtractProps<typeof FormField, never> {
|
|
8
|
-
/**
|
|
9
|
-
* Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
|
|
10
|
-
*/
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @stencil formFieldStencil
|
|
15
|
-
* @deprecated ⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead.
|
|
16
|
-
*/
|
|
17
|
-
export declare const TextInput: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-react/form-field").FormFieldProps & Partial<{
|
|
18
|
-
error: "error" | "alert" | undefined;
|
|
19
|
-
id: string;
|
|
20
|
-
isRequired: boolean;
|
|
21
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
22
|
-
}> & {} & {} & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
23
|
-
state: {
|
|
24
|
-
id: string;
|
|
25
|
-
error: "error" | "alert" | undefined;
|
|
26
|
-
isRequired: boolean;
|
|
27
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
28
|
-
};
|
|
29
|
-
events: {};
|
|
30
|
-
}, {}>, {
|
|
31
|
-
state: {
|
|
32
|
-
id: string;
|
|
33
|
-
error: "error" | "alert" | undefined;
|
|
34
|
-
isRequired: boolean;
|
|
35
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
36
|
-
};
|
|
37
|
-
events: {};
|
|
38
|
-
}> & {
|
|
39
|
-
Field: import("@workday/canvas-kit-react/common").ElementComponentM<"input", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
40
|
-
state: {
|
|
41
|
-
id: string;
|
|
42
|
-
error: "error" | "alert" | undefined;
|
|
43
|
-
isRequired: boolean;
|
|
44
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
45
|
-
};
|
|
46
|
-
events: {};
|
|
47
|
-
}, {}>, {
|
|
48
|
-
state: {
|
|
49
|
-
id: string;
|
|
50
|
-
error: "error" | "alert" | undefined;
|
|
51
|
-
isRequired: boolean;
|
|
52
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
53
|
-
};
|
|
54
|
-
events: {};
|
|
55
|
-
}>;
|
|
56
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field").FormFieldLabelProps, {
|
|
57
|
-
state: {
|
|
58
|
-
id: string;
|
|
59
|
-
error: "error" | "alert" | undefined;
|
|
60
|
-
isRequired: boolean;
|
|
61
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
62
|
-
};
|
|
63
|
-
events: {};
|
|
64
|
-
}>;
|
|
65
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
|
|
66
|
-
state: {
|
|
67
|
-
id: string;
|
|
68
|
-
error: "error" | "alert" | undefined;
|
|
69
|
-
isRequired: boolean;
|
|
70
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
71
|
-
};
|
|
72
|
-
events: {};
|
|
73
|
-
}>;
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAsC,MAAM,sCAAsC,CAAC;AAKpG;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContainer } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField, useFormFieldModel, formFieldStencil } from '@workday/canvas-kit-react/form-field';
|
|
4
|
-
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
5
|
-
import { TextInputField } from './TextInputField';
|
|
6
|
-
/**
|
|
7
|
-
* @stencil formFieldStencil
|
|
8
|
-
* @deprecated ⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead.
|
|
9
|
-
*/
|
|
10
|
-
export const TextInput = createContainer('div')({
|
|
11
|
-
displayName: 'TextInput',
|
|
12
|
-
modelHook: useFormFieldModel,
|
|
13
|
-
subComponents: {
|
|
14
|
-
Field: TextInputField,
|
|
15
|
-
Label: FormField.Label,
|
|
16
|
-
Hint: FormField.Hint,
|
|
17
|
-
},
|
|
18
|
-
})(({ children, orientation, grow, ...elemProps }, Element, model) => {
|
|
19
|
-
return (_jsx(Element, { ...mergeStyles(elemProps, formFieldStencil({
|
|
20
|
-
grow,
|
|
21
|
-
orientation: orientation,
|
|
22
|
-
error: model.state.error,
|
|
23
|
-
required: model.state.isRequired,
|
|
24
|
-
})), children: children }));
|
|
25
|
-
});
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
|
|
3
|
-
*/
|
|
4
|
-
export declare const TextInputField: import("@workday/canvas-kit-react/common").ElementComponentM<"input", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
5
|
-
state: {
|
|
6
|
-
id: string;
|
|
7
|
-
error: "error" | "alert" | undefined;
|
|
8
|
-
isRequired: boolean;
|
|
9
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
10
|
-
};
|
|
11
|
-
events: {};
|
|
12
|
-
}, {}>, {
|
|
13
|
-
state: {
|
|
14
|
-
id: string;
|
|
15
|
-
error: "error" | "alert" | undefined;
|
|
16
|
-
isRequired: boolean;
|
|
17
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
18
|
-
};
|
|
19
|
-
events: {};
|
|
20
|
-
}>;
|
|
21
|
-
//# sourceMappingURL=TextInputField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AAwBA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;EAWzB,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createSubcomponent } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-react/form-field';
|
|
4
|
-
import { brand } from '@workday/canvas-tokens-web';
|
|
5
|
-
import { createStencil } from '@workday/canvas-kit-styling';
|
|
6
|
-
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
7
|
-
import { useTextInputField, useTextInputModel } from './hooks';
|
|
8
|
-
import { TextInput, textInputStencil } from '@workday/canvas-kit-react/text-input';
|
|
9
|
-
const textInputFieldStencil = createStencil({
|
|
10
|
-
extends: textInputStencil,
|
|
11
|
-
base: { name: "1h6l82", styles: "box-sizing:border-box;" },
|
|
12
|
-
modifiers: {
|
|
13
|
-
error: {
|
|
14
|
-
error: { name: "1y589u", styles: "background-color:var(--cnvs-brand-error-lightest);" },
|
|
15
|
-
alert: { name: "vll5z", styles: "background-color:var(--cnvs-brand-alert-lightest);" }
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}, "text-input-field-ef9db8");
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
|
|
21
|
-
*/
|
|
22
|
-
export const TextInputField = createSubcomponent('input')({
|
|
23
|
-
displayName: 'TextInput.Field',
|
|
24
|
-
modelHook: useTextInputModel,
|
|
25
|
-
elemPropsHook: useTextInputField,
|
|
26
|
-
})((elemProps, Element, model) => {
|
|
27
|
-
return (_jsx(FormField.Input, { as: TextInput, ...mergeStyles(elemProps, [textInputFieldStencil({ error: model.state.error })]) }));
|
|
28
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
|
|
3
|
-
*
|
|
4
|
-
* @deprecated ⚠️ `useTextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const useTextInputField: import("@workday/canvas-kit-react/common").BehaviorHook<{
|
|
7
|
-
state: {
|
|
8
|
-
id: string;
|
|
9
|
-
error: "error" | "alert" | undefined;
|
|
10
|
-
isRequired: boolean;
|
|
11
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
12
|
-
};
|
|
13
|
-
events: {};
|
|
14
|
-
}, {
|
|
15
|
-
readonly type: "text";
|
|
16
|
-
}>;
|
|
17
|
-
//# sourceMappingURL=useTextInputField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTextInputField.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputField.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;EAI5B,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { useTextInputModel } from './useTextInputModel';
|
|
3
|
-
/**
|
|
4
|
-
* Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
|
|
5
|
-
*
|
|
6
|
-
* @deprecated ⚠️ `useTextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
7
|
-
*/
|
|
8
|
-
export const useTextInputField = createElemPropsHook(useTextInputModel)(() => {
|
|
9
|
-
return {
|
|
10
|
-
type: 'text',
|
|
11
|
-
};
|
|
12
|
-
});
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated ⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
3
|
-
*/
|
|
4
|
-
export declare const useTextInputModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
5
|
-
error: "error" | "alert" | undefined;
|
|
6
|
-
id: string;
|
|
7
|
-
isRequired: boolean;
|
|
8
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
9
|
-
}> & {} & {}) | undefined) => {
|
|
10
|
-
state: {
|
|
11
|
-
id: string;
|
|
12
|
-
error: "error" | "alert" | undefined;
|
|
13
|
-
isRequired: boolean;
|
|
14
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
15
|
-
};
|
|
16
|
-
events: {};
|
|
17
|
-
}) & import("@workday/canvas-kit-react/common").ModelExtras<{
|
|
18
|
-
error: "error" | "alert" | undefined;
|
|
19
|
-
id: string;
|
|
20
|
-
isRequired: boolean;
|
|
21
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
22
|
-
}, {}, {
|
|
23
|
-
id: string;
|
|
24
|
-
error: "error" | "alert" | undefined;
|
|
25
|
-
isRequired: boolean;
|
|
26
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
27
|
-
}, {}, {
|
|
28
|
-
state: {
|
|
29
|
-
id: string;
|
|
30
|
-
error: "error" | "alert" | undefined;
|
|
31
|
-
isRequired: boolean;
|
|
32
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
33
|
-
};
|
|
34
|
-
events: {};
|
|
35
|
-
}>;
|
|
36
|
-
//# sourceMappingURL=useTextInputModel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTextInputModel.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputModel.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { useFormFieldModel } from '@workday/canvas-kit-react/form-field';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated ⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
4
|
-
*/
|
|
5
|
-
export const useTextInputModel = useFormFieldModel;
|
package/text-area/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './lib/TextArea';
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
4
|
-
import {FormField, formFieldStencil} from '@workday/canvas-kit-react/form-field';
|
|
5
|
-
import {mergeStyles} from '@workday/canvas-kit-react/layout';
|
|
6
|
-
|
|
7
|
-
import {TextAreaField} from './TextAreaField';
|
|
8
|
-
import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated ⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
|
|
11
|
-
*/
|
|
12
|
-
export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
|
|
13
|
-
/**
|
|
14
|
-
* Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
|
|
15
|
-
*/
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* @stencil formFieldStencil
|
|
21
|
-
* @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
|
|
22
|
-
*/
|
|
23
|
-
export const TextArea = createContainer('div')({
|
|
24
|
-
displayName: 'TextArea',
|
|
25
|
-
modelHook: useTextInputModel,
|
|
26
|
-
subComponents: {
|
|
27
|
-
Field: TextAreaField,
|
|
28
|
-
Label: FormField.Label,
|
|
29
|
-
Hint: FormField.Hint,
|
|
30
|
-
},
|
|
31
|
-
})<TextAreaProps>(({children, grow, orientation, ...elemProps}, Element, model) => {
|
|
32
|
-
return (
|
|
33
|
-
<Element
|
|
34
|
-
{...mergeStyles(
|
|
35
|
-
elemProps,
|
|
36
|
-
formFieldStencil({
|
|
37
|
-
grow,
|
|
38
|
-
orientation: orientation,
|
|
39
|
-
error: model.state.error,
|
|
40
|
-
required: model.state.isRequired,
|
|
41
|
-
})
|
|
42
|
-
)}
|
|
43
|
-
>
|
|
44
|
-
{children}
|
|
45
|
-
</Element>
|
|
46
|
-
);
|
|
47
|
-
});
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {FormField} from '@workday/canvas-kit-react/form-field';
|
|
3
|
-
import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
|
|
4
|
-
import {TextArea} from '@workday/canvas-kit-react/text-area';
|
|
5
|
-
import {system} from '@workday/canvas-tokens-web';
|
|
6
|
-
import {cssVar} from '@workday/canvas-kit-styling';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
|
|
10
|
-
*/
|
|
11
|
-
export const TextAreaField = createSubcomponent('textarea')({
|
|
12
|
-
displayName: 'TextArea.Field',
|
|
13
|
-
modelHook: useTextInputModel,
|
|
14
|
-
})<ExtractProps<typeof FormField.Input, never>>(({...elemProps}, Element, model) => {
|
|
15
|
-
return (
|
|
16
|
-
<FormField.Input
|
|
17
|
-
as={TextArea}
|
|
18
|
-
display="block"
|
|
19
|
-
minHeight={64}
|
|
20
|
-
minWidth={280}
|
|
21
|
-
padding={cssVar(system.space.x2)} // Compensate for border
|
|
22
|
-
margin={0} // Fix Safari
|
|
23
|
-
{...elemProps}
|
|
24
|
-
/>
|
|
25
|
-
);
|
|
26
|
-
});
|
package/text-area/package.json
DELETED
package/text-input/index.ts
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
4
|
-
import {FormField, useFormFieldModel, formFieldStencil} from '@workday/canvas-kit-react/form-field';
|
|
5
|
-
import {mergeStyles} from '@workday/canvas-kit-react/layout';
|
|
6
|
-
|
|
7
|
-
import {TextInputField} from './TextInputField';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated ⚠️ `TextInputProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs) instead.
|
|
11
|
-
*/
|
|
12
|
-
export interface TextInputProps extends ExtractProps<typeof FormField, never> {
|
|
13
|
-
/**
|
|
14
|
-
* Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
|
|
15
|
-
*/
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* @stencil formFieldStencil
|
|
20
|
-
* @deprecated ⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead.
|
|
21
|
-
*/
|
|
22
|
-
export const TextInput = createContainer('div')({
|
|
23
|
-
displayName: 'TextInput',
|
|
24
|
-
modelHook: useFormFieldModel,
|
|
25
|
-
subComponents: {
|
|
26
|
-
Field: TextInputField,
|
|
27
|
-
Label: FormField.Label,
|
|
28
|
-
Hint: FormField.Hint,
|
|
29
|
-
},
|
|
30
|
-
})<ExtractProps<typeof FormField, never>>(
|
|
31
|
-
({children, orientation, grow, ...elemProps}, Element, model) => {
|
|
32
|
-
return (
|
|
33
|
-
<Element
|
|
34
|
-
{...mergeStyles(
|
|
35
|
-
elemProps,
|
|
36
|
-
formFieldStencil({
|
|
37
|
-
grow,
|
|
38
|
-
orientation: orientation,
|
|
39
|
-
error: model.state.error,
|
|
40
|
-
required: model.state.isRequired,
|
|
41
|
-
})
|
|
42
|
-
)}
|
|
43
|
-
>
|
|
44
|
-
{children}
|
|
45
|
-
</Element>
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
);
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {FormField} from '@workday/canvas-kit-react/form-field';
|
|
3
|
-
import {brand} from '@workday/canvas-tokens-web';
|
|
4
|
-
import {createStencil} from '@workday/canvas-kit-styling';
|
|
5
|
-
import {mergeStyles} from '@workday/canvas-kit-react/layout';
|
|
6
|
-
|
|
7
|
-
import {useTextInputField, useTextInputModel} from './hooks';
|
|
8
|
-
import {TextInput, textInputStencil} from '@workday/canvas-kit-react/text-input';
|
|
9
|
-
|
|
10
|
-
const textInputFieldStencil = createStencil({
|
|
11
|
-
extends: textInputStencil,
|
|
12
|
-
base: {},
|
|
13
|
-
modifiers: {
|
|
14
|
-
error: {
|
|
15
|
-
error: {
|
|
16
|
-
backgroundColor: brand.error.lightest,
|
|
17
|
-
},
|
|
18
|
-
alert: {
|
|
19
|
-
backgroundColor: brand.alert.lightest,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
|
|
27
|
-
*/
|
|
28
|
-
export const TextInputField = createSubcomponent('input')({
|
|
29
|
-
displayName: 'TextInput.Field',
|
|
30
|
-
modelHook: useTextInputModel,
|
|
31
|
-
elemPropsHook: useTextInputField,
|
|
32
|
-
})<ExtractProps<typeof FormField.Input, never>>((elemProps, Element, model) => {
|
|
33
|
-
return (
|
|
34
|
-
<FormField.Input
|
|
35
|
-
as={TextInput}
|
|
36
|
-
{...mergeStyles(elemProps, [textInputFieldStencil({error: model.state.error})])}
|
|
37
|
-
/>
|
|
38
|
-
);
|
|
39
|
-
});
|