@workday/canvas-kit-preview-react 7.0.0-alpha.87-next.14 → 7.0.0-alpha.90-next.17
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/form-field/lib/FormField.d.ts +46 -12
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +7 -11
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +8 -12
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldHint.js +11 -13
- package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +8 -7
- package/dist/commonjs/form-field/lib/FormFieldInput.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldInput.js +5 -19
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +8 -3
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldLabel.js +9 -11
- package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +8 -5
- package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.js +2 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +8 -5
- package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.js +2 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +8 -5
- package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.js +2 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +77 -15
- package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.js +41 -15
- package/dist/commonjs/menu/lib/Menu.js +1 -1
- package/dist/commonjs/text-area/lib/TextArea.d.ts +52 -11
- package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextArea.js +9 -15
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts +15 -7
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextAreaField.js +16 -17
- package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +27 -7
- package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInput.d.ts +59 -11
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInput.js +9 -15
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +15 -7
- package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInputField.js +15 -29
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +8 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +2 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +27 -7
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts +46 -12
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +8 -12
- package/dist/es6/form-field/lib/FormFieldHint.d.ts +8 -12
- package/dist/es6/form-field/lib/FormFieldHint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldHint.js +13 -15
- package/dist/es6/form-field/lib/FormFieldInput.d.ts +8 -7
- package/dist/es6/form-field/lib/FormFieldInput.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldInput.js +7 -21
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts +8 -3
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldLabel.js +11 -13
- package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +8 -5
- package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldHint.js +3 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +8 -5
- package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldInput.js +3 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +8 -5
- package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldLabel.js +3 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +77 -15
- package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldModel.js +42 -15
- package/dist/es6/menu/lib/Menu.js +1 -1
- package/dist/es6/text-area/lib/TextArea.d.ts +52 -11
- package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextArea.js +10 -16
- package/dist/es6/text-area/lib/TextAreaField.d.ts +15 -7
- package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextAreaField.js +17 -18
- package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +27 -7
- package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInput.d.ts +59 -11
- package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInput.js +10 -16
- package/dist/es6/text-input/lib/TextInputField.d.ts +15 -7
- package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInputField.js +17 -31
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +8 -1
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
- package/dist/es6/text-input/lib/hooks/useTextInputField.js +3 -2
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +27 -7
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
- package/form-field/lib/FormField.tsx +13 -28
- package/form-field/lib/FormFieldHint.tsx +21 -32
- package/form-field/lib/FormFieldInput.tsx +7 -14
- package/form-field/lib/FormFieldLabel.tsx +17 -21
- package/form-field/lib/hooks/useFormFieldHint.tsx +3 -3
- package/form-field/lib/hooks/useFormFieldInput.tsx +3 -3
- package/form-field/lib/hooks/useFormFieldLabel.tsx +3 -3
- package/form-field/lib/hooks/useFormFieldModel.tsx +32 -53
- package/menu/lib/Menu.tsx +1 -1
- package/package.json +7 -16
- package/text-area/lib/TextArea.tsx +15 -29
- package/text-area/lib/TextAreaField.tsx +30 -44
- package/text-area/lib/hooks/useTextAreaModel.ts +1 -3
- package/text-input/lib/TextInput.tsx +15 -29
- package/text-input/lib/TextInputField.tsx +31 -43
- package/text-input/lib/hooks/useTextInputField.tsx +3 -2
- package/text-input/lib/hooks/useTextInputModel.ts +1 -3
- package/dist/commonjs/text-area/lib/TextAreaHint.d.ts +0 -5
- package/dist/commonjs/text-area/lib/TextAreaHint.d.ts.map +0 -1
- package/dist/commonjs/text-area/lib/TextAreaHint.js +0 -5
- package/dist/commonjs/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/dist/commonjs/text-area/lib/TextAreaLabel.d.ts.map +0 -1
- package/dist/commonjs/text-area/lib/TextAreaLabel.js +0 -5
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -5
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputHint.js +0 -5
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -5
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputLabel.js +0 -5
- package/dist/es6/text-area/lib/TextAreaHint.d.ts +0 -5
- package/dist/es6/text-area/lib/TextAreaHint.d.ts.map +0 -1
- package/dist/es6/text-area/lib/TextAreaHint.js +0 -2
- package/dist/es6/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/dist/es6/text-area/lib/TextAreaLabel.d.ts.map +0 -1
- package/dist/es6/text-area/lib/TextAreaLabel.js +0 -2
- package/dist/es6/text-input/lib/TextInputHint.d.ts +0 -5
- package/dist/es6/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputHint.js +0 -2
- package/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -5
- package/dist/es6/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputLabel.js +0 -2
- package/text-area/lib/TextAreaHint.tsx +0 -6
- package/text-area/lib/TextAreaLabel.tsx +0 -6
- package/text-input/lib/TextInputHint.tsx +0 -6
- package/text-input/lib/TextInputLabel.tsx +0 -6
- package/ts3.5/dist/commonjs/breadcrumbs/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
- package/ts3.5/dist/commonjs/color-picker/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/color-picker/lib/ColorPicker.d.ts +0 -55
- package/ts3.5/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts +0 -7
- package/ts3.5/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts +0 -7
- package/ts3.5/dist/commonjs/form-field/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/form-field/lib/FormField.d.ts +0 -31
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldHint.d.ts +0 -13
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldInput.d.ts +0 -8
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +0 -18
- package/ts3.5/dist/commonjs/form-field/lib/hooks/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +0 -14
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +0 -17
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +0 -14
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +0 -36
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +0 -10
- package/ts3.5/dist/commonjs/index.d.ts +0 -9
- package/ts3.5/dist/commonjs/menu/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/menu/lib/Menu.d.ts +0 -61
- package/ts3.5/dist/commonjs/menu/lib/MenuItem.d.ts +0 -53
- package/ts3.5/dist/commonjs/select/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/select/lib/Select.d.ts +0 -25
- package/ts3.5/dist/commonjs/select/lib/SelectBase.d.ts +0 -123
- package/ts3.5/dist/commonjs/select/lib/SelectMenu.d.ts +0 -42
- package/ts3.5/dist/commonjs/select/lib/SelectOption.d.ts +0 -33
- package/ts3.5/dist/commonjs/select/lib/scrolling.d.ts +0 -2
- package/ts3.5/dist/commonjs/select/lib/types.d.ts +0 -33
- package/ts3.5/dist/commonjs/select/lib/utils.d.ts +0 -4
- package/ts3.5/dist/commonjs/side-panel/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/side-panel/lib/SidePanel.d.ts +0 -86
- package/ts3.5/dist/commonjs/side-panel/lib/hooks.d.ts +0 -80
- package/ts3.5/dist/commonjs/text-area/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/text-area/lib/TextArea.d.ts +0 -22
- package/ts3.5/dist/commonjs/text-area/lib/TextAreaField.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-area/lib/TextAreaHint.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-area/lib/hooks/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-input/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/text-input/lib/TextInput.d.ts +0 -22
- package/ts3.5/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-input/lib/hooks/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -9
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -8
- package/ts3.5/dist/es6/breadcrumbs/index.d.ts +0 -5
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
- package/ts3.5/dist/es6/color-picker/index.d.ts +0 -2
- package/ts3.5/dist/es6/color-picker/lib/ColorPicker.d.ts +0 -55
- package/ts3.5/dist/es6/color-picker/lib/parts/ColorReset.d.ts +0 -7
- package/ts3.5/dist/es6/color-picker/lib/parts/SwatchBook.d.ts +0 -7
- package/ts3.5/dist/es6/form-field/index.d.ts +0 -3
- package/ts3.5/dist/es6/form-field/lib/FormField.d.ts +0 -31
- package/ts3.5/dist/es6/form-field/lib/FormFieldHint.d.ts +0 -13
- package/ts3.5/dist/es6/form-field/lib/FormFieldInput.d.ts +0 -8
- package/ts3.5/dist/es6/form-field/lib/FormFieldLabel.d.ts +0 -18
- package/ts3.5/dist/es6/form-field/lib/hooks/index.d.ts +0 -6
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +0 -14
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +0 -17
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +0 -14
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +0 -36
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +0 -10
- package/ts3.5/dist/es6/index.d.ts +0 -9
- package/ts3.5/dist/es6/menu/index.d.ts +0 -6
- package/ts3.5/dist/es6/menu/lib/Menu.d.ts +0 -61
- package/ts3.5/dist/es6/menu/lib/MenuItem.d.ts +0 -53
- package/ts3.5/dist/es6/select/index.d.ts +0 -6
- package/ts3.5/dist/es6/select/lib/Select.d.ts +0 -25
- package/ts3.5/dist/es6/select/lib/SelectBase.d.ts +0 -123
- package/ts3.5/dist/es6/select/lib/SelectMenu.d.ts +0 -42
- package/ts3.5/dist/es6/select/lib/SelectOption.d.ts +0 -33
- package/ts3.5/dist/es6/select/lib/scrolling.d.ts +0 -2
- package/ts3.5/dist/es6/select/lib/types.d.ts +0 -33
- package/ts3.5/dist/es6/select/lib/utils.d.ts +0 -4
- package/ts3.5/dist/es6/side-panel/index.d.ts +0 -6
- package/ts3.5/dist/es6/side-panel/lib/SidePanel.d.ts +0 -86
- package/ts3.5/dist/es6/side-panel/lib/hooks.d.ts +0 -80
- package/ts3.5/dist/es6/text-area/index.d.ts +0 -2
- package/ts3.5/dist/es6/text-area/lib/TextArea.d.ts +0 -22
- package/ts3.5/dist/es6/text-area/lib/TextAreaField.d.ts +0 -8
- package/ts3.5/dist/es6/text-area/lib/TextAreaHint.d.ts +0 -5
- package/ts3.5/dist/es6/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/ts3.5/dist/es6/text-area/lib/hooks/index.d.ts +0 -2
- package/ts3.5/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +0 -8
- package/ts3.5/dist/es6/text-input/index.d.ts +0 -3
- package/ts3.5/dist/es6/text-input/lib/TextInput.d.ts +0 -22
- package/ts3.5/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/es6/text-input/lib/TextInputHint.d.ts +0 -5
- package/ts3.5/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -5
- package/ts3.5/dist/es6/text-input/lib/hooks/index.d.ts +0 -3
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -9
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -8
|
@@ -1,47 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
FormField,
|
|
6
|
-
FormFieldModelContext,
|
|
7
|
-
useFormFieldOrientation,
|
|
8
|
-
} from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
+
import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
4
|
+
import {FormField, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
|
|
9
5
|
import {Stack} from '@workday/canvas-kit-react/layout';
|
|
10
6
|
|
|
11
|
-
import {useTextInputModel
|
|
7
|
+
import {useTextInputModel} from './hooks';
|
|
12
8
|
import {TextInputField} from './TextInputField';
|
|
13
|
-
import {TextInputLabel} from './TextInputLabel';
|
|
14
|
-
import {TextInputHint} from './TextInputHint';
|
|
15
|
-
|
|
16
|
-
export const TextInputModelContext = FormFieldModelContext;
|
|
17
9
|
|
|
18
10
|
export interface TextInputProps extends ExtractProps<typeof FormField, never> {
|
|
19
|
-
model?: TextInputModel;
|
|
20
11
|
/**
|
|
21
12
|
* Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
|
|
22
13
|
*/
|
|
23
14
|
children: React.ReactNode;
|
|
24
15
|
}
|
|
25
16
|
|
|
26
|
-
export const TextInput =
|
|
17
|
+
export const TextInput = createContainer('div')({
|
|
27
18
|
displayName: 'TextInput',
|
|
28
|
-
|
|
29
|
-
const {hasError, id, isRequired, ...elemProps} = props;
|
|
30
|
-
const value = useDefaultModel(model, {hasError, id, isRequired}, useTextInputModel);
|
|
31
|
-
|
|
32
|
-
const layoutProps = useFormFieldOrientation(orientation);
|
|
33
|
-
|
|
34
|
-
return (
|
|
35
|
-
<TextInputModelContext.Provider value={value}>
|
|
36
|
-
<Stack ref={ref} {...layoutProps} {...elemProps}>
|
|
37
|
-
{children}
|
|
38
|
-
</Stack>
|
|
39
|
-
</TextInputModelContext.Provider>
|
|
40
|
-
);
|
|
41
|
-
},
|
|
19
|
+
modelHook: useTextInputModel,
|
|
42
20
|
subComponents: {
|
|
43
21
|
Field: TextInputField,
|
|
44
|
-
Label:
|
|
45
|
-
Hint:
|
|
22
|
+
Label: FormField.Label,
|
|
23
|
+
Hint: FormField.Hint,
|
|
46
24
|
},
|
|
25
|
+
})<ExtractProps<typeof FormField, never>>(({children, orientation, ...elemProps}, Element) => {
|
|
26
|
+
const layoutProps = useFormFieldOrientation(orientation);
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<Stack as={Element} {...layoutProps} {...elemProps}>
|
|
30
|
+
{children}
|
|
31
|
+
</Stack>
|
|
32
|
+
);
|
|
47
33
|
});
|
|
@@ -9,21 +9,11 @@ import {
|
|
|
9
9
|
space,
|
|
10
10
|
type,
|
|
11
11
|
} from '@workday/canvas-kit-react/tokens';
|
|
12
|
-
import {
|
|
13
|
-
createComponent,
|
|
14
|
-
ExtractProps,
|
|
15
|
-
useModelContext,
|
|
16
|
-
useTheme,
|
|
17
|
-
} from '@workday/canvas-kit-react/common';
|
|
12
|
+
import {createSubcomponent, ExtractProps, useTheme} from '@workday/canvas-kit-react/common';
|
|
18
13
|
import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
|
|
19
14
|
import {FormField} from '@workday/canvas-kit-preview-react/form-field';
|
|
20
15
|
|
|
21
|
-
import {
|
|
22
|
-
import {useTextInputField, TextInputModel} from './hooks';
|
|
23
|
-
|
|
24
|
-
export interface TextInputFieldProps extends ExtractProps<typeof FormField.Input, never> {
|
|
25
|
-
model?: TextInputModel;
|
|
26
|
-
}
|
|
16
|
+
import {useTextInputField, useTextInputModel} from './hooks';
|
|
27
17
|
|
|
28
18
|
const baseStyles: CSSProperties = {
|
|
29
19
|
...type.levels.subtext.large,
|
|
@@ -50,38 +40,36 @@ const baseStyles: CSSProperties = {
|
|
|
50
40
|
},
|
|
51
41
|
};
|
|
52
42
|
|
|
53
|
-
export const TextInputField =
|
|
43
|
+
export const TextInputField = createSubcomponent('input')({
|
|
54
44
|
displayName: 'TextInput.Field',
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
45
|
+
modelHook: useTextInputModel,
|
|
46
|
+
elemPropsHook: useTextInputField,
|
|
47
|
+
})<ExtractProps<typeof FormField.Input, never>>((elemProps, Element, model) => {
|
|
48
|
+
const theme = useTheme();
|
|
49
|
+
const errorRing = useThemedRing('error');
|
|
58
50
|
|
|
59
|
-
|
|
60
|
-
|
|
51
|
+
const focusStyles = model.state.hasError
|
|
52
|
+
? errorRing
|
|
53
|
+
: {
|
|
54
|
+
'&:focus:not([disabled])': {
|
|
55
|
+
borderColor: theme.canvas.palette.common.focusOutline,
|
|
56
|
+
boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
|
|
57
|
+
},
|
|
58
|
+
};
|
|
61
59
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
display="block"
|
|
78
|
-
height="40px"
|
|
79
|
-
minWidth="280px"
|
|
80
|
-
border={`1px solid ${inputColors.border}`}
|
|
81
|
-
backgroundColor={inputColors.background}
|
|
82
|
-
borderRadius={borderRadius.m}
|
|
83
|
-
{...props}
|
|
84
|
-
/>
|
|
85
|
-
);
|
|
86
|
-
},
|
|
60
|
+
return (
|
|
61
|
+
<FormField.Input
|
|
62
|
+
as="input"
|
|
63
|
+
css={[baseStyles, focusStyles]}
|
|
64
|
+
padding={space.xxs}
|
|
65
|
+
margin={0}
|
|
66
|
+
display="block"
|
|
67
|
+
height="40px"
|
|
68
|
+
minWidth="280px"
|
|
69
|
+
border={`1px solid ${inputColors.border}`}
|
|
70
|
+
backgroundColor={inputColors.background}
|
|
71
|
+
borderRadius={borderRadius.m}
|
|
72
|
+
{...elemProps}
|
|
73
|
+
/>
|
|
74
|
+
);
|
|
87
75
|
});
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {createElemPropsHook} from '@workday/canvas-kit-react/common';
|
|
2
|
+
import {useTextInputModel} from './useTextInputModel';
|
|
2
3
|
|
|
3
4
|
/**
|
|
4
5
|
* Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
|
|
5
6
|
*/
|
|
6
|
-
export const useTextInputField =
|
|
7
|
+
export const useTextInputField = createElemPropsHook(useTextInputModel)(() => {
|
|
7
8
|
return {
|
|
8
9
|
type: 'text',
|
|
9
10
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import {useFormFieldModel
|
|
1
|
+
import {useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
|
|
2
2
|
|
|
3
3
|
export const useTextInputModel = useFormFieldModel;
|
|
4
|
-
|
|
5
|
-
export type TextInputModel = FormFieldModel;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
|
|
4
|
-
export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
5
|
-
//# sourceMappingURL=TextAreaHint.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaHint.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,YAAY,mIAAiB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
4
|
-
export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
5
|
-
//# sourceMappingURL=TextAreaLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaLabel.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,yIAAkB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
|
|
4
|
-
export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
5
|
-
//# sourceMappingURL=TextInputHint.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputHint.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,mIAAiB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
4
|
-
export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
5
|
-
//# sourceMappingURL=TextInputLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputLabel.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,mBAAmB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,yIAAkB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
|
|
4
|
-
export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
5
|
-
//# sourceMappingURL=TextAreaHint.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaHint.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,YAAY,mIAAiB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
4
|
-
export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
5
|
-
//# sourceMappingURL=TextAreaLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaLabel.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,yIAAkB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
|
|
4
|
-
export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
5
|
-
//# sourceMappingURL=TextInputHint.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputHint.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,mIAAiB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
4
|
-
export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
5
|
-
//# sourceMappingURL=TextInputLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputLabel.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,mBAAmB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,yIAAkB,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import {ExtractProps} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {FormField} from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
|
|
4
|
-
export type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
5
|
-
|
|
6
|
-
export const TextInputLabel = FormField.Label;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CanvasSystemIcon } from '@workday/design-assets-types';
|
|
3
|
-
export interface DropdownButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
4
|
-
/**
|
|
5
|
-
* The accessibility label for the button
|
|
6
|
-
*/
|
|
7
|
-
'aria-label': string;
|
|
8
|
-
/**
|
|
9
|
-
* The Canvas System Icon for the button
|
|
10
|
-
*
|
|
11
|
-
* @default relatedActionsIcon
|
|
12
|
-
*/
|
|
13
|
-
buttonIcon?: CanvasSystemIcon;
|
|
14
|
-
/**
|
|
15
|
-
* The boolean to determine whether the button should be in a 'toggled' state
|
|
16
|
-
*/
|
|
17
|
-
toggled: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", DropdownButtonProps>;
|
|
20
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Breadcrumb } from '../types';
|
|
3
|
-
export interface DropdownMenuProps {
|
|
4
|
-
/**
|
|
5
|
-
* The active dropdown item in the menu
|
|
6
|
-
*/
|
|
7
|
-
activeDropdownItem: Breadcrumb;
|
|
8
|
-
/**
|
|
9
|
-
* The HTML `id` of the element that labels the Menu. It should match the id of the menu button.
|
|
10
|
-
*/
|
|
11
|
-
'aria-labelledby': string;
|
|
12
|
-
/**
|
|
13
|
-
* An array of Breadcrumb items to render in the dropdown menu
|
|
14
|
-
*/
|
|
15
|
-
dropdownItems: Breadcrumb[];
|
|
16
|
-
/**
|
|
17
|
-
* A function to set the active dropdown item
|
|
18
|
-
*/
|
|
19
|
-
setActiveDropdownItem: React.Dispatch<React.SetStateAction<Breadcrumb>>;
|
|
20
|
-
/**
|
|
21
|
-
* The ref of the rendered HTMLAnchorElement
|
|
22
|
-
*/
|
|
23
|
-
activeDropdownItemRef: React.RefObject<HTMLAnchorElement>;
|
|
24
|
-
/**
|
|
25
|
-
* A function to return the focus to the dropdown button
|
|
26
|
-
*/
|
|
27
|
-
resetFocus: () => void;
|
|
28
|
-
/**
|
|
29
|
-
* A function to toggle the focus to the previous list item
|
|
30
|
-
*/
|
|
31
|
-
toggleActiveItemUp: () => void;
|
|
32
|
-
/**
|
|
33
|
-
* A function to toggle the focus to the next list item
|
|
34
|
-
*/
|
|
35
|
-
toggleActiveItemDown: () => void;
|
|
36
|
-
}
|
|
37
|
-
export declare const DropdownMenu: ({ activeDropdownItemRef, activeDropdownItem, dropdownItems, resetFocus, setActiveDropdownItem, toggleActiveItemDown, toggleActiveItemUp, ...elemProps }: DropdownMenuProps) => JSX.Element;
|
|
38
|
-
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface DropdownMenuItemLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The href url of the anchor tag
|
|
5
|
-
*/
|
|
6
|
-
href: string;
|
|
7
|
-
/**
|
|
8
|
-
* A handler function for overriding hard-redirects with links
|
|
9
|
-
*/
|
|
10
|
-
onAction?: (href: string) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const DropdownMenuItemLink: React.ForwardRefExoticComponent<DropdownMenuItemLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=MenuItemLink.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { usePopupPopper } from '@workday/canvas-kit-react/popup';
|
|
2
|
-
import { DropdownButtonProps } from './Button';
|
|
3
|
-
import { DropdownMenuProps } from './Menu';
|
|
4
|
-
import { Breadcrumb } from '../types';
|
|
5
|
-
export declare const useFocusActiveItemElement: <E extends HTMLElement>(activeDropdownItemRef: import("react").RefObject<E>) => void;
|
|
6
|
-
interface UseDropdown {
|
|
7
|
-
dropdownButtonProps: Pick<DropdownButtonProps, Exclude<keyof DropdownButtonProps, 'aria-label'>>;
|
|
8
|
-
dropdownMenuProps: DropdownMenuProps;
|
|
9
|
-
popperProps: ReturnType<typeof usePopupPopper>;
|
|
10
|
-
}
|
|
11
|
-
export declare const useDropdown: (activeDropdownItemRef: React.RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Breadcrumb } from '../types';
|
|
2
|
-
import { DropdownButtonProps } from './Button';
|
|
3
|
-
export interface DropdownProps extends Pick<DropdownButtonProps, 'buttonIcon'> {
|
|
4
|
-
buttonAriaLabel: string;
|
|
5
|
-
items?: Breadcrumb[];
|
|
6
|
-
}
|
|
7
|
-
export declare const Dropdown: ({ buttonAriaLabel, buttonIcon, items }: DropdownProps) => JSX.Element;
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DropdownButtonProps } from '../Dropdown/Button';
|
|
3
|
-
export interface CollapsibleListProps extends React.HTMLAttributes<HTMLUListElement>, Pick<DropdownButtonProps, 'buttonIcon'> {
|
|
4
|
-
/**
|
|
5
|
-
* The accessibility label for the dropdown menu button.
|
|
6
|
-
*
|
|
7
|
-
* Suggested value: "more links"
|
|
8
|
-
*/
|
|
9
|
-
buttonAriaLabel: string;
|
|
10
|
-
/**
|
|
11
|
-
* The max-width before the list should collapse and render a dropdown menu
|
|
12
|
-
*/
|
|
13
|
-
maxWidth: number;
|
|
14
|
-
}
|
|
15
|
-
export declare const CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: CollapsibleListProps) => JSX.Element;
|
|
16
|
-
//# sourceMappingURL=Collapsible.d.ts.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface CurrentItemProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The max-width of the text
|
|
5
|
-
*
|
|
6
|
-
* @default 350px
|
|
7
|
-
*/
|
|
8
|
-
maxWidth?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare const CurrentItem: ({ children, maxWidth, ...elemProps }: CurrentItemProps) => JSX.Element;
|
|
11
|
-
//# sourceMappingURL=CurrentItem.d.ts.map
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The href url of the anchor tag
|
|
5
|
-
*/
|
|
6
|
-
href: string;
|
|
7
|
-
/**
|
|
8
|
-
* The max-width of the link text
|
|
9
|
-
*
|
|
10
|
-
* @default 350px
|
|
11
|
-
*/
|
|
12
|
-
maxWidth?: number;
|
|
13
|
-
/**
|
|
14
|
-
* A handler function for overriding hard-redirects with links
|
|
15
|
-
*/
|
|
16
|
-
onAction?: (href: string) => void;
|
|
17
|
-
}
|
|
18
|
-
export declare const BreadcrumbLink: ({ maxWidth, onAction, onClick, href, children, ...props }: BreadcrumbLinkProps) => JSX.Element;
|
|
19
|
-
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Breadcrumb } from '../types';
|
|
3
|
-
export declare const useCollapse: <E extends HTMLElement>(listEl: React.RefObject<E>, maxWidth?: number) => {
|
|
4
|
-
shouldCollapseList: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: React.RefObject<E>, children: React.ReactNode, maxWidth: number) => {
|
|
7
|
-
collapsedItems: Breadcrumb[];
|
|
8
|
-
collapsedItemIndices: number[];
|
|
9
|
-
};
|
|
10
|
-
export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
|
|
11
|
-
isTooltipOpen: boolean;
|
|
12
|
-
openTooltip: (event: React.MouseEvent | React.FocusEvent) => void;
|
|
13
|
-
closeTooltip: () => void;
|
|
14
|
-
shouldShowTooltip: boolean;
|
|
15
|
-
tooltipProps: {
|
|
16
|
-
role: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
|
|
3
|
-
export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponent<"ul", BreadcrumbsListProps>;
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface BreadcrumbsNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The accessibility label to indicate the type of navigation.
|
|
5
|
-
*
|
|
6
|
-
* Suggested value: "breadcrumb"
|
|
7
|
-
*/
|
|
8
|
-
'aria-label': string;
|
|
9
|
-
}
|
|
10
|
-
export declare const BreadcrumbsNav: ({ "aria-label": ariaLabel, ...elemProps }: BreadcrumbsNavProps) => JSX.Element;
|
|
11
|
-
//# sourceMappingURL=Nav.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const Breadcrumbs: {
|
|
2
|
-
Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
|
|
3
|
-
CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
|
|
4
|
-
List: import("@workday/canvas-kit-react/common").ElementComponent<"ul", import("./List").BreadcrumbsListProps>;
|
|
5
|
-
ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
|
|
6
|
-
Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
|
|
7
|
-
CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|