@patternfly/react-core 5.0.0-alpha.107 → 5.0.0-alpha.109
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/CHANGELOG.md +12 -0
- package/dist/esm/components/AboutModal/package.json +1 -1
- package/dist/esm/components/Accordion/package.json +1 -1
- package/dist/esm/components/ActionList/package.json +1 -1
- package/dist/esm/components/Alert/package.json +1 -1
- package/dist/esm/components/Avatar/package.json +1 -1
- package/dist/esm/components/BackToTop/package.json +1 -1
- package/dist/esm/components/Backdrop/package.json +1 -1
- package/dist/esm/components/BackgroundImage/package.json +1 -1
- package/dist/esm/components/Badge/package.json +1 -1
- package/dist/esm/components/Banner/package.json +1 -1
- package/dist/esm/components/Brand/package.json +1 -1
- package/dist/esm/components/Breadcrumb/package.json +1 -1
- package/dist/esm/components/Button/package.json +1 -1
- package/dist/esm/components/CalendarMonth/package.json +1 -1
- package/dist/esm/components/Card/Card.d.ts +12 -5
- package/dist/esm/components/Card/Card.d.ts.map +1 -1
- package/dist/esm/components/Card/Card.js +17 -5
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/CardHeader.d.ts +30 -0
- package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +40 -5
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/Card/CardSelectableActions.d.ts +9 -0
- package/dist/esm/components/Card/CardSelectableActions.d.ts.map +1 -0
- package/dist/esm/components/Card/CardSelectableActions.js +10 -0
- package/dist/esm/components/Card/CardSelectableActions.js.map +1 -0
- package/dist/esm/components/Card/package.json +1 -1
- package/dist/esm/components/Checkbox/Checkbox.d.ts +2 -0
- package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +2 -2
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/Checkbox/package.json +1 -1
- package/dist/esm/components/Chip/package.json +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +4 -4
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/esm/components/ClipboardCopy/package.json +1 -1
- package/dist/esm/components/CodeBlock/package.json +1 -1
- package/dist/esm/components/DataList/package.json +1 -1
- package/dist/esm/components/DatePicker/package.json +1 -1
- package/dist/esm/components/DescriptionList/package.json +1 -1
- package/dist/esm/components/Divider/package.json +1 -1
- package/dist/esm/components/DragDrop/package.json +1 -1
- package/dist/esm/components/Drawer/package.json +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +11 -3
- package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +11 -5
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/package.json +1 -1
- package/dist/esm/components/DualListSelector/package.json +1 -1
- package/dist/esm/components/EmptyState/package.json +1 -1
- package/dist/esm/components/ExpandableSection/package.json +1 -1
- package/dist/esm/components/FileUpload/FileUploadField.js +2 -2
- package/dist/esm/components/FileUpload/FileUploadField.js.map +1 -1
- package/dist/esm/components/FileUpload/package.json +1 -1
- package/dist/esm/components/Form/package.json +1 -1
- package/dist/esm/components/FormControl/FormControlIcon.d.ts +16 -0
- package/dist/esm/components/FormControl/FormControlIcon.d.ts.map +1 -0
- package/dist/esm/components/FormControl/FormControlIcon.js +18 -0
- package/dist/esm/components/FormControl/FormControlIcon.js.map +1 -0
- package/dist/esm/components/FormSelect/FormSelect.d.ts +0 -2
- package/dist/esm/components/FormSelect/FormSelect.d.ts.map +1 -1
- package/dist/esm/components/FormSelect/FormSelect.js +9 -3
- package/dist/esm/components/FormSelect/FormSelect.js.map +1 -1
- package/dist/esm/components/FormSelect/package.json +1 -1
- package/dist/esm/components/HelperText/package.json +1 -1
- package/dist/esm/components/Hint/package.json +1 -1
- package/dist/esm/components/Icon/package.json +1 -1
- package/dist/esm/components/InputGroup/package.json +1 -1
- package/dist/esm/components/JumpLinks/package.json +1 -1
- package/dist/esm/components/Label/package.json +1 -1
- package/dist/esm/components/List/package.json +1 -1
- package/dist/esm/components/LoginPage/package.json +1 -1
- package/dist/esm/components/Masthead/package.json +1 -1
- package/dist/esm/components/Menu/package.json +1 -1
- package/dist/esm/components/MenuToggle/package.json +1 -1
- package/dist/esm/components/Modal/package.json +1 -1
- package/dist/esm/components/MultipleFileUpload/package.json +1 -1
- package/dist/esm/components/Nav/package.json +1 -1
- package/dist/esm/components/NotificationBadge/package.json +1 -1
- package/dist/esm/components/NotificationDrawer/package.json +1 -1
- package/dist/esm/components/NumberInput/package.json +1 -1
- package/dist/esm/components/OverflowMenu/package.json +1 -1
- package/dist/esm/components/Page/package.json +1 -1
- package/dist/esm/components/Pagination/package.json +1 -1
- package/dist/esm/components/Panel/package.json +1 -1
- package/dist/esm/components/Popover/package.json +1 -1
- package/dist/esm/components/Progress/package.json +1 -1
- package/dist/esm/components/ProgressStepper/package.json +1 -1
- package/dist/esm/components/Radio/Radio.d.ts +5 -1
- package/dist/esm/components/Radio/Radio.d.ts.map +1 -1
- package/dist/esm/components/Radio/Radio.js +3 -3
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/Radio/package.json +1 -1
- package/dist/esm/components/SearchInput/package.json +1 -1
- package/dist/esm/components/Select/Select.d.ts +31 -5
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +16 -10
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Select/SelectGroup.d.ts +3 -0
- package/dist/esm/components/Select/SelectGroup.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectGroup.js.map +1 -1
- package/dist/esm/components/Select/SelectOption.d.ts +14 -1
- package/dist/esm/components/Select/SelectOption.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectOption.js +4 -3
- package/dist/esm/components/Select/SelectOption.js.map +1 -1
- package/dist/esm/components/Select/package.json +1 -1
- package/dist/esm/components/Sidebar/package.json +1 -1
- package/dist/esm/components/SimpleList/package.json +1 -1
- package/dist/esm/components/Skeleton/package.json +1 -1
- package/dist/esm/components/SkipToContent/package.json +1 -1
- package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
- package/dist/esm/components/Slider/Slider.js +1 -1
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/esm/components/Slider/package.json +1 -1
- package/dist/esm/components/Spinner/package.json +1 -1
- package/dist/esm/components/Switch/package.json +1 -1
- package/dist/esm/components/Tabs/package.json +1 -1
- package/dist/esm/components/Text/package.json +1 -1
- package/dist/esm/components/TextArea/TextArea.d.ts +0 -4
- package/dist/esm/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea/TextArea.js +11 -7
- package/dist/esm/components/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/TextArea/package.json +1 -1
- package/dist/esm/components/TextInput/TextInput.d.ts +8 -11
- package/dist/esm/components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/esm/components/TextInput/TextInput.js +10 -13
- package/dist/esm/components/TextInput/TextInput.js.map +1 -1
- package/dist/esm/components/TextInput/package.json +1 -1
- package/dist/esm/components/TextInputGroup/package.json +1 -1
- package/dist/esm/components/Tile/package.json +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.js +2 -2
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/esm/components/TimePicker/package.json +1 -1
- package/dist/esm/components/Timestamp/package.json +1 -1
- package/dist/esm/components/Title/package.json +1 -1
- package/dist/esm/components/ToggleGroup/package.json +1 -1
- package/dist/esm/components/Toolbar/package.json +1 -1
- package/dist/esm/components/Tooltip/package.json +1 -1
- package/dist/esm/components/TreeView/TreeViewSearch.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewSearch.js +6 -1
- package/dist/esm/components/TreeView/TreeViewSearch.js.map +1 -1
- package/dist/esm/components/TreeView/package.json +1 -1
- package/dist/esm/components/Truncate/package.json +1 -1
- package/dist/esm/components/Wizard/hooks/package.json +1 -1
- package/dist/esm/components/Wizard/package.json +1 -1
- package/dist/esm/components/package.json +1 -1
- package/dist/esm/deprecated/components/ApplicationLauncher/package.json +1 -1
- package/dist/esm/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/esm/deprecated/components/Dropdown/package.json +1 -1
- package/dist/esm/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/esm/deprecated/components/PageHeader/package.json +1 -1
- package/dist/esm/deprecated/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Select/Select.js +16 -18
- package/dist/esm/deprecated/components/Select/Select.js.map +1 -1
- package/dist/esm/deprecated/components/Select/package.json +1 -1
- package/dist/esm/deprecated/components/Wizard/package.json +1 -1
- package/dist/esm/deprecated/components/package.json +1 -1
- package/dist/esm/deprecated/package.json +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/thirdparty/popper-core/package.json +1 -1
- package/dist/esm/helpers/package.json +1 -1
- package/dist/esm/layouts/Bullseye/package.json +1 -1
- package/dist/esm/layouts/Flex/package.json +1 -1
- package/dist/esm/layouts/Gallery/package.json +1 -1
- package/dist/esm/layouts/Grid/package.json +1 -1
- package/dist/esm/layouts/Level/package.json +1 -1
- package/dist/esm/layouts/Split/package.json +1 -1
- package/dist/esm/layouts/Stack/package.json +1 -1
- package/dist/esm/layouts/package.json +1 -1
- package/dist/esm/next/components/package.json +1 -1
- package/dist/esm/next/package.json +1 -1
- package/dist/esm/package.json +1 -1
- package/dist/js/components/AboutModal/package.json +1 -1
- package/dist/js/components/Accordion/package.json +1 -1
- package/dist/js/components/ActionList/package.json +1 -1
- package/dist/js/components/Alert/package.json +1 -1
- package/dist/js/components/Avatar/package.json +1 -1
- package/dist/js/components/BackToTop/package.json +1 -1
- package/dist/js/components/Backdrop/package.json +1 -1
- package/dist/js/components/BackgroundImage/package.json +1 -1
- package/dist/js/components/Badge/package.json +1 -1
- package/dist/js/components/Banner/package.json +1 -1
- package/dist/js/components/Brand/package.json +1 -1
- package/dist/js/components/Breadcrumb/package.json +1 -1
- package/dist/js/components/Button/package.json +1 -1
- package/dist/js/components/CalendarMonth/package.json +1 -1
- package/dist/js/components/Card/Card.d.ts +12 -5
- package/dist/js/components/Card/Card.d.ts.map +1 -1
- package/dist/js/components/Card/Card.js +17 -5
- package/dist/js/components/Card/Card.js.map +1 -1
- package/dist/js/components/Card/CardHeader.d.ts +30 -0
- package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/js/components/Card/CardHeader.js +40 -5
- package/dist/js/components/Card/CardHeader.js.map +1 -1
- package/dist/js/components/Card/CardSelectableActions.d.ts +9 -0
- package/dist/js/components/Card/CardSelectableActions.d.ts.map +1 -0
- package/dist/js/components/Card/CardSelectableActions.js +14 -0
- package/dist/js/components/Card/CardSelectableActions.js.map +1 -0
- package/dist/js/components/Card/package.json +1 -1
- package/dist/js/components/Checkbox/Checkbox.d.ts +2 -0
- package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.js +2 -2
- package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/js/components/Checkbox/package.json +1 -1
- package/dist/js/components/Chip/package.json +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js +4 -4
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/js/components/ClipboardCopy/package.json +1 -1
- package/dist/js/components/CodeBlock/package.json +1 -1
- package/dist/js/components/DataList/package.json +1 -1
- package/dist/js/components/DatePicker/package.json +1 -1
- package/dist/js/components/DescriptionList/package.json +1 -1
- package/dist/js/components/Divider/package.json +1 -1
- package/dist/js/components/DragDrop/package.json +1 -1
- package/dist/js/components/Drawer/package.json +1 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts +11 -3
- package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +11 -5
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/Dropdown/package.json +1 -1
- package/dist/js/components/DualListSelector/package.json +1 -1
- package/dist/js/components/EmptyState/package.json +1 -1
- package/dist/js/components/ExpandableSection/package.json +1 -1
- package/dist/js/components/FileUpload/FileUploadField.js +2 -2
- package/dist/js/components/FileUpload/FileUploadField.js.map +1 -1
- package/dist/js/components/FileUpload/package.json +1 -1
- package/dist/js/components/Form/package.json +1 -1
- package/dist/js/components/FormControl/FormControlIcon.d.ts +16 -0
- package/dist/js/components/FormControl/FormControlIcon.d.ts.map +1 -0
- package/dist/js/components/FormControl/FormControlIcon.js +22 -0
- package/dist/js/components/FormControl/FormControlIcon.js.map +1 -0
- package/dist/js/components/FormSelect/FormSelect.d.ts +0 -2
- package/dist/js/components/FormSelect/FormSelect.d.ts.map +1 -1
- package/dist/js/components/FormSelect/FormSelect.js +9 -3
- package/dist/js/components/FormSelect/FormSelect.js.map +1 -1
- package/dist/js/components/FormSelect/package.json +1 -1
- package/dist/js/components/HelperText/package.json +1 -1
- package/dist/js/components/Hint/package.json +1 -1
- package/dist/js/components/Icon/package.json +1 -1
- package/dist/js/components/InputGroup/package.json +1 -1
- package/dist/js/components/JumpLinks/package.json +1 -1
- package/dist/js/components/Label/package.json +1 -1
- package/dist/js/components/List/package.json +1 -1
- package/dist/js/components/LoginPage/package.json +1 -1
- package/dist/js/components/Masthead/package.json +1 -1
- package/dist/js/components/Menu/package.json +1 -1
- package/dist/js/components/MenuToggle/package.json +1 -1
- package/dist/js/components/Modal/package.json +1 -1
- package/dist/js/components/MultipleFileUpload/package.json +1 -1
- package/dist/js/components/Nav/package.json +1 -1
- package/dist/js/components/NotificationBadge/package.json +1 -1
- package/dist/js/components/NotificationDrawer/package.json +1 -1
- package/dist/js/components/NumberInput/package.json +1 -1
- package/dist/js/components/OverflowMenu/package.json +1 -1
- package/dist/js/components/Page/package.json +1 -1
- package/dist/js/components/Pagination/package.json +1 -1
- package/dist/js/components/Panel/package.json +1 -1
- package/dist/js/components/Popover/package.json +1 -1
- package/dist/js/components/Progress/package.json +1 -1
- package/dist/js/components/ProgressStepper/package.json +1 -1
- package/dist/js/components/Radio/Radio.d.ts +5 -1
- package/dist/js/components/Radio/Radio.d.ts.map +1 -1
- package/dist/js/components/Radio/Radio.js +3 -3
- package/dist/js/components/Radio/Radio.js.map +1 -1
- package/dist/js/components/Radio/package.json +1 -1
- package/dist/js/components/SearchInput/package.json +1 -1
- package/dist/js/components/Select/Select.d.ts +31 -5
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +16 -10
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Select/SelectGroup.d.ts +3 -0
- package/dist/js/components/Select/SelectGroup.d.ts.map +1 -1
- package/dist/js/components/Select/SelectGroup.js.map +1 -1
- package/dist/js/components/Select/SelectOption.d.ts +14 -1
- package/dist/js/components/Select/SelectOption.d.ts.map +1 -1
- package/dist/js/components/Select/SelectOption.js +4 -4
- package/dist/js/components/Select/SelectOption.js.map +1 -1
- package/dist/js/components/Select/package.json +1 -1
- package/dist/js/components/Sidebar/package.json +1 -1
- package/dist/js/components/SimpleList/package.json +1 -1
- package/dist/js/components/Skeleton/package.json +1 -1
- package/dist/js/components/SkipToContent/package.json +1 -1
- package/dist/js/components/Slider/Slider.d.ts.map +1 -1
- package/dist/js/components/Slider/Slider.js +1 -1
- package/dist/js/components/Slider/Slider.js.map +1 -1
- package/dist/js/components/Slider/package.json +1 -1
- package/dist/js/components/Spinner/package.json +1 -1
- package/dist/js/components/Switch/package.json +1 -1
- package/dist/js/components/Tabs/package.json +1 -1
- package/dist/js/components/Text/package.json +1 -1
- package/dist/js/components/TextArea/TextArea.d.ts +0 -4
- package/dist/js/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/js/components/TextArea/TextArea.js +11 -7
- package/dist/js/components/TextArea/TextArea.js.map +1 -1
- package/dist/js/components/TextArea/package.json +1 -1
- package/dist/js/components/TextInput/TextInput.d.ts +8 -11
- package/dist/js/components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/js/components/TextInput/TextInput.js +10 -13
- package/dist/js/components/TextInput/TextInput.js.map +1 -1
- package/dist/js/components/TextInput/package.json +1 -1
- package/dist/js/components/TextInputGroup/package.json +1 -1
- package/dist/js/components/Tile/package.json +1 -1
- package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.js +2 -2
- package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/js/components/TimePicker/package.json +1 -1
- package/dist/js/components/Timestamp/package.json +1 -1
- package/dist/js/components/Title/package.json +1 -1
- package/dist/js/components/ToggleGroup/package.json +1 -1
- package/dist/js/components/Toolbar/package.json +1 -1
- package/dist/js/components/Tooltip/package.json +1 -1
- package/dist/js/components/TreeView/TreeViewSearch.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewSearch.js +6 -1
- package/dist/js/components/TreeView/TreeViewSearch.js.map +1 -1
- package/dist/js/components/TreeView/package.json +1 -1
- package/dist/js/components/Truncate/package.json +1 -1
- package/dist/js/components/Wizard/hooks/package.json +1 -1
- package/dist/js/components/Wizard/package.json +1 -1
- package/dist/js/components/package.json +1 -1
- package/dist/js/deprecated/components/ApplicationLauncher/package.json +1 -1
- package/dist/js/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/js/deprecated/components/Dropdown/package.json +1 -1
- package/dist/js/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/js/deprecated/components/PageHeader/package.json +1 -1
- package/dist/js/deprecated/components/Select/Select.d.ts.map +1 -1
- package/dist/js/deprecated/components/Select/Select.js +16 -18
- package/dist/js/deprecated/components/Select/Select.js.map +1 -1
- package/dist/js/deprecated/components/Select/package.json +1 -1
- package/dist/js/deprecated/components/Wizard/package.json +1 -1
- package/dist/js/deprecated/components/package.json +1 -1
- package/dist/js/deprecated/package.json +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/thirdparty/popper-core/package.json +1 -1
- package/dist/js/helpers/package.json +1 -1
- package/dist/js/layouts/Bullseye/package.json +1 -1
- package/dist/js/layouts/Flex/package.json +1 -1
- package/dist/js/layouts/Gallery/package.json +1 -1
- package/dist/js/layouts/Grid/package.json +1 -1
- package/dist/js/layouts/Level/package.json +1 -1
- package/dist/js/layouts/Split/package.json +1 -1
- package/dist/js/layouts/Stack/package.json +1 -1
- package/dist/js/layouts/package.json +1 -1
- package/dist/js/next/components/package.json +1 -1
- package/dist/js/next/package.json +1 -1
- package/dist/js/package.json +1 -1
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +6 -6
- package/src/components/Card/Card.tsx +34 -9
- package/src/components/Card/CardHeader.tsx +94 -2
- package/src/components/Card/CardSelectableActions.tsx +21 -0
- package/src/components/Card/__tests__/Card.test.tsx +11 -7
- package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +1 -3
- package/src/components/Card/examples/Card.md +59 -16
- package/src/components/Card/examples/CardClickable.tsx +54 -0
- package/src/components/Card/examples/CardClickableSelectable.tsx +94 -0
- package/src/components/Card/examples/{CardLegacySelectable.tsx → CardDeprecatedSelectable.tsx} +2 -0
- package/src/components/Card/examples/{CardSelectableA11yHighlight.tsx → CardDeprecatedSelectableA11yHighlight.tsx} +1 -1
- package/src/components/Card/examples/CardSelectable.tsx +60 -115
- package/src/components/Card/examples/CardSingleSelectable.tsx +52 -0
- package/src/components/Checkbox/Checkbox.tsx +5 -2
- package/src/components/ClipboardCopy/ClipboardCopy.tsx +4 -4
- package/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap +13 -10
- package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +67 -60
- package/src/components/Dropdown/Dropdown.tsx +25 -11
- package/src/components/Dropdown/examples/Dropdown.md +10 -1
- package/src/components/Dropdown/examples/DropdownBasic.tsx +2 -6
- package/src/components/Dropdown/examples/DropdownWithDescriptions.tsx +2 -6
- package/src/components/Dropdown/examples/DropdownWithGroups.tsx +2 -6
- package/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +2 -6
- package/src/components/FileUpload/FileUploadField.tsx +1 -1
- package/src/components/FileUpload/__tests__/__snapshots__/FileUpload.test.tsx.snap +28 -22
- package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap +28 -22
- package/src/components/FormControl/FormControlIcon.tsx +31 -0
- package/src/components/FormSelect/FormSelect.tsx +26 -20
- package/src/components/FormSelect/__tests__/FormSelect.test.tsx +2 -2
- package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +421 -178
- package/src/components/FormSelect/examples/FormSelect.md +7 -6
- package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +84 -66
- package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +217 -133
- package/src/components/Radio/Radio.tsx +7 -2
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +36 -27
- package/src/components/Select/Select.tsx +62 -24
- package/src/components/Select/SelectGroup.tsx +3 -0
- package/src/components/Select/SelectOption.tsx +22 -2
- package/src/components/Select/examples/Select.md +49 -2
- package/src/components/Select/examples/SelectBasic.tsx +27 -17
- package/src/components/Select/examples/SelectCheckbox.tsx +1 -3
- package/src/components/Select/examples/SelectFooter.tsx +57 -0
- package/src/components/Select/examples/SelectGrouped.tsx +14 -6
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +7 -12
- package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +204 -0
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +222 -0
- package/src/components/Select/examples/SelectOptionVariations.tsx +70 -0
- package/src/components/Select/examples/SelectTypeahead.tsx +13 -13
- package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +220 -0
- package/src/components/Select/examples/SelectViewMore.tsx +146 -0
- package/src/components/Slider/Slider.tsx +0 -1
- package/src/components/Slider/_tests_/__snapshots__/Slider.test.tsx.snap +52 -40
- package/src/components/TextArea/TextArea.tsx +33 -26
- package/src/components/TextArea/__tests__/TextArea.test.tsx +6 -6
- package/src/components/TextArea/__tests__/__snapshots__/TextArea.test.tsx.snap +11 -8
- package/src/components/TextArea/examples/TextArea.md +8 -6
- package/src/components/TextInput/TextInput.tsx +43 -47
- package/src/components/TextInput/__tests__/TextInput.test.tsx +2 -2
- package/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap +130 -72
- package/src/components/TextInput/examples/TextInput.md +14 -5
- package/src/components/TextInput/examples/TextInputCustomIcon.tsx +30 -0
- package/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx +20 -0
- package/src/components/TimePicker/TimePicker.tsx +2 -4
- package/src/components/TreeView/TreeViewSearch.tsx +9 -9
- package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +29 -7
- package/src/demos/ComposableMenu/ComposableMenu.md +14 -0
- package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +1 -1
- package/src/deprecated/components/Select/Select.tsx +21 -25
- package/src/deprecated/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +1 -2
- package/src/helpers/Popper/Popper.tsx +1 -1
- package/src/components/FormSelect/examples/FormSelectIconSpriteVariant.tsx +0 -63
- package/src/components/TextArea/examples/TextAreaIconSprite.tsx +0 -41
- package/src/components/TextInput/examples/TextInputIcon.tsx +0 -39
- package/src/components/TextInput/examples/TextInputIconSprite.tsx +0 -63
|
@@ -26,7 +26,7 @@ export interface PopperProps {
|
|
|
26
26
|
position?: 'right' | 'left' | 'center';
|
|
27
27
|
/** Instead of direction and position can set the placement of the popper */
|
|
28
28
|
placement?: Placement;
|
|
29
|
-
/**
|
|
29
|
+
/** Custom width of the popper. If the value is "trigger", it will set the width to the trigger element's width */
|
|
30
30
|
width?: string | 'trigger';
|
|
31
31
|
/** Minimum width of the popper. If the value is "trigger", it will set the min width to the trigger element's width */
|
|
32
32
|
minWidth?: string | 'trigger';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAY,MAAM,0BAA0B,CAAC;AAE/D,OAAO,2DAA2D,CAAC;AAsCnE,eAAO,MAAM,oBAAoB,sBAAuB,MAAM,WACM,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtE,gDAAgD;IAChD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrE,uBAAuB;IACvB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-popper-core-esm","main":"index.js","module":"./dist/esm/helpers/Popper/thirdparty/popper-core/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-popper-core-esm","main":"index.js","module":"./dist/esm/helpers/Popper/thirdparty/popper-core/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-helpers-esm","main":"index.js","module":"./dist/esm/helpers/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-helpers-esm","main":"index.js","module":"./dist/esm/helpers/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-bullseye-esm","main":"index.js","module":"./dist/esm/layouts/Bullseye/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-bullseye-esm","main":"index.js","module":"./dist/esm/layouts/Bullseye/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-flex-esm","main":"index.js","module":"./dist/esm/layouts/Flex/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-flex-esm","main":"index.js","module":"./dist/esm/layouts/Flex/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-gallery-esm","main":"index.js","module":"./dist/esm/layouts/Gallery/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-gallery-esm","main":"index.js","module":"./dist/esm/layouts/Gallery/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-grid-esm","main":"index.js","module":"./dist/esm/layouts/Grid/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-grid-esm","main":"index.js","module":"./dist/esm/layouts/Grid/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-level-esm","main":"index.js","module":"./dist/esm/layouts/Level/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-level-esm","main":"index.js","module":"./dist/esm/layouts/Level/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-split-esm","main":"index.js","module":"./dist/esm/layouts/Split/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-split-esm","main":"index.js","module":"./dist/esm/layouts/Split/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-stack-esm","main":"index.js","module":"./dist/esm/layouts/Stack/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-stack-esm","main":"index.js","module":"./dist/esm/layouts/Stack/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-layouts-esm","main":"index.js","module":"./dist/esm/layouts/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-layouts-esm","main":"index.js","module":"./dist/esm/layouts/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-components-next-esm","main":"index.js","module":"./dist/esm/next/components/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-components-next-esm","main":"index.js","module":"./dist/esm/next/components/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-next-next-esm","main":"index.js","module":"./dist/esm/next/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-next-next-esm","main":"index.js","module":"./dist/esm/next/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
package/dist/esm/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-esm-esm","main":"index.js","module":"./dist/esm/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-esm-esm","main":"index.js","module":"./dist/esm/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-aboutmodal-cjs","main":"index.js","module":"./dist/js/components/AboutModal/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-aboutmodal-cjs","main":"index.js","module":"./dist/js/components/AboutModal/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-accordion-cjs","main":"index.js","module":"./dist/js/components/Accordion/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-accordion-cjs","main":"index.js","module":"./dist/js/components/Accordion/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-actionlist-cjs","main":"index.js","module":"./dist/js/components/ActionList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-actionlist-cjs","main":"index.js","module":"./dist/js/components/ActionList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-alert-cjs","main":"index.js","module":"./dist/js/components/Alert/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-alert-cjs","main":"index.js","module":"./dist/js/components/Alert/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-avatar-cjs","main":"index.js","module":"./dist/js/components/Avatar/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-avatar-cjs","main":"index.js","module":"./dist/js/components/Avatar/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-backtotop-cjs","main":"index.js","module":"./dist/js/components/BackToTop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-backtotop-cjs","main":"index.js","module":"./dist/js/components/BackToTop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-backdrop-cjs","main":"index.js","module":"./dist/js/components/Backdrop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-backdrop-cjs","main":"index.js","module":"./dist/js/components/Backdrop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-backgroundimage-cjs","main":"index.js","module":"./dist/js/components/BackgroundImage/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-backgroundimage-cjs","main":"index.js","module":"./dist/js/components/BackgroundImage/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-badge-cjs","main":"index.js","module":"./dist/js/components/Badge/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-badge-cjs","main":"index.js","module":"./dist/js/components/Badge/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-banner-cjs","main":"index.js","module":"./dist/js/components/Banner/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-banner-cjs","main":"index.js","module":"./dist/js/components/Banner/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-brand-cjs","main":"index.js","module":"./dist/js/components/Brand/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-brand-cjs","main":"index.js","module":"./dist/js/components/Brand/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-breadcrumb-cjs","main":"index.js","module":"./dist/js/components/Breadcrumb/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-breadcrumb-cjs","main":"index.js","module":"./dist/js/components/Breadcrumb/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-button-cjs","main":"index.js","module":"./dist/js/components/Button/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-button-cjs","main":"index.js","module":"./dist/js/components/Button/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-calendarmonth-cjs","main":"index.js","module":"./dist/js/components/CalendarMonth/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-calendarmonth-cjs","main":"index.js","module":"./dist/js/components/CalendarMonth/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -13,11 +13,15 @@ export interface CardProps extends React.HTMLProps<HTMLElement>, OUIAProps {
|
|
|
13
13
|
isCompact?: boolean;
|
|
14
14
|
/** Modifies the card to include selectable styling */
|
|
15
15
|
isSelectable?: boolean;
|
|
16
|
-
/** Specifies the card is selectable, and applies
|
|
16
|
+
/** @deprecated Specifies the card is selectable, and applies raised styling on hover and select */
|
|
17
17
|
isSelectableRaised?: boolean;
|
|
18
18
|
/** Modifies the card to include selected styling */
|
|
19
19
|
isSelected?: boolean;
|
|
20
|
-
/** Modifies
|
|
20
|
+
/** Modifies the card to include clickable styling */
|
|
21
|
+
isClickable?: boolean;
|
|
22
|
+
/** Modifies a clickable or selectable card to have disabled styling. */
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
/** @deprecated Modifies a raised selectable card to have disabled styling */
|
|
21
25
|
isDisabledRaised?: boolean;
|
|
22
26
|
/** Modifies the card to include flat styling */
|
|
23
27
|
isFlat?: boolean;
|
|
@@ -31,11 +35,11 @@ export interface CardProps extends React.HTMLProps<HTMLElement>, OUIAProps {
|
|
|
31
35
|
isPlain?: boolean;
|
|
32
36
|
/** Flag indicating if a card is expanded. Modifies the card to be expandable. */
|
|
33
37
|
isExpanded?: boolean;
|
|
34
|
-
/** Flag indicating that the card should render a hidden input to make it selectable */
|
|
38
|
+
/** @deprecated Flag indicating that the card should render a hidden input to make it selectable */
|
|
35
39
|
hasSelectableInput?: boolean;
|
|
36
|
-
/** Aria label to apply to the selectable input if one is rendered */
|
|
40
|
+
/** @deprecated Aria label to apply to the selectable input if one is rendered */
|
|
37
41
|
selectableInputAriaLabel?: string;
|
|
38
|
-
/** Callback that executes when the selectable input is changed */
|
|
42
|
+
/** @deprecated Callback that executes when the selectable input is changed */
|
|
39
43
|
onSelectableInputChange?: (event: React.FormEvent<HTMLInputElement>, labelledBy: string) => void;
|
|
40
44
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
41
45
|
ouiaId?: number | string;
|
|
@@ -46,6 +50,9 @@ interface CardContextProps {
|
|
|
46
50
|
cardId: string;
|
|
47
51
|
registerTitleId: (id: string) => void;
|
|
48
52
|
isExpanded: boolean;
|
|
53
|
+
isClickable: boolean;
|
|
54
|
+
isSelectable: boolean;
|
|
55
|
+
isDisabled: boolean;
|
|
49
56
|
}
|
|
50
57
|
export declare const CardContext: React.Context<Partial<CardContextProps>>;
|
|
51
58
|
export declare const Card: React.FunctionComponent<CardProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,SAAS;IACxE,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACxC,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,SAAS;IACxE,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACxC,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,8EAA8E;IAC9E,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjG,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB;AAOD,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA6HnD,CAAC"}
|
|
@@ -9,10 +9,13 @@ const helpers_1 = require("../../helpers");
|
|
|
9
9
|
exports.CardContext = React.createContext({
|
|
10
10
|
cardId: '',
|
|
11
11
|
registerTitleId: () => { },
|
|
12
|
-
isExpanded: false
|
|
12
|
+
isExpanded: false,
|
|
13
|
+
isClickable: false,
|
|
14
|
+
isSelectable: false,
|
|
15
|
+
isDisabled: false
|
|
13
16
|
});
|
|
14
17
|
const Card = (_a) => {
|
|
15
|
-
var { children, id = '', className, component = 'div', isCompact = false, isSelectable = false, isSelectableRaised = false, isSelected = false, isDisabledRaised = false, isFlat = false, isExpanded = false, isRounded = false, isLarge = false, isFullHeight = false, isPlain = false, ouiaId, ouiaSafe = true, hasSelectableInput = false, selectableInputAriaLabel, onSelectableInputChange = () => { } } = _a, props = tslib_1.__rest(_a, ["children", "id", "className", "component", "isCompact", "isSelectable", "isSelectableRaised", "isSelected", "isDisabledRaised", "isFlat", "isExpanded", "isRounded", "isLarge", "isFullHeight", "isPlain", "ouiaId", "ouiaSafe", "hasSelectableInput", "selectableInputAriaLabel", "onSelectableInputChange"]);
|
|
18
|
+
var { children, id = '', className, component = 'div', isCompact = false, isSelectable = false, isClickable = false, isDisabled = false, isSelectableRaised = false, isSelected = false, isDisabledRaised = false, isFlat = false, isExpanded = false, isRounded = false, isLarge = false, isFullHeight = false, isPlain = false, ouiaId, ouiaSafe = true, hasSelectableInput = false, selectableInputAriaLabel, onSelectableInputChange = () => { } } = _a, props = tslib_1.__rest(_a, ["children", "id", "className", "component", "isCompact", "isSelectable", "isClickable", "isDisabled", "isSelectableRaised", "isSelected", "isDisabledRaised", "isFlat", "isExpanded", "isRounded", "isLarge", "isFullHeight", "isPlain", "ouiaId", "ouiaSafe", "hasSelectableInput", "selectableInputAriaLabel", "onSelectableInputChange"]);
|
|
16
19
|
const Component = component;
|
|
17
20
|
const ouiaProps = (0, helpers_1.useOUIAProps)(exports.Card.displayName, ouiaId, ouiaSafe);
|
|
18
21
|
const [titleId, setTitleId] = React.useState('');
|
|
@@ -29,9 +32,15 @@ const Card = (_a) => {
|
|
|
29
32
|
if (isSelectableRaised) {
|
|
30
33
|
return (0, react_styles_1.css)(card_1.default.modifiers.selectableRaised, isSelected && card_1.default.modifiers.selectedRaised);
|
|
31
34
|
}
|
|
35
|
+
if (isSelectable && isClickable) {
|
|
36
|
+
return (0, react_styles_1.css)(card_1.default.modifiers.selectable, card_1.default.modifiers.clickable, isSelected && card_1.default.modifiers.current);
|
|
37
|
+
}
|
|
32
38
|
if (isSelectable) {
|
|
33
39
|
return (0, react_styles_1.css)(card_1.default.modifiers.selectable, isSelected && card_1.default.modifiers.selected);
|
|
34
40
|
}
|
|
41
|
+
if (isClickable) {
|
|
42
|
+
return (0, react_styles_1.css)(card_1.default.modifiers.clickable, isSelected && card_1.default.modifiers.selected);
|
|
43
|
+
}
|
|
35
44
|
return '';
|
|
36
45
|
};
|
|
37
46
|
const containsCardTitleChildRef = React.useRef(false);
|
|
@@ -55,10 +64,13 @@ const Card = (_a) => {
|
|
|
55
64
|
return (React.createElement(exports.CardContext.Provider, { value: {
|
|
56
65
|
cardId: id,
|
|
57
66
|
registerTitleId,
|
|
58
|
-
isExpanded
|
|
67
|
+
isExpanded,
|
|
68
|
+
isClickable,
|
|
69
|
+
isSelectable,
|
|
70
|
+
isDisabled
|
|
59
71
|
} },
|
|
60
|
-
hasSelectableInput && (React.createElement("input", Object.assign({ className: "pf-v5-screen-reader", id: `${id}-input` }, ariaProps, { type: "checkbox", checked: isSelected, onChange: event => onSelectableInputChange(event, id), disabled: isDisabledRaised, tabIndex: -1 }))),
|
|
61
|
-
React.createElement(Component, Object.assign({ id: id, className: (0, react_styles_1.css)(card_1.default.card, isCompact && card_1.default.modifiers.compact, isExpanded && card_1.default.modifiers.expanded, isFlat && card_1.default.modifiers.flat, isRounded && card_1.default.modifiers.rounded, isLarge && card_1.default.modifiers.displayLg, isFullHeight && card_1.default.modifiers.fullHeight, isPlain && card_1.default.modifiers.plain, getSelectableModifiers(), className), tabIndex:
|
|
72
|
+
hasSelectableInput && (React.createElement("input", Object.assign({ className: "pf-v5-screen-reader", id: `${id}-input` }, ariaProps, { type: "checkbox", checked: isSelected, onChange: (event) => onSelectableInputChange(event, id), disabled: isDisabledRaised, tabIndex: -1 }))),
|
|
73
|
+
React.createElement(Component, Object.assign({ id: id, className: (0, react_styles_1.css)(card_1.default.card, isCompact && card_1.default.modifiers.compact, isExpanded && card_1.default.modifiers.expanded, isFlat && card_1.default.modifiers.flat, isRounded && card_1.default.modifiers.rounded, isLarge && card_1.default.modifiers.displayLg, isFullHeight && card_1.default.modifiers.fullHeight, isPlain && card_1.default.modifiers.plain, getSelectableModifiers(), isDisabled && card_1.default.modifiers.disabled, className), tabIndex: isSelectableRaised ? '0' : undefined }, props, ouiaProps), children)));
|
|
62
74
|
};
|
|
63
75
|
exports.Card = Card;
|
|
64
76
|
exports.Card.displayName = 'Card';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,2CAAwD;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,34 @@ export interface CardHeaderActionsObject {
|
|
|
7
7
|
/** Additional classes added to the actions wrapper */
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
+
export interface CardHeaderSelectableActionsObject {
|
|
11
|
+
/** Determines the type of input to be used for a selectable card. */
|
|
12
|
+
variant?: 'single' | 'multiple';
|
|
13
|
+
/** Flag indicating that the actions have no offset */
|
|
14
|
+
hasNoOffset?: boolean;
|
|
15
|
+
/** Additional classes added to the selectable actions wrapper */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** ID passed to the selectable or clickable input */
|
|
18
|
+
selectableActionId: string;
|
|
19
|
+
/** Adds an accessible label to the selectable or clickable input */
|
|
20
|
+
selectableActionAriaLabel?: string;
|
|
21
|
+
/** Adds an accessible label to the selectable or clickable input by passing in a
|
|
22
|
+
* space separated list of id's.
|
|
23
|
+
*/
|
|
24
|
+
selectableActionAriaLabelledby?: string;
|
|
25
|
+
/** Callback for when a selectable card input changes */
|
|
26
|
+
onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
|
|
27
|
+
/** Action to call when clickable card is clicked */
|
|
28
|
+
onClickAction?: (event: React.FormEvent<HTMLInputElement> | React.MouseEvent) => void;
|
|
29
|
+
/** Link to navigate to when clickable card is clicked */
|
|
30
|
+
to?: string;
|
|
31
|
+
/** Flag to indicate whether a clickable card's link should open in a new tab/window. */
|
|
32
|
+
isExternalLink?: boolean;
|
|
33
|
+
/** Name for the input element of a clickable or selectable card. */
|
|
34
|
+
name?: string;
|
|
35
|
+
/** Flag indicating whether the selectable card input is checked */
|
|
36
|
+
isChecked?: boolean;
|
|
37
|
+
}
|
|
10
38
|
export interface CardHeaderProps extends React.HTMLProps<HTMLDivElement> {
|
|
11
39
|
/** Content rendered inside the card header */
|
|
12
40
|
children?: React.ReactNode;
|
|
@@ -14,6 +42,8 @@ export interface CardHeaderProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
14
42
|
className?: string;
|
|
15
43
|
/** Actions of the card header */
|
|
16
44
|
actions?: CardHeaderActionsObject;
|
|
45
|
+
/** Selectable actions of the card header */
|
|
46
|
+
selectableActions?: CardHeaderSelectableActionsObject;
|
|
17
47
|
/** ID of the card header. */
|
|
18
48
|
id?: string;
|
|
19
49
|
/** Callback expandable card */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iCAAiC;IAChD,qEAAqE;IACrE,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtF,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wFAAwF;IACxF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,iCAAiC,CAAC;IACtD,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sDAAsD;IACtD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAqG/D,CAAC"}
|
|
@@ -8,23 +8,58 @@ const card_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
|
|
|
8
8
|
const Card_1 = require("./Card");
|
|
9
9
|
const CardHeaderMain_1 = require("./CardHeaderMain");
|
|
10
10
|
const CardActions_1 = require("./CardActions");
|
|
11
|
+
const CardSelectableActions_1 = require("./CardSelectableActions");
|
|
11
12
|
const Button_1 = require("../Button");
|
|
12
13
|
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
14
|
+
const Radio_1 = require("../Radio");
|
|
15
|
+
const Checkbox_1 = require("../Checkbox");
|
|
13
16
|
const CardHeader = (_a) => {
|
|
14
|
-
var { children, className, actions, id, onExpand, toggleButtonProps, isToggleRightAligned } = _a, props = tslib_1.__rest(_a, ["children", "className", "actions", "id", "onExpand", "toggleButtonProps", "isToggleRightAligned"]);
|
|
15
|
-
return (React.createElement(Card_1.CardContext.Consumer, null, ({ cardId }) => {
|
|
17
|
+
var { children, className, actions, selectableActions, id, onExpand, toggleButtonProps, isToggleRightAligned } = _a, props = tslib_1.__rest(_a, ["children", "className", "actions", "selectableActions", "id", "onExpand", "toggleButtonProps", "isToggleRightAligned"]);
|
|
18
|
+
return (React.createElement(Card_1.CardContext.Consumer, null, ({ cardId, isClickable, isSelectable, isDisabled: isCardDisabled }) => {
|
|
16
19
|
const cardHeaderToggle = (React.createElement("div", { className: (0, react_styles_1.css)(card_1.default.cardHeaderToggle) },
|
|
17
20
|
React.createElement(Button_1.Button, Object.assign({ variant: "plain", type: "button", onClick: (evt) => {
|
|
18
21
|
onExpand(evt, cardId);
|
|
19
22
|
} }, toggleButtonProps),
|
|
20
23
|
React.createElement("span", { className: (0, react_styles_1.css)(card_1.default.cardHeaderToggleIcon) },
|
|
21
24
|
React.createElement(angle_right_icon_1.default, { "aria-hidden": "true" })))));
|
|
25
|
+
if ((actions === null || actions === void 0 ? void 0 : actions.actions) && !(isClickable && isSelectable)) {
|
|
26
|
+
// eslint-disable-next-line no-console
|
|
27
|
+
console.warn(`${isClickable ? 'Clickable' : 'Selectable'} only cards should not contain any other actions. If you wish to include additional actions, use a clickable and selectable card.`);
|
|
28
|
+
}
|
|
29
|
+
const handleActionClick = (event) => {
|
|
30
|
+
if (isClickable) {
|
|
31
|
+
if (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.onClickAction) {
|
|
32
|
+
selectableActions.onClickAction(event);
|
|
33
|
+
}
|
|
34
|
+
else if (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.to) {
|
|
35
|
+
window.open(selectableActions.to, selectableActions.isExternalLink ? '_blank' : '_self');
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
const getClickableSelectableProps = () => {
|
|
40
|
+
const baseProps = {
|
|
41
|
+
className: 'pf-m-standalone',
|
|
42
|
+
inputClassName: isClickable && !isSelectable && 'pf-v5-screen-reader',
|
|
43
|
+
label: React.createElement(React.Fragment, null),
|
|
44
|
+
'aria-label': selectableActions.selectableActionAriaLabel,
|
|
45
|
+
'aria-labelledby': selectableActions.selectableActionAriaLabelledby,
|
|
46
|
+
id: selectableActions.selectableActionId,
|
|
47
|
+
name: selectableActions.name,
|
|
48
|
+
isDisabled: isCardDisabled
|
|
49
|
+
};
|
|
50
|
+
if (isClickable && !isSelectable) {
|
|
51
|
+
return Object.assign(Object.assign({}, baseProps), { onClick: handleActionClick });
|
|
52
|
+
}
|
|
53
|
+
if (isSelectable) {
|
|
54
|
+
return Object.assign(Object.assign({}, baseProps), { onChange: selectableActions.onChange, isChecked: selectableActions.isChecked });
|
|
55
|
+
}
|
|
56
|
+
return baseProps;
|
|
57
|
+
};
|
|
22
58
|
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(card_1.default.cardHeader, isToggleRightAligned && card_1.default.modifiers.toggleRight, className), id: id }, props),
|
|
23
59
|
onExpand && !isToggleRightAligned && cardHeaderToggle,
|
|
24
|
-
actions && React.createElement(CardActions_1.CardActions, { className: actions === null || actions === void 0 ? void 0 : actions.className, hasNoOffset: actions === null || actions === void 0 ? void 0 : actions.hasNoOffset },
|
|
25
|
-
" ",
|
|
60
|
+
(actions || (selectableActions && (isClickable || isSelectable))) && (React.createElement(CardActions_1.CardActions, { className: actions === null || actions === void 0 ? void 0 : actions.className, hasNoOffset: (actions === null || actions === void 0 ? void 0 : actions.hasNoOffset) || (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.hasNoOffset) }, actions === null || actions === void 0 ? void 0 :
|
|
26
61
|
actions.actions,
|
|
27
|
-
|
|
62
|
+
selectableActions && (isClickable || isSelectable) && (React.createElement(CardSelectableActions_1.CardSelectableActions, { className: selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.className }, (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.variant) === 'single' || (isClickable && !isSelectable) ? (React.createElement(Radio_1.Radio, Object.assign({}, getClickableSelectableProps()))) : (React.createElement(Checkbox_1.Checkbox, Object.assign({}, getClickableSelectableProps()))))))),
|
|
28
63
|
children && React.createElement(CardHeaderMain_1.CardHeaderMain, null, children),
|
|
29
64
|
onExpand && isToggleRightAligned && cardHeaderToggle));
|
|
30
65
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,iCAAqC;AACrC,qDAAkD;AAClD,+CAA4C;AAC5C,sCAAmC;AACnC,sHAAqF;
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface CardActionsProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
/** Content rendered inside the card action */
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/** Additional classes added to the action */
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const CardSelectableActions: React.FunctionComponent<CardActionsProps>;
|
|
9
|
+
//# sourceMappingURL=CardSelectableActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardSelectableActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardSelectableActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAQ3E,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CardSelectableActions = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
+
const card_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Card/card"));
|
|
8
|
+
const CardSelectableActions = (_a) => {
|
|
9
|
+
var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
|
|
10
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(card_1.default.cardSelectableActions, className) }, props), children));
|
|
11
|
+
};
|
|
12
|
+
exports.CardSelectableActions = CardSelectableActions;
|
|
13
|
+
exports.CardSelectableActions.displayName = 'CardSelectableActions';
|
|
14
|
+
//# sourceMappingURL=CardSelectableActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardSelectableActions.js","sourceRoot":"","sources":["../../../../src/components/Card/CardSelectableActions.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AAShE,MAAM,qBAAqB,GAA8C,CAAC,EAI9D,EAAE,EAAE;QAJ0D,EAC/E,QAAQ,EACR,SAAS,OAEQ,EADd,KAAK,sBAHuE,yBAIhF,CADS;IACc,OAAA,CACtB,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAAM,KAAK,GACpE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,qBAAqB,yBAQhC;AACF,6BAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-card-cjs","main":"index.js","module":"./dist/js/components/Card/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-card-cjs","main":"index.js","module":"./dist/js/components/Card/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -4,6 +4,8 @@ import { OUIAProps } from '../../helpers';
|
|
|
4
4
|
export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
|
|
5
5
|
/** Additional classes added to the checkbox. */
|
|
6
6
|
className?: string;
|
|
7
|
+
/** Additional classed added to the radio input */
|
|
8
|
+
inputClassName?: string;
|
|
7
9
|
/** Flag to show if the checkbox selection is valid or invalid. */
|
|
8
10
|
isValid?: boolean;
|
|
9
11
|
/** Flag to show if the checkbox is disabled. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACzE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACzE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAkEP"}
|
|
@@ -20,7 +20,7 @@ class Checkbox extends React.Component {
|
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
23
|
+
const _a = this.props, { 'aria-label': ariaLabel, className, inputClassName, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "inputClassName", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
24
24
|
if (!props.id) {
|
|
25
25
|
// eslint-disable-next-line no-console
|
|
26
26
|
console.error('Checkbox:', 'id is required to make input accessible');
|
|
@@ -37,7 +37,7 @@ class Checkbox extends React.Component {
|
|
|
37
37
|
}
|
|
38
38
|
checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
|
|
39
39
|
return (React.createElement(Component, { className: (0, react_styles_1.css)(check_1.default.check, !label && check_1.default.modifiers.standalone, className) },
|
|
40
|
-
React.createElement("input", Object.assign({}, props, { className: (0, react_styles_1.css)(check_1.default.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, (0, helpers_1.getOUIAProps)(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
40
|
+
React.createElement("input", Object.assign({}, props, { className: (0, react_styles_1.css)(check_1.default.checkInput, inputClassName), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: (elem) => elem && (elem.indeterminate = isChecked === null) }, checkedProps, (0, helpers_1.getOUIAProps)(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
41
41
|
label && (React.createElement("label", { className: (0, react_styles_1.css)(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: props.id },
|
|
42
42
|
label,
|
|
43
43
|
isRequired && (React.createElement("span", { className: (0, react_styles_1.css)(check_1.default.checkLabelRequired), "aria-hidden": "true" }, htmlConstants_1.ASTERISK)))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAE/C,2CAA0E;AAC1E,+DAAuD;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-checkbox-cjs","main":"index.js","module":"./dist/js/components/Checkbox/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-checkbox-cjs","main":"index.js","module":"./dist/js/components/Checkbox/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-chip-cjs","main":"index.js","module":"./dist/js/components/Chip/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-chip-cjs","main":"index.js","module":"./dist/js/components/Chip/index.js","typings":"index.d.ts","version":"5.0.0-alpha.108"}
|
|
@@ -39,7 +39,7 @@ class ClipboardCopy extends React.Component {
|
|
|
39
39
|
};
|
|
40
40
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
41
41
|
this.expandContent = (_event) => {
|
|
42
|
-
this.setState(prevState => ({
|
|
42
|
+
this.setState((prevState) => ({
|
|
43
43
|
expanded: !prevState.expanded
|
|
44
44
|
}));
|
|
45
45
|
};
|
|
@@ -57,7 +57,7 @@ class ClipboardCopy extends React.Component {
|
|
|
57
57
|
const toggleIdPrefix = 'toggle-';
|
|
58
58
|
const contentIdPrefix = 'content-';
|
|
59
59
|
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopy, variant === 'inline-compact' && clipboard_copy_1.default.modifiers.inline, isBlock && clipboard_copy_1.default.modifiers.block, this.state.expanded && clipboard_copy_1.default.modifiers.expanded, className) }, divProps, (0, helpers_1.getOUIAProps)(ClipboardCopy.displayName, ouiaId, ouiaSafe)),
|
|
60
|
-
variant === 'inline-compact' && (React.createElement(GenerateId_1.GenerateId, { prefix: "" }, id => (React.createElement(React.Fragment, null,
|
|
60
|
+
variant === 'inline-compact' && (React.createElement(GenerateId_1.GenerateId, { prefix: "" }, (id) => (React.createElement(React.Fragment, null,
|
|
61
61
|
!isCode && (React.createElement("span", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyText), id: `${textIdPrefix}${id}` }, this.state.text)),
|
|
62
62
|
isCode && (React.createElement("code", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyText, clipboard_copy_1.default.modifiers.code), id: `${textIdPrefix}${id}` }, this.state.text)),
|
|
63
63
|
React.createElement("span", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyActions) },
|
|
@@ -67,10 +67,10 @@ class ClipboardCopy extends React.Component {
|
|
|
67
67
|
this.setState({ copied: true });
|
|
68
68
|
}, onTooltipHidden: () => this.setState({ copied: false }) }, this.state.copied ? clickTip : hoverTip)),
|
|
69
69
|
additionalActions && additionalActions))))),
|
|
70
|
-
variant !== 'inline-compact' && (React.createElement(GenerateId_1.GenerateId, { prefix: "" }, id => (React.createElement(React.Fragment, null,
|
|
70
|
+
variant !== 'inline-compact' && (React.createElement(GenerateId_1.GenerateId, { prefix: "" }, (id) => (React.createElement(React.Fragment, null,
|
|
71
71
|
React.createElement("div", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyGroup) },
|
|
72
72
|
variant === 'expansion' && (React.createElement(ClipboardCopyToggle_1.ClipboardCopyToggle, { isExpanded: this.state.expanded, onClick: this.expandContent, id: `${toggleIdPrefix}${id}`, textId: `${textIdPrefix}${id}`, contentId: `${contentIdPrefix}${id}`, "aria-label": toggleAriaLabel })),
|
|
73
|
-
React.createElement(TextInput_1.TextInput, {
|
|
73
|
+
React.createElement(TextInput_1.TextInput, { readOnlyVariant: isReadOnly || this.state.expanded ? 'default' : undefined, onChange: this.updateText, value: this.state.text, id: `text-input-${id}`, "aria-label": textAriaLabel }),
|
|
74
74
|
React.createElement(ClipboardCopyButton_1.ClipboardCopyButton, { exitDelay: exitDelay, entryDelay: entryDelay, maxWidth: maxWidth, position: position, id: `copy-button-${id}`, textId: `text-input-${id}`, "aria-label": hoverTip, onClick: (event) => {
|
|
75
75
|
onCopy(event, this.state.text);
|
|
76
76
|
this.setState({ copied: true });
|