@workday/canvas-kit-preview-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.101-next.26
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/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx +51 -22
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +2 -2
- package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +1 -0
- package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +5 -1
- package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +1 -1
- package/color-picker/lib/ColorPicker.tsx +3 -3
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +3 -3
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +33 -5
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +2 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +2 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +1 -1
- package/dist/commonjs/color-picker/lib/ColorPicker.js +2 -2
- package/dist/commonjs/form-field/lib/FormField.d.ts +47 -13
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +8 -12
- 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 +13 -15
- 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 +6 -20
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +9 -4
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldLabel.js +11 -14
- 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/form-field/lib/hooks/useFormFieldOrientation.d.ts +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
- package/dist/commonjs/index.d.ts +1 -0
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +1 -0
- package/dist/commonjs/menu/lib/Menu.js +1 -1
- package/dist/commonjs/pill/index.d.ts +3 -0
- package/dist/commonjs/pill/index.d.ts.map +1 -0
- package/dist/commonjs/pill/index.js +14 -0
- package/dist/commonjs/pill/lib/Pill.d.ts +58 -0
- package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/Pill.js +164 -0
- package/dist/commonjs/pill/lib/PillAvatar.d.ts +11 -0
- package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillAvatar.js +29 -0
- package/dist/commonjs/pill/lib/PillCount.d.ts +5 -0
- package/dist/commonjs/pill/lib/PillCount.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillCount.js +45 -0
- package/dist/commonjs/pill/lib/PillIcon.d.ts +17 -0
- package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillIcon.js +40 -0
- package/dist/commonjs/pill/lib/PillIconButton.d.ts +17 -0
- package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillIconButton.js +88 -0
- package/dist/commonjs/pill/lib/PillLabel.d.ts +13 -0
- package/dist/commonjs/pill/lib/PillLabel.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillLabel.js +47 -0
- package/dist/commonjs/pill/lib/usePillModel.d.ts +58 -0
- package/dist/commonjs/pill/lib/usePillModel.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/usePillModel.js +31 -0
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts +4 -4
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +24 -9
- 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 +10 -16
- 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 +10 -16
- 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/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +3 -3
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +35 -7
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +2 -2
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +2 -2
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +1 -1
- package/dist/es6/color-picker/lib/ColorPicker.js +3 -3
- package/dist/es6/form-field/lib/FormField.d.ts +47 -13
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +9 -13
- 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 +14 -16
- 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 +8 -22
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts +9 -4
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldLabel.js +12 -15
- 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/form-field/lib/hooks/useFormFieldOrientation.d.ts +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
- package/dist/es6/index.d.ts +1 -0
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -0
- package/dist/es6/menu/lib/Menu.js +1 -1
- package/dist/es6/pill/index.d.ts +3 -0
- package/dist/es6/pill/index.d.ts.map +1 -0
- package/dist/es6/pill/index.js +2 -0
- package/dist/es6/pill/lib/Pill.d.ts +58 -0
- package/dist/es6/pill/lib/Pill.d.ts.map +1 -0
- package/dist/es6/pill/lib/Pill.js +158 -0
- package/dist/es6/pill/lib/PillAvatar.d.ts +12 -0
- package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillAvatar.js +23 -0
- package/dist/es6/pill/lib/PillCount.d.ts +5 -0
- package/dist/es6/pill/lib/PillCount.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillCount.js +39 -0
- package/dist/es6/pill/lib/PillIcon.d.ts +18 -0
- package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillIcon.js +34 -0
- package/dist/es6/pill/lib/PillIconButton.d.ts +18 -0
- package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillIconButton.js +82 -0
- package/dist/es6/pill/lib/PillLabel.d.ts +14 -0
- package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillLabel.js +41 -0
- package/dist/es6/pill/lib/usePillModel.d.ts +58 -0
- package/dist/es6/pill/lib/usePillModel.d.ts.map +1 -0
- package/dist/es6/pill/lib/usePillModel.js +28 -0
- package/dist/es6/side-panel/lib/SidePanel.d.ts +4 -4
- package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +26 -11
- 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 +11 -17
- 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 +11 -17
- 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 +14 -29
- package/form-field/lib/FormFieldHint.tsx +22 -33
- package/form-field/lib/FormFieldInput.tsx +8 -15
- package/form-field/lib/FormFieldLabel.tsx +18 -23
- 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/form-field/lib/hooks/useFormFieldOrientation.tsx +1 -1
- package/index.ts +1 -0
- package/menu/lib/Menu.tsx +1 -1
- package/package.json +9 -18
- package/pill/LICENSE +52 -0
- package/pill/README.md +5 -0
- package/pill/index.ts +2 -0
- package/pill/lib/Pill.tsx +218 -0
- package/pill/lib/PillAvatar.tsx +26 -0
- package/pill/lib/PillCount.tsx +39 -0
- package/pill/lib/PillIcon.tsx +32 -0
- package/pill/lib/PillIconButton.tsx +96 -0
- package/pill/lib/PillLabel.tsx +35 -0
- package/pill/lib/usePillModel.tsx +21 -0
- package/pill/package.json +5 -0
- package/side-panel/lib/SidePanel.tsx +36 -21
- package/text-area/lib/TextArea.tsx +16 -30
- package/text-area/lib/TextAreaField.tsx +30 -44
- package/text-area/lib/hooks/useTextAreaModel.ts +1 -3
- package/text-input/lib/TextInput.tsx +16 -30
- 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,20 +0,0 @@
|
|
|
1
|
-
import { IconButtonProps } from '@workday/canvas-kit-react/button';
|
|
2
|
-
import { CanvasSystemIcon } from '@workday/design-assets-types';
|
|
3
|
-
export interface DropdownButtonProps extends IconButtonProps {
|
|
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<import("@workday/canvas-kit-react/common").ElementComponent<"button", IconButtonProps>, 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
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The function called when the ColorPicker state changes.
|
|
5
|
-
*/
|
|
6
|
-
onColorChange: (color: string) => void;
|
|
7
|
-
/**
|
|
8
|
-
* The value of the ColorPicker.
|
|
9
|
-
*/
|
|
10
|
-
value?: string;
|
|
11
|
-
/**
|
|
12
|
-
* The array of colors to be rendered in the swatchbook.
|
|
13
|
-
*/
|
|
14
|
-
colorSet?: string[];
|
|
15
|
-
/**
|
|
16
|
-
* If true, render an input for entering a custom hex color.
|
|
17
|
-
* @default false
|
|
18
|
-
*/
|
|
19
|
-
showCustomHexInput?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* The label text of the custom hex input.
|
|
22
|
-
* @default 'Custom Hex Color'
|
|
23
|
-
*/
|
|
24
|
-
customHexInputLabel?: string;
|
|
25
|
-
/**
|
|
26
|
-
* The label of the custom hex color submit icon button.
|
|
27
|
-
* @default 'Submit'
|
|
28
|
-
*/
|
|
29
|
-
submitLabel?: string;
|
|
30
|
-
/**
|
|
31
|
-
* The function called when the submit icon is clicked.
|
|
32
|
-
*/
|
|
33
|
-
onSubmitClick?: (event: React.FormEvent) => void;
|
|
34
|
-
/**
|
|
35
|
-
* The function called when the color rest button is selected.
|
|
36
|
-
* It is required to be set for the reset button to render.
|
|
37
|
-
*/
|
|
38
|
-
onColorReset?: (color: string) => void;
|
|
39
|
-
/**
|
|
40
|
-
* The color that the reset button resets to.
|
|
41
|
-
* It is required to be set for the reset button to render.
|
|
42
|
-
*/
|
|
43
|
-
resetColor?: string;
|
|
44
|
-
/**
|
|
45
|
-
* The label text of the reset button.
|
|
46
|
-
* @default 'Reset'
|
|
47
|
-
*/
|
|
48
|
-
resetLabel?: string;
|
|
49
|
-
}
|
|
50
|
-
declare const ColorPicker: {
|
|
51
|
-
({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): JSX.Element;
|
|
52
|
-
defaultColorSet: string[];
|
|
53
|
-
};
|
|
54
|
-
export default ColorPicker;
|
|
55
|
-
//# sourceMappingURL=ColorPicker.d.ts.map
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
|
|
4
|
-
import { FormFieldModel, FormFieldModelConfig } from './hooks';
|
|
5
|
-
export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
|
-
hasError?: boolean | undefined;
|
|
7
|
-
id?: string | undefined;
|
|
8
|
-
isRequired?: boolean | undefined;
|
|
9
|
-
}, {}>>;
|
|
10
|
-
export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<typeof Stack, never>, 'spacing'> {
|
|
11
|
-
model?: FormFieldModel;
|
|
12
|
-
/**
|
|
13
|
-
* Children of the Text Input. Should contain a `<FormField.Input>`, a `<FormField.Label>` and an optional `<FormField.Hint>`
|
|
14
|
-
*/
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* The direction the child elements should stack
|
|
18
|
-
*/
|
|
19
|
-
orientation: 'vertical' | 'horizontal';
|
|
20
|
-
/**
|
|
21
|
-
* Spacing between children elements
|
|
22
|
-
* @default xxxs when vertical l when orientation is horizontal
|
|
23
|
-
*/
|
|
24
|
-
spacing?: StackSpacing;
|
|
25
|
-
}
|
|
26
|
-
export declare const FormField: import("@workday/canvas-kit-react/common").Component<FormFieldProps> & {
|
|
27
|
-
Input: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./FormFieldInput").FormFieldInputProps>;
|
|
28
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("./FormFieldLabel").FormFieldLabelProps>;
|
|
29
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("./FormFieldHint").FormFieldHintProps>;
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=FormField.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-labs-react/common';
|
|
4
|
-
import { FormFieldModel } from './hooks';
|
|
5
|
-
export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
|
|
6
|
-
model?: FormFieldModel;
|
|
7
|
-
/**
|
|
8
|
-
* Hint text to show to the user regarding the Error/Alert
|
|
9
|
-
*/
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare const FormFieldHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", FormFieldHintProps>;
|
|
13
|
-
//# sourceMappingURL=FormFieldHint.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Box } from '@workday/canvas-kit-labs-react/common';
|
|
3
|
-
import { FormFieldModel } from './hooks';
|
|
4
|
-
export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
|
|
5
|
-
model?: FormFieldModel;
|
|
6
|
-
}
|
|
7
|
-
export declare const FormFieldInput: import("@workday/canvas-kit-react/common").ElementComponent<"input", FormFieldInputProps>;
|
|
8
|
-
//# sourceMappingURL=FormFieldInput.d.ts.map
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { HStack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
|
|
4
|
-
import { FormFieldModel } from './hooks';
|
|
5
|
-
export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
|
|
6
|
-
model?: FormFieldModel;
|
|
7
|
-
/**
|
|
8
|
-
* The text of the label.
|
|
9
|
-
*/
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* When the input is required, this is spacing between label and asterisk.
|
|
13
|
-
* @default xxxs
|
|
14
|
-
*/
|
|
15
|
-
spacing?: StackSpacing;
|
|
16
|
-
}
|
|
17
|
-
export declare const FormFieldLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", FormFieldLabelProps>;
|
|
18
|
-
//# sourceMappingURL=FormFieldLabel.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to a `Hint` component.
|
|
3
|
-
* Used by the FormField.Hint subcomponent and other input type components
|
|
4
|
-
*/
|
|
5
|
-
export declare const useFormFieldHint: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
|
|
6
|
-
hasError?: boolean | undefined;
|
|
7
|
-
id?: string | undefined;
|
|
8
|
-
isRequired?: boolean | undefined;
|
|
9
|
-
}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
|
|
10
|
-
id: string;
|
|
11
|
-
} & P & (R extends HTMLOrSVGElement ? {
|
|
12
|
-
ref: import("react").Ref<R>;
|
|
13
|
-
} : {});
|
|
14
|
-
//# sourceMappingURL=useFormFieldHint.d.ts.map
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to an `Input` component.
|
|
3
|
-
* Used by the FormField.Input subcomponent and other input type components
|
|
4
|
-
*/
|
|
5
|
-
export declare const useFormFieldInput: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
|
|
6
|
-
hasError?: boolean | undefined;
|
|
7
|
-
id?: string | undefined;
|
|
8
|
-
isRequired?: boolean | undefined;
|
|
9
|
-
}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
|
|
10
|
-
required: boolean | undefined;
|
|
11
|
-
'aria-invalid': boolean | undefined;
|
|
12
|
-
'aria-describedby': string;
|
|
13
|
-
id: string;
|
|
14
|
-
} & P & (R extends HTMLOrSVGElement ? {
|
|
15
|
-
ref: import("react").Ref<R>;
|
|
16
|
-
} : {});
|
|
17
|
-
//# sourceMappingURL=useFormFieldInput.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to a `Label` component.
|
|
3
|
-
* Used by the FormField.Label subcomponent and other input type components
|
|
4
|
-
*/
|
|
5
|
-
export declare const useFormFieldLabel: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
|
|
6
|
-
hasError?: boolean | undefined;
|
|
7
|
-
id?: string | undefined;
|
|
8
|
-
isRequired?: boolean | undefined;
|
|
9
|
-
}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
|
|
10
|
-
htmlFor: string;
|
|
11
|
-
} & P & (R extends HTMLOrSVGElement ? {
|
|
12
|
-
ref: import("react").Ref<R>;
|
|
13
|
-
} : {});
|
|
14
|
-
//# sourceMappingURL=useFormFieldLabel.d.ts.map
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
|
|
2
|
-
declare type FormFieldState = {
|
|
3
|
-
/**
|
|
4
|
-
* Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
|
|
5
|
-
* `required` set to true, and usually some subcomponents will have a error color applied.
|
|
6
|
-
* @default false
|
|
7
|
-
*/
|
|
8
|
-
hasError?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Optional `id` provided to `FormField`'s subcomponents as HTML attributes:
|
|
11
|
-
* - `FormField.Input` will set `aria-describedby` to `hint-${id}`
|
|
12
|
-
* - `FormField.Input` will set `id` to `input-${id}`
|
|
13
|
-
* - `FormField.Label` will set `htmlFor` to `input-${id}`
|
|
14
|
-
* - `FormField.Hint` will set `id` to `hint-${id}`
|
|
15
|
-
*
|
|
16
|
-
* If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
|
|
17
|
-
* @default `useUniqueId()`
|
|
18
|
-
*/
|
|
19
|
-
id?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Optional flag to denote if this field is required. When true the `FormField.Input` will have
|
|
22
|
-
* `required` set to true, and an asterisk will be appended to the `FormField.Label`.
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
isRequired?: boolean;
|
|
26
|
-
};
|
|
27
|
-
declare type FormFieldEvents = {};
|
|
28
|
-
export declare type FormFieldModel = Model<FormFieldState, FormFieldEvents>;
|
|
29
|
-
declare const formFieldEventMap: {
|
|
30
|
-
guards: {};
|
|
31
|
-
callbacks: {};
|
|
32
|
-
};
|
|
33
|
-
export declare type FormFieldModelConfig = FormFieldState & Partial<ToModelConfig<FormFieldState, FormFieldEvents, typeof formFieldEventMap>>;
|
|
34
|
-
export declare const useFormFieldModel: (config?: FormFieldModelConfig) => FormFieldModel;
|
|
35
|
-
export {};
|
|
36
|
-
//# sourceMappingURL=useFormFieldModel.d.ts.map
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { StackSpacing, StackProps } from '@workday/canvas-kit-labs-react/layout';
|
|
2
|
-
/**
|
|
3
|
-
* Adds the necessary layout props to a `FormField` component.
|
|
4
|
-
*/
|
|
5
|
-
export declare const useFormFieldOrientation: (orientation: 'horizontal' | 'vertical') => {
|
|
6
|
-
flexDirection: StackProps['flexDirection'];
|
|
7
|
-
alignItems: StackProps['alignItems'];
|
|
8
|
-
spacing: StackSpacing;
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=useFormFieldOrientation.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export * from './breadcrumbs';
|
|
2
|
-
export * from './color-picker';
|
|
3
|
-
export * from './form-field';
|
|
4
|
-
export * from './menu';
|
|
5
|
-
export * from './select';
|
|
6
|
-
export * from './side-panel';
|
|
7
|
-
export * from './text-area';
|
|
8
|
-
export * from './text-input';
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { MenuItemProps } from './MenuItem';
|
|
3
|
-
import { GrowthBehavior } from '@workday/canvas-kit-react/common';
|
|
4
|
-
export interface MenuProps extends GrowthBehavior, React.HTMLAttributes<HTMLUListElement> {
|
|
5
|
-
/**
|
|
6
|
-
* The MenuItem children of the Menu (must be at least one). Also accepts other components which share the same interface as `MenuItem`.
|
|
7
|
-
*/
|
|
8
|
-
children?: React.ReactElement<MenuItemProps> | React.ReactElement<MenuItemProps>[];
|
|
9
|
-
/**
|
|
10
|
-
* If true, set the Menu to the open state. Useful for showing and hiding the Menu from a parent component such as a menu button.
|
|
11
|
-
* @default true
|
|
12
|
-
*/
|
|
13
|
-
isOpen?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* The width of the Menu. If no value is provided, the Menu will collapse around its content.
|
|
16
|
-
*/
|
|
17
|
-
width?: number | string;
|
|
18
|
-
/**
|
|
19
|
-
* The function called when a menu item is selected.
|
|
20
|
-
*/
|
|
21
|
-
onSelect?: () => void;
|
|
22
|
-
/**
|
|
23
|
-
* The function called when the Menu should close. This is called after a menu item is selected or if the escape shortcut key is used. This will not fire if the menu item sets `shouldClose` to false.
|
|
24
|
-
*/
|
|
25
|
-
onClose?: () => void;
|
|
26
|
-
/**
|
|
27
|
-
* The zero-based index of the menu item which should initially receive focus.
|
|
28
|
-
*/
|
|
29
|
-
initialSelectedItem?: number;
|
|
30
|
-
/**
|
|
31
|
-
* The unique id of the Menu used for ARIA and HTML `id` attributes.
|
|
32
|
-
*/
|
|
33
|
-
id?: string;
|
|
34
|
-
/**
|
|
35
|
-
* The HTML `id` of the element that labels the Menu. Often used with menu buttons.
|
|
36
|
-
*/
|
|
37
|
-
'aria-labelledby'?: string;
|
|
38
|
-
}
|
|
39
|
-
export interface MenuState {
|
|
40
|
-
selectedItemIndex: number;
|
|
41
|
-
}
|
|
42
|
-
export default class Menu extends React.Component<MenuProps, MenuState> {
|
|
43
|
-
private id;
|
|
44
|
-
private animateId;
|
|
45
|
-
private menuRef;
|
|
46
|
-
private firstCharacters;
|
|
47
|
-
constructor(props: MenuProps);
|
|
48
|
-
componentDidUpdate(prevProps: MenuProps): void;
|
|
49
|
-
componentDidMount(): void;
|
|
50
|
-
componentWillUnmount(): void;
|
|
51
|
-
render(): JSX.Element;
|
|
52
|
-
getNormalizedItemIndex: (index: number | undefined) => number;
|
|
53
|
-
setNormalizedItemIndex: (index: number | undefined) => void;
|
|
54
|
-
private handleKeyboardShortcuts;
|
|
55
|
-
private handleClick;
|
|
56
|
-
private getIndexFirstChars;
|
|
57
|
-
private setFirstCharacters;
|
|
58
|
-
private getInitialSelectedItem;
|
|
59
|
-
private setInitialSelectedItem;
|
|
60
|
-
}
|
|
61
|
-
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { CanvasSystemIcon } from '@workday/design-assets-types';
|
|
3
|
-
export interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
|
4
|
-
/**
|
|
5
|
-
* The function called when the MenuItem is clicked. If the item is a child of the Menu component, this callback will be decorated with the onSelect and onClose Menu callbacks. This callback will not fire if the item is disabled (see below).
|
|
6
|
-
*/
|
|
7
|
-
onClick?: (event: React.MouseEvent) => void;
|
|
8
|
-
/**
|
|
9
|
-
* The unique id for the MenuItem used for ARIA attributes. If the item is a child of the `Menu` component, this property will be generated and overridden.
|
|
10
|
-
*/
|
|
11
|
-
id?: string;
|
|
12
|
-
/**
|
|
13
|
-
* The icon of the MenuItem. This icon is displayed before what you supplied for the children.
|
|
14
|
-
*/
|
|
15
|
-
icon?: CanvasSystemIcon;
|
|
16
|
-
/**
|
|
17
|
-
* The secondary icon of the MenuItem. This icon is displayed after what you supplied for the children.
|
|
18
|
-
*/
|
|
19
|
-
secondaryIcon?: CanvasSystemIcon;
|
|
20
|
-
/**
|
|
21
|
-
* If true, render a top border on the MenuItem.
|
|
22
|
-
* @default false
|
|
23
|
-
*/
|
|
24
|
-
hasDivider?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* If true, set the MenuItem to the disabled state so it is not clickable.
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
isDisabled?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* If true, set the MenuItem to be the currently selected item. If the item is a child of the Menu component, this property will be generated and overridden.
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
isFocused?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* The role of the MenuItem. Use this to override the role of the item (e.g. you can use this element as an option in a Combobox).
|
|
37
|
-
* @default menuItem
|
|
38
|
-
*/
|
|
39
|
-
role?: string;
|
|
40
|
-
/**
|
|
41
|
-
* If true, allow the onClose Menu callback to be fired after the MenuItem has been clicked.
|
|
42
|
-
* @default true
|
|
43
|
-
*/
|
|
44
|
-
shouldClose?: boolean;
|
|
45
|
-
}
|
|
46
|
-
declare class MenuItem extends React.Component<MenuItemProps> {
|
|
47
|
-
ref: React.RefObject<HTMLLIElement>;
|
|
48
|
-
componentDidUpdate: (prevProps: MenuItemProps) => void;
|
|
49
|
-
render(): React.ReactNode;
|
|
50
|
-
private handleClick;
|
|
51
|
-
}
|
|
52
|
-
export default MenuItem;
|
|
53
|
-
//# sourceMappingURL=MenuItem.d.ts.map
|