@workday/canvas-kit-preview-react 7.0.0-alpha.0-next.7 → 7.0.0-alpha.102-next.27
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 +1 -1
- package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +1 -0
- package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +4 -0
- 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 +1 -1
- 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 +1 -1
- package/dist/commonjs/color-picker/lib/ColorPicker.js +2 -2
- 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/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 +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/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 +1 -1
- 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 +1 -1
- package/dist/es6/color-picker/lib/ColorPicker.js +3 -3
- 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/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 +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/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 +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,123 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { GrowthBehavior, ErrorType, StyledType, Themeable } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { MenuPlacement, MenuVisibility } from './types';
|
|
4
|
-
interface OptionData {
|
|
5
|
-
[key: string]: any;
|
|
6
|
-
}
|
|
7
|
-
export interface Option {
|
|
8
|
-
data?: OptionData;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
id?: string;
|
|
11
|
-
label?: string;
|
|
12
|
-
value: string;
|
|
13
|
-
}
|
|
14
|
-
export interface NormalizedOption extends Option {
|
|
15
|
-
data: OptionData;
|
|
16
|
-
disabled: boolean;
|
|
17
|
-
id: string;
|
|
18
|
-
label: string;
|
|
19
|
-
}
|
|
20
|
-
export interface RenderableOption extends NormalizedOption {
|
|
21
|
-
focused: boolean;
|
|
22
|
-
selected: boolean;
|
|
23
|
-
}
|
|
24
|
-
export interface RenderOptionFunction {
|
|
25
|
-
(option: RenderableOption): React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
export interface CoreSelectBaseProps extends Themeable, GrowthBehavior, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>, Pick<React.SelectHTMLAttributes<HTMLSelectElement>, 'required'>, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
28
|
-
/**
|
|
29
|
-
* The type of error associated with the Select (if applicable).
|
|
30
|
-
*/
|
|
31
|
-
error?: ErrorType;
|
|
32
|
-
/**
|
|
33
|
-
* The function called to render the content of each option.
|
|
34
|
-
*
|
|
35
|
-
* The `option` argument passed to the function is an object which contains the following:
|
|
36
|
-
*
|
|
37
|
-
* * `data: object` (data object carried over from the corresponding option originally passed into the component)
|
|
38
|
-
* * `disabled: boolean`
|
|
39
|
-
* * `focused: boolean` (set to `true` if the option has keyboard focus)
|
|
40
|
-
* * `id: string`
|
|
41
|
-
* * `label: string`
|
|
42
|
-
* * `selected: boolean` (set to `true` if the option is selected)
|
|
43
|
-
* * `value: string`
|
|
44
|
-
*
|
|
45
|
-
* If you omit the `renderOption` prop, each option will be rendered using a `defaultRenderOption` function provided by the component.
|
|
46
|
-
*
|
|
47
|
-
* @default defaultRenderOption
|
|
48
|
-
*/
|
|
49
|
-
renderOption?: RenderOptionFunction;
|
|
50
|
-
/**
|
|
51
|
-
* The value of the Select.
|
|
52
|
-
*/
|
|
53
|
-
value?: string;
|
|
54
|
-
}
|
|
55
|
-
export interface SelectBaseProps extends CoreSelectBaseProps, StyledType {
|
|
56
|
-
/**
|
|
57
|
-
* The ref to be forwarded to the underlying button element. Use this to imperatively manipulate the button.
|
|
58
|
-
*/
|
|
59
|
-
forwardedButtonRef?: React.Ref<HTMLButtonElement>;
|
|
60
|
-
/**
|
|
61
|
-
* The local ref to the underlying button element. Can be used in situations where RefObject is required (such as the Popper Menu).
|
|
62
|
-
*/
|
|
63
|
-
localButtonRef?: React.RefObject<HTMLButtonElement>;
|
|
64
|
-
/**
|
|
65
|
-
* The index of the focused option in the SelectBase.
|
|
66
|
-
* @default 0
|
|
67
|
-
*/
|
|
68
|
-
focusedOptionIndex?: number;
|
|
69
|
-
/**
|
|
70
|
-
* The ref to the underlying (hidden) text input element. Use this to imperatively manipulate the input.
|
|
71
|
-
*/
|
|
72
|
-
inputRef?: React.Ref<HTMLInputElement>;
|
|
73
|
-
/**
|
|
74
|
-
* The placement of the SelectBase menu relative to its corresponding SelectButton.
|
|
75
|
-
* @default 'bottom'
|
|
76
|
-
*/
|
|
77
|
-
menuPlacement?: MenuPlacement;
|
|
78
|
-
/**
|
|
79
|
-
* The ref to the underlying menu element. Use this to imperatively manipulate the menu.
|
|
80
|
-
*/
|
|
81
|
-
menuRef?: React.RefObject<HTMLUListElement>;
|
|
82
|
-
/**
|
|
83
|
-
* The visibility state of the SelectBase menu.
|
|
84
|
-
* @default 'closed'
|
|
85
|
-
*/
|
|
86
|
-
menuVisibility?: MenuVisibility;
|
|
87
|
-
/**
|
|
88
|
-
* The function called when a key is pressed down while the SelectBase button or menu has focus.
|
|
89
|
-
*/
|
|
90
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
|
|
91
|
-
/**
|
|
92
|
-
* The function called when the menu is closed.
|
|
93
|
-
*/
|
|
94
|
-
onClose?: () => void;
|
|
95
|
-
/**
|
|
96
|
-
* The function called when an option in the SelectBase is selected via a click or a keyboard shortcut. The `index` passed to the callback function represents the index of the option which was selected.
|
|
97
|
-
*/
|
|
98
|
-
onOptionSelection?: (index: number) => void;
|
|
99
|
-
/**
|
|
100
|
-
* The options of the SelectBase. `options` is an array of objects, each object adhering to the `NormalizedOption` interface:
|
|
101
|
-
*
|
|
102
|
-
* * `value: string` (required, analagous to the `value` attribute of an `<option>`)
|
|
103
|
-
* * `disabled: boolean` (required)
|
|
104
|
-
* * `id: string` (required)
|
|
105
|
-
* * `label: string` (required, analagous to the text content of an `<option>`)
|
|
106
|
-
*/
|
|
107
|
-
options: NormalizedOption[];
|
|
108
|
-
/**
|
|
109
|
-
* If true, automatically flip the SelectBase menu to keep it visible if necessary (e.g., if the the menu would otherwise display below the visible area of the viewport).
|
|
110
|
-
* @default true
|
|
111
|
-
*/
|
|
112
|
-
shouldMenuAutoFlip?: boolean;
|
|
113
|
-
/**
|
|
114
|
-
* If true, focus the SelectBase menu when it's shown. Set to false if you don't want to focus the menu automatically (for visual testing purposes, for example).
|
|
115
|
-
* @default true
|
|
116
|
-
*/
|
|
117
|
-
shouldMenuAutoFocus?: boolean;
|
|
118
|
-
}
|
|
119
|
-
export declare const buttonBorderWidth = 1;
|
|
120
|
-
export declare const buttonDefaultWidth = 280;
|
|
121
|
-
declare const SelectBase: ({ "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired, as, forwardedButtonRef, localButtonRef, disabled, error, focusedOptionIndex, grow, inputRef, menuPlacement, menuRef, menuVisibility, onChange, onKeyDown, onClose, onOptionSelection, options, renderOption, required, shouldMenuAutoFlip, shouldMenuAutoFocus, value, ...elemProps }: SelectBaseProps) => JSX.Element;
|
|
122
|
-
export default SelectBase;
|
|
123
|
-
//# sourceMappingURL=SelectBase.d.ts.map
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Themeable } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { SelectProps } from './Select';
|
|
4
|
-
import { MenuPlacement, MenuVisibility } from './types';
|
|
5
|
-
interface SelectMenuProps extends Themeable, React.HTMLAttributes<HTMLUListElement>, Pick<SelectProps, 'error'> {
|
|
6
|
-
/**
|
|
7
|
-
* The ref to the anchor button element. Required to anchor the menu.
|
|
8
|
-
*/
|
|
9
|
-
buttonRef?: React.RefObject<HTMLButtonElement>;
|
|
10
|
-
/**
|
|
11
|
-
* The ref to the underlying menu/listbox element. Use this to imperatively manipulate the menu.
|
|
12
|
-
*/
|
|
13
|
-
menuRef?: React.RefObject<HTMLUListElement>;
|
|
14
|
-
/**
|
|
15
|
-
* The function called when the menu is closed.
|
|
16
|
-
*/
|
|
17
|
-
onClose?: () => void;
|
|
18
|
-
/**
|
|
19
|
-
* The placement of the SelectMenu relative to its corresponding button.
|
|
20
|
-
* @default 'bottom'
|
|
21
|
-
*/
|
|
22
|
-
placement?: MenuPlacement;
|
|
23
|
-
/**
|
|
24
|
-
* If true, automatically flip the SelectMenu to keep it visible if necessary (e.g., if the the SelectMenu would otherwise display below the visible area of the viewport).
|
|
25
|
-
* @default true
|
|
26
|
-
*/
|
|
27
|
-
shouldAutoFlip?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* If true, focus the SelectMenu when it's shown. Set to false if you don't want to focus the SelectMenu automatically (for visual testing purposes, for example).
|
|
30
|
-
* @default true
|
|
31
|
-
*/
|
|
32
|
-
shouldAutoFocus?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* The visibility state of the SelectMenu.
|
|
35
|
-
* @default 'closed'
|
|
36
|
-
*/
|
|
37
|
-
visibility?: MenuVisibility;
|
|
38
|
-
}
|
|
39
|
-
export declare const menuAnimationDuration = 200;
|
|
40
|
-
declare const SelectMenu: ({ buttonRef, children, error, menuRef, onClose, placement, shouldAutoFlip, shouldAutoFocus, visibility, ...elemProps }: SelectMenuProps) => JSX.Element;
|
|
41
|
-
export default SelectMenu;
|
|
42
|
-
//# sourceMappingURL=SelectMenu.d.ts.map
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
|
|
3
|
-
export interface SelectOptionProps extends Themeable, React.LiHTMLAttributes<HTMLLIElement> {
|
|
4
|
-
/**
|
|
5
|
-
* The type of error associated with the SelectOption (if applicable).
|
|
6
|
-
*/
|
|
7
|
-
error?: ErrorType;
|
|
8
|
-
/**
|
|
9
|
-
* If true, set the SelectOption to the focused state.
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
focused?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* The HTML `id` of the SelectOption.
|
|
15
|
-
*/
|
|
16
|
-
id?: string;
|
|
17
|
-
/**
|
|
18
|
-
* If true, set the SelectOption to the interactive state. Non-interactive SelectOptions should not give any visual cues that they are interactive (e.g., remove hover styling).
|
|
19
|
-
* @default true
|
|
20
|
-
*/
|
|
21
|
-
interactive?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* The ref to the list item that the styled component renders. Use this to imperatively manipulate the SelectOption (e.g., to scroll to it if it's out of view in the Select menu).
|
|
24
|
-
*/
|
|
25
|
-
optionRef?: React.Ref<HTMLLIElement>;
|
|
26
|
-
/**
|
|
27
|
-
* The value of the SelectOption.
|
|
28
|
-
*/
|
|
29
|
-
value?: string;
|
|
30
|
-
}
|
|
31
|
-
declare const SelectOption: ({ children, focused, interactive, optionRef, value, ...elemProps }: SelectOptionProps) => JSX.Element;
|
|
32
|
-
export default SelectOption;
|
|
33
|
-
//# sourceMappingURL=SelectOption.d.ts.map
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The placement of the menu relative to its corresponding button. This type is a
|
|
3
|
-
* subset of the PopperJS.Placement type limited to the `bottom` and `top` values.
|
|
4
|
-
*
|
|
5
|
-
* We need to use `top` and `bottom` instead of `top-start` and `bottom-start` for
|
|
6
|
-
* placements because PopperJS incorrectly rounds the `start` and `end` modifiers:
|
|
7
|
-
* https://github.com/popperjs/popper-core/blob/38914aae7a2e91715c6eb2b563517082a40cfa64/src/utils/computeOffsets.js#L68-L81
|
|
8
|
-
* This rounding causes problems with browsers that allow subpixel values for elements
|
|
9
|
-
* like Firefox and Edge.
|
|
10
|
-
*/
|
|
11
|
-
export declare type MenuPlacement = 'bottom' | 'top';
|
|
12
|
-
/**
|
|
13
|
-
* The visibility state of the menu.
|
|
14
|
-
*
|
|
15
|
-
* `closed`: The menu is completely closed (not present in the DOM).
|
|
16
|
-
* `open`: The menu was previously `closed` and has just been instructed to open.
|
|
17
|
-
* The menu has been added to the DOM, but it's not yet visible. This state is
|
|
18
|
-
* necessary in order to apply an opacity of 0 to the menu before transitioning it
|
|
19
|
-
* to an opacity of 1.0 in the opening state.
|
|
20
|
-
* `opening`: The menu is in the process of opening.
|
|
21
|
-
* `opened`: The menu is completely open.
|
|
22
|
-
* `close`: The menu was previously `open` and has just been instructed to close.
|
|
23
|
-
* `closing`: The menu is in the process of closing.
|
|
24
|
-
*
|
|
25
|
-
* Typically, a menu will transition through states in the following order:
|
|
26
|
-
* `closed` > `open` > `opening` > `opened` > `close` > `closing` > `closed`
|
|
27
|
-
*
|
|
28
|
-
* However, it's possible for a user to open a menu while it's in the process of
|
|
29
|
-
* closing in which case the menu can transition from `closing` > `opening` (and
|
|
30
|
-
* vice-versa).
|
|
31
|
-
*/
|
|
32
|
-
export declare type MenuVisibility = 'closed' | 'open' | 'opening' | 'opened' | 'close' | 'closing';
|
|
33
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { NormalizedOption } from './SelectBase';
|
|
2
|
-
export declare const getIndexByValue: (options: NormalizedOption[], value: string | undefined) => number;
|
|
3
|
-
export declare const getCorrectedIndexByValue: (options: NormalizedOption[], value: string | undefined) => number;
|
|
4
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/** @jsxRuntime classic */
|
|
2
|
-
/** @jsx jsx */
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { jsx } from '@emotion/react';
|
|
5
|
-
import { IconButtonProps } from '@workday/canvas-kit-react/button';
|
|
6
|
-
export declare type SidePanelVariant = 'standard' | 'alternate';
|
|
7
|
-
export declare type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
|
|
8
|
-
export interface SidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
|
-
/**
|
|
10
|
-
* The element the side panel will render as (e.g. 'div').
|
|
11
|
-
*
|
|
12
|
-
* @default 'section'
|
|
13
|
-
*/
|
|
14
|
-
as?: React.ElementType;
|
|
15
|
-
/**
|
|
16
|
-
* The width of the component (in `px` if it's a `number`) when it is collapsed.
|
|
17
|
-
*
|
|
18
|
-
* @default 64
|
|
19
|
-
*/
|
|
20
|
-
collapsedWidth?: number | string;
|
|
21
|
-
/**
|
|
22
|
-
* If true, sets the expanded state of the side panel
|
|
23
|
-
* @default true
|
|
24
|
-
*/
|
|
25
|
-
expanded?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* The width of the component (in `px` if it's a `number`) when it is expanded.
|
|
28
|
-
*
|
|
29
|
-
* @default 320
|
|
30
|
-
*/
|
|
31
|
-
expandedWidth?: number | string;
|
|
32
|
-
/**
|
|
33
|
-
* Which side the side panel is meant to originate from.
|
|
34
|
-
*
|
|
35
|
-
* @default 'left'
|
|
36
|
-
*/
|
|
37
|
-
origin?: 'left' | 'right';
|
|
38
|
-
/**
|
|
39
|
-
* The function called when the side panel's `expanded` state changes. States like `'collapsing'` and `'expanding'` are tracked in another callback: `onStateTransition`
|
|
40
|
-
*
|
|
41
|
-
* @param boolean
|
|
42
|
-
*/
|
|
43
|
-
onExpandedChange?: (expanded?: boolean) => void;
|
|
44
|
-
/**
|
|
45
|
-
* The function called when the side panel is transitioning between states.
|
|
46
|
-
* Use this to track when the side panel is animating between `'collapsed'`, `'collapsing'`, `'expanded'`, and `'expanding'` states.
|
|
47
|
-
* This can be particularly helpful if child components need to react specifically to these states.
|
|
48
|
-
*
|
|
49
|
-
* @param SidePanelTransitionStates
|
|
50
|
-
*/
|
|
51
|
-
onStateTransition?: (state?: SidePanelTransitionStates) => void;
|
|
52
|
-
/**
|
|
53
|
-
* The style variant of the side panel. 'standard' is with a `soap100` background, no depth. 'alternate' is a `frenchVanilla100` background with a level 3 depth.
|
|
54
|
-
*
|
|
55
|
-
* @default 'standard'
|
|
56
|
-
*/
|
|
57
|
-
variant?: SidePanelVariant;
|
|
58
|
-
/**
|
|
59
|
-
* This is set by the useSidePanel hook and prevents unintended keyframe animations
|
|
60
|
-
*
|
|
61
|
-
* @param boolean
|
|
62
|
-
*/
|
|
63
|
-
touched: boolean;
|
|
64
|
-
}
|
|
65
|
-
export declare const SidePanelContext: React.Context<{
|
|
66
|
-
state: string;
|
|
67
|
-
origin: string;
|
|
68
|
-
}>;
|
|
69
|
-
declare const SidePanel: {
|
|
70
|
-
({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, touched, ...elemProps }: SidePanelProps): jsx.JSX.Element;
|
|
71
|
-
ToggleButton: ({ variant, icon, tooltipTextExpand: expandLabel, tooltipTextCollapse: collapseLabel, ...rest }: ToggleButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => jsx.JSX.Element;
|
|
72
|
-
};
|
|
73
|
-
export declare type ToggleButtonProps = IconButtonProps & {
|
|
74
|
-
/**
|
|
75
|
-
* The tooltip text to expand the side panel
|
|
76
|
-
* @default 'Expand'
|
|
77
|
-
*/
|
|
78
|
-
tooltipTextExpand?: string;
|
|
79
|
-
/**
|
|
80
|
-
* The tooltip text to collapse the side panel
|
|
81
|
-
* @default 'Collapse'
|
|
82
|
-
*/
|
|
83
|
-
tooltipTextCollapse?: string;
|
|
84
|
-
};
|
|
85
|
-
export default SidePanel;
|
|
86
|
-
//# sourceMappingURL=SidePanel.d.ts.map
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The optional config options for the `useSidePanel` hook
|
|
3
|
-
*/
|
|
4
|
-
export interface UseSidePanelProps {
|
|
5
|
-
/**
|
|
6
|
-
* sets the initial expanded state for the side panel
|
|
7
|
-
* @default true
|
|
8
|
-
*/
|
|
9
|
-
initialExpanded?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* sets the `id` for the panel
|
|
12
|
-
* @default unique identifier
|
|
13
|
-
*/
|
|
14
|
-
panelId?: string;
|
|
15
|
-
/**
|
|
16
|
-
* sets the `id` for the label
|
|
17
|
-
* @default unique identifier
|
|
18
|
-
*/
|
|
19
|
-
labelId?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* The `panelProps` provided by the `useSidePanel` hook
|
|
23
|
-
*/
|
|
24
|
-
export interface PanelProps {
|
|
25
|
-
/**
|
|
26
|
-
* the expand / collasped state
|
|
27
|
-
*/
|
|
28
|
-
expanded: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* the accessible `id`
|
|
31
|
-
* - this will either be a unique identifier value or the `panelId` provided in the config
|
|
32
|
-
*/
|
|
33
|
-
id: string;
|
|
34
|
-
/**
|
|
35
|
-
* the accessible label `id`
|
|
36
|
-
* - this will either be a unique identifier value or the `labelId` provided in the config
|
|
37
|
-
*/
|
|
38
|
-
'aria-labelledby': string;
|
|
39
|
-
/**
|
|
40
|
-
* an internally-set boolean
|
|
41
|
-
* - this prevents unintentional keyframe animations on the initial render
|
|
42
|
-
*/
|
|
43
|
-
touched: boolean;
|
|
44
|
-
}
|
|
45
|
-
export interface LabelProps {
|
|
46
|
-
/**
|
|
47
|
-
* the accessible `id`
|
|
48
|
-
* - this will either be a unique identifier value or the `labelId` provided in the config
|
|
49
|
-
*/
|
|
50
|
-
id: string;
|
|
51
|
-
}
|
|
52
|
-
export interface ControlProps {
|
|
53
|
-
/**
|
|
54
|
-
* the accessible `id` that connects the panel to this control
|
|
55
|
-
* - this will either be a unique identifier value or the `panelId` provided in the config
|
|
56
|
-
*/
|
|
57
|
-
'aria-controls': string;
|
|
58
|
-
/**
|
|
59
|
-
* the accessible attribute that describes the expanded state of the panel
|
|
60
|
-
* - this is set by the `expanded` state in the `useSidePanel` hook
|
|
61
|
-
*/
|
|
62
|
-
'aria-expanded': boolean;
|
|
63
|
-
/**
|
|
64
|
-
* the accessible label `id`
|
|
65
|
-
* - this will either be a unique identifier value or the `labelId` provided in the config
|
|
66
|
-
*/
|
|
67
|
-
'aria-labelledby': string;
|
|
68
|
-
/**
|
|
69
|
-
* the handler function for toggling the expanded / collapsed state
|
|
70
|
-
*/
|
|
71
|
-
onClick: () => void;
|
|
72
|
-
}
|
|
73
|
-
export declare const useSidePanel: (config?: UseSidePanelProps | undefined) => {
|
|
74
|
-
expanded: boolean;
|
|
75
|
-
setExpanded: (newExpandedState: boolean) => void;
|
|
76
|
-
panelProps: PanelProps;
|
|
77
|
-
labelProps: LabelProps;
|
|
78
|
-
controlProps: ControlProps;
|
|
79
|
-
};
|
|
80
|
-
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
4
|
-
import { TextAreaModel } from './hooks';
|
|
5
|
-
export declare const TextAreaModelContext: 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 TextAreaProps extends ExtractProps<typeof FormField, never> {
|
|
11
|
-
model?: TextAreaModel;
|
|
12
|
-
/**
|
|
13
|
-
* Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
|
|
14
|
-
*/
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextArea: import("@workday/canvas-kit-react/common").Component<TextAreaProps> & {
|
|
18
|
-
Field: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", import("./TextAreaField").TextAreaFieldProps>;
|
|
19
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
20
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
import { TextAreaModel } from './hooks';
|
|
4
|
-
export interface TextAreaFieldProps extends ExtractProps<typeof FormField.Input, never> {
|
|
5
|
-
model?: TextAreaModel;
|
|
6
|
-
}
|
|
7
|
-
export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", TextAreaFieldProps>;
|
|
8
|
-
//# sourceMappingURL=TextAreaField.d.ts.map
|
|
@@ -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,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,8 +0,0 @@
|
|
|
1
|
-
import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
|
|
2
|
-
export declare const useTextAreaModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
|
|
3
|
-
hasError?: boolean | undefined;
|
|
4
|
-
id?: string | undefined;
|
|
5
|
-
isRequired?: boolean | undefined;
|
|
6
|
-
}, {}>;
|
|
7
|
-
export declare type TextAreaModel = FormFieldModel;
|
|
8
|
-
//# sourceMappingURL=useTextAreaModel.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
4
|
-
import { TextInputModel } from './hooks';
|
|
5
|
-
export declare const TextInputModelContext: 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 TextInputProps extends ExtractProps<typeof FormField, never> {
|
|
11
|
-
model?: TextInputModel;
|
|
12
|
-
/**
|
|
13
|
-
* Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
|
|
14
|
-
*/
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextInput: import("@workday/canvas-kit-react/common").Component<TextInputProps> & {
|
|
18
|
-
Field: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInputField").TextInputFieldProps>;
|
|
19
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
20
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
import { TextInputModel } from './hooks';
|
|
4
|
-
export interface TextInputFieldProps extends ExtractProps<typeof FormField.Input, never> {
|
|
5
|
-
model?: TextInputModel;
|
|
6
|
-
}
|
|
7
|
-
export declare const TextInputField: import("@workday/canvas-kit-react/common").ElementComponent<"input", TextInputFieldProps>;
|
|
8
|
-
//# sourceMappingURL=TextInputField.d.ts.map
|
|
@@ -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,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,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
|
|
3
|
-
*/
|
|
4
|
-
export declare const useTextInputField: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<any, any>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
|
|
5
|
-
type: string;
|
|
6
|
-
} & P & (R extends HTMLOrSVGElement ? {
|
|
7
|
-
ref: import("react").Ref<R>;
|
|
8
|
-
} : {});
|
|
9
|
-
//# sourceMappingURL=useTextInputField.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
|
|
2
|
-
export declare const useTextInputModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
|
|
3
|
-
hasError?: boolean | undefined;
|
|
4
|
-
id?: string | undefined;
|
|
5
|
-
isRequired?: boolean | undefined;
|
|
6
|
-
}, {}>;
|
|
7
|
-
export declare type TextInputModel = FormFieldModel;
|
|
8
|
-
//# sourceMappingURL=useTextInputModel.d.ts.map
|