@cube-dev/ui-kit 0.9.8 → 0.9.11
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/cjs/components/Base.js +1 -1
- package/cjs/components/Block.js +1 -1
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +1 -1
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +1 -1
- package/cjs/components/Root.js +1 -1
- package/cjs/components/actions/Action.js +1 -1
- package/cjs/components/actions/Button/Button.js +10 -10
- package/cjs/components/actions/Button/Submit.js +1 -1
- package/cjs/components/actions/Button/index.js +1 -1
- package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/cjs/components/actions/index.js +1 -1
- package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
- package/cjs/components/content/Avatar/Avatar.js +1 -1
- package/cjs/components/content/Badge/Badge.js +1 -1
- package/cjs/components/content/Card/Card.js +1 -1
- package/cjs/components/content/Content.js +1 -1
- package/cjs/components/content/Divider.js +1 -1
- package/cjs/components/content/Footer.js +1 -1
- package/cjs/components/content/Header.js +1 -1
- package/cjs/components/content/Paragraph.js +1 -1
- package/cjs/components/content/Placeholder/Placeholder.js +1 -1
- package/cjs/components/content/PrismCode/PrismCode.js +1 -1
- package/cjs/components/content/Result/Result.js +4 -3
- package/cjs/components/content/Skeleton/Skeleton.js +1 -1
- package/cjs/components/content/Tag/Tag.js +1 -1
- package/cjs/components/content/Text.js +4 -2
- package/cjs/components/content/Title.js +1 -1
- package/cjs/components/forms/Checkbox/Checkbox.js +3 -2
- package/cjs/components/forms/Checkbox/CheckboxGroup.js +3 -2
- package/cjs/components/forms/Checkbox/context.js +1 -1
- package/cjs/components/forms/FieldWrapper.js +51 -45
- package/cjs/components/forms/FileInput/FileInput.js +3 -2
- package/cjs/components/forms/Form/Field.js +17 -7
- package/cjs/components/forms/Form/Form.js +1 -1
- package/cjs/components/forms/Form/index.js +1 -1
- package/cjs/components/forms/Form/useForm.js +1 -1
- package/cjs/components/forms/Form/validation.js +1 -1
- package/cjs/components/forms/Label.js +1 -1
- package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
- package/cjs/components/forms/NumberInput/StepButton.js +1 -1
- package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/cjs/components/forms/RadioGroup/Radio.js +1 -1
- package/cjs/components/forms/RadioGroup/RadioGroup.js +3 -2
- package/cjs/components/forms/RadioGroup/context.js +1 -1
- package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
- package/cjs/components/forms/Switch/Switch.js +3 -2
- package/cjs/components/forms/TextArea/TextArea.js +1 -1
- package/cjs/components/forms/TextInput/TextInput.js +1 -1
- package/cjs/components/forms/TextInput/TextInputBase.js +3 -2
- package/cjs/components/forms/index.js +1 -1
- package/cjs/components/layout/Flex.js +1 -1
- package/cjs/components/layout/Flow.js +1 -1
- package/cjs/components/layout/Grid.js +1 -1
- package/cjs/components/layout/Prefix.js +1 -1
- package/cjs/components/layout/Space.js +1 -1
- package/cjs/components/layout/Suffix.js +1 -1
- package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/cjs/components/navigation/Link/Link.js +1 -1
- package/cjs/components/organisms/Alert/Alert.js +1 -1
- package/cjs/components/organisms/CopySnippet/CopySnippet.js +1 -1
- package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
- package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
- package/cjs/components/organisms/Modal/Modal.js +1 -1
- package/cjs/components/organisms/SearchResults/SearchResults.js +1 -1
- package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
- package/cjs/components/organisms/TopBar/TopBar.js +1 -1
- package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
- package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- package/cjs/components/overlays/AlertDialog/index.js +1 -1
- package/cjs/components/overlays/AlertDialog/types.js +1 -1
- package/cjs/components/overlays/Dialog/Dialog.js +4 -7
- package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
- package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
- package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/cjs/components/overlays/Dialog/context.js +1 -1
- package/cjs/components/overlays/Dialog/index.js +1 -1
- package/cjs/components/overlays/Modal/Modal.js +1 -1
- package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
- package/cjs/components/overlays/Modal/Overlay.js +1 -1
- package/cjs/components/overlays/Modal/Popover.js +1 -1
- package/cjs/components/overlays/Modal/Tray.js +1 -1
- package/cjs/components/overlays/Modal/Underlay.js +1 -1
- package/cjs/components/overlays/Modal/index.js +1 -1
- package/cjs/components/overlays/Notification/Notification.js +1 -1
- package/cjs/components/overlays/OverlayWrapper.js +1 -1
- package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/cjs/components/overlays/Tooltip/context.js +1 -1
- package/cjs/components/pickers/ComboBox/ComboBox.js +3 -2
- package/cjs/components/pickers/Menu/Menu.js +78 -0
- package/cjs/components/pickers/Menu/MenuButton.js +67 -0
- package/cjs/components/pickers/Menu/MenuItem.js +56 -0
- package/cjs/components/pickers/Menu/MenuSection.js +34 -0
- package/cjs/components/pickers/Menu/MenuTrigger.js +111 -0
- package/cjs/components/pickers/Menu/context.js +37 -0
- package/cjs/components/pickers/Menu/styled.js +89 -0
- package/cjs/components/pickers/Select/Select.js +3 -2
- package/cjs/components/portal/Portal.js +1 -1
- package/cjs/components/portal/PortalProvider.js +1 -1
- package/cjs/components/portal/index.js +1 -1
- package/cjs/components/portal/storybook/templates/CustomRoot.js +20 -0
- package/cjs/components/portal/storybook/templates/PortalOrder.js +17 -0
- package/cjs/components/portal/storybook/templates/basic.js +1 -1
- package/cjs/components/portal/storybook/templates/index.js +3 -1
- package/cjs/components/portal/types.js +1 -1
- package/cjs/components/portal/usePortal.js +1 -1
- package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/cjs/components/status/Spin/Spin.js +1 -1
- package/cjs/components/types.js +1 -1
- package/cjs/data/themes.js +1 -1
- package/cjs/index.js +8 -3
- package/cjs/provider.js +1 -1
- package/cjs/providers/BreakpointsProvider.js +1 -1
- package/cjs/providers/StylesProvider.js +1 -1
- package/cjs/services/notification.js +1 -1
- package/cjs/shared/form.js +1 -1
- package/cjs/shared/index.js +1 -1
- package/cjs/stories/FormFieldArgs.js +8 -3
- package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/cjs/stories/components/DialogFormApp.js +1 -1
- package/cjs/stories/components/StyledButton.js +1 -1
- package/cjs/stories/lists/baseProps.js +1 -1
- package/cjs/styled/index.js +1 -1
- package/cjs/styled/styled.js +7 -4
- package/cjs/styles/align.js +1 -1
- package/cjs/styles/border.js +1 -1
- package/cjs/styles/boxShadow.combinator.js +1 -1
- package/cjs/styles/color.js +1 -1
- package/cjs/styles/createStyle.js +1 -1
- package/cjs/styles/dimension.js +1 -1
- package/cjs/styles/display.js +1 -1
- package/cjs/styles/fill.js +1 -1
- package/cjs/styles/flow.js +1 -1
- package/cjs/styles/font.js +1 -1
- package/cjs/styles/fontStyle.js +1 -1
- package/cjs/styles/gap.js +1 -1
- package/cjs/styles/groupRadius.js +1 -1
- package/cjs/styles/height.js +1 -1
- package/cjs/styles/index.js +1 -1
- package/cjs/styles/justify.js +1 -1
- package/cjs/styles/list.js +1 -1
- package/cjs/styles/margin.js +1 -1
- package/cjs/styles/marginBlock.js +1 -1
- package/cjs/styles/marginInline.js +1 -1
- package/cjs/styles/outline.js +1 -1
- package/cjs/styles/padding.js +1 -1
- package/cjs/styles/paddingBlock.js +1 -1
- package/cjs/styles/paddingInline.js +1 -1
- package/cjs/styles/predefined.js +1 -1
- package/cjs/styles/preset.js +1 -1
- package/cjs/styles/radius.js +1 -1
- package/cjs/styles/reset.js +1 -1
- package/cjs/styles/shadow.js +1 -1
- package/cjs/styles/styledScrollbar.js +1 -1
- package/cjs/styles/transition.js +1 -1
- package/cjs/styles/types.js +1 -1
- package/cjs/styles/width.js +1 -1
- package/cjs/test/index.js +22 -0
- package/cjs/test/setup.js +3 -1
- package/cjs/test/utils/index.js +22 -0
- package/cjs/test/utils/wait.js +16 -0
- package/cjs/tokens.js +3 -3
- package/cjs/utils/ResizeSensor.js +1 -1
- package/cjs/utils/colors.js +1 -1
- package/cjs/utils/dotize.js +1 -1
- package/cjs/utils/escape-string.js +1 -1
- package/cjs/utils/filterBaseProps.js +1 -1
- package/cjs/utils/index.js +1 -1
- package/cjs/utils/interactions.js +1 -1
- package/cjs/utils/mergeStyles.js +1 -1
- package/cjs/utils/modules.js +1 -1
- package/cjs/utils/promise.js +1 -1
- package/cjs/utils/react/Slots.js +1 -1
- package/cjs/utils/react/chain.js +1 -1
- package/cjs/utils/react/index.js +1 -1
- package/cjs/utils/react/isTextOnly.js +1 -1
- package/cjs/utils/react/mapProps.js +1 -1
- package/cjs/utils/react/mergeProps.js +1 -1
- package/cjs/utils/react/modAttrs.js +1 -1
- package/cjs/utils/react/nullableValue.js +1 -1
- package/cjs/utils/react/useCombinedRefs.js +1 -1
- package/cjs/utils/react/useId.js +1 -1
- package/cjs/utils/react/useLayoutEffect.js +1 -1
- package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
- package/cjs/utils/renderStyles.js +1 -1
- package/cjs/utils/responsive.js +1 -1
- package/cjs/utils/string.js +1 -1
- package/cjs/utils/styles.js +1 -1
- package/cjs/utils/transitions.js +1 -1
- package/cjs/utils/tree.js +1 -1
- package/cjs/utils/warnings.js +1 -1
- package/es/components/Base.js +1 -1
- package/es/components/Block.js +1 -1
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +1 -1
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +1 -1
- package/es/components/actions/Action.js +1 -1
- package/es/components/actions/Button/Button.js +10 -10
- package/es/components/actions/Button/Submit.js +1 -1
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/es/components/actions/index.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +1 -1
- package/es/components/content/Avatar/Avatar.js +1 -1
- package/es/components/content/Badge/Badge.js +1 -1
- package/es/components/content/Card/Card.js +1 -1
- package/es/components/content/Content.js +1 -1
- package/es/components/content/Divider.js +1 -1
- package/es/components/content/Footer.js +1 -1
- package/es/components/content/Header.js +1 -1
- package/es/components/content/Paragraph.js +1 -1
- package/es/components/content/Placeholder/Placeholder.js +1 -1
- package/es/components/content/PrismCode/PrismCode.js +1 -1
- package/es/components/content/Result/Result.js +4 -3
- package/es/components/content/Skeleton/Skeleton.js +1 -1
- package/es/components/content/Tag/Tag.js +1 -1
- package/es/components/content/Text.js +4 -2
- package/es/components/content/Title.js +1 -1
- package/es/components/forms/Checkbox/Checkbox.js +3 -2
- package/es/components/forms/Checkbox/CheckboxGroup.js +3 -2
- package/es/components/forms/Checkbox/context.js +1 -1
- package/es/components/forms/FieldWrapper.js +52 -46
- package/es/components/forms/FileInput/FileInput.js +3 -2
- package/es/components/forms/Form/Field.js +17 -7
- package/es/components/forms/Form/Form.js +1 -1
- package/es/components/forms/Form/index.js +1 -1
- package/es/components/forms/Form/useForm.js +1 -1
- package/es/components/forms/Form/validation.js +1 -1
- package/es/components/forms/Label.js +1 -1
- package/es/components/forms/NumberInput/NumberInput.js +1 -1
- package/es/components/forms/NumberInput/StepButton.js +1 -1
- package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/es/components/forms/RadioGroup/Radio.js +1 -1
- package/es/components/forms/RadioGroup/RadioGroup.js +3 -2
- package/es/components/forms/RadioGroup/context.js +1 -1
- package/es/components/forms/SearchInput/SearchInput.js +1 -1
- package/es/components/forms/Switch/Switch.js +3 -2
- package/es/components/forms/TextArea/TextArea.js +1 -1
- package/es/components/forms/TextInput/TextInput.js +1 -1
- package/es/components/forms/TextInput/TextInputBase.js +3 -2
- package/es/components/forms/index.js +1 -1
- package/es/components/layout/Flex.js +1 -1
- package/es/components/layout/Flow.js +1 -1
- package/es/components/layout/Grid.js +1 -1
- package/es/components/layout/Prefix.js +1 -1
- package/es/components/layout/Space.js +1 -1
- package/es/components/layout/Suffix.js +1 -1
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/es/components/navigation/Link/Link.js +1 -1
- package/es/components/organisms/Alert/Alert.js +1 -1
- package/es/components/organisms/CopySnippet/CopySnippet.js +1 -1
- package/es/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
- package/es/components/organisms/FileTabs/FileTabs.js +1 -1
- package/es/components/organisms/Modal/Modal.js +1 -1
- package/es/components/organisms/SearchResults/SearchResults.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/organisms/TopBar/TopBar.js +1 -1
- package/es/components/other/Base64Upload/Base64Upload.js +1 -1
- package/es/components/other/CloudLogo/CloudLogo.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- package/es/components/overlays/AlertDialog/index.js +1 -1
- package/es/components/overlays/AlertDialog/types.js +1 -1
- package/es/components/overlays/Dialog/Dialog.js +4 -7
- package/es/components/overlays/Dialog/DialogContainer.js +1 -1
- package/es/components/overlays/Dialog/DialogForm.js +1 -1
- package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/es/components/overlays/Dialog/context.js +1 -1
- package/es/components/overlays/Dialog/index.js +1 -1
- package/es/components/overlays/Modal/Modal.js +1 -1
- package/es/components/overlays/Modal/OpenTransition.js +1 -1
- package/es/components/overlays/Modal/Overlay.js +1 -1
- package/es/components/overlays/Modal/Popover.js +1 -1
- package/es/components/overlays/Modal/Tray.js +1 -1
- package/es/components/overlays/Modal/Underlay.js +1 -1
- package/es/components/overlays/Modal/index.js +1 -1
- package/es/components/overlays/Notification/Notification.js +1 -1
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Tooltip/Tooltip.js +1 -1
- package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/pickers/ComboBox/ComboBox.js +3 -2
- package/es/components/pickers/Menu/Menu.js +72 -0
- package/es/components/pickers/Menu/MenuButton.js +63 -0
- package/es/components/pickers/Menu/MenuItem.js +52 -0
- package/es/components/pickers/Menu/MenuSection.js +30 -0
- package/es/components/pickers/Menu/MenuTrigger.js +89 -0
- package/es/components/pickers/Menu/context.js +14 -0
- package/es/components/pickers/Menu/styled.js +86 -0
- package/es/components/pickers/Select/Select.js +3 -2
- package/es/components/portal/Portal.js +1 -1
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +1 -1
- package/es/components/portal/storybook/templates/CustomRoot.js +16 -0
- package/es/components/portal/storybook/templates/PortalOrder.js +13 -0
- package/es/components/portal/storybook/templates/basic.js +1 -1
- package/es/components/portal/storybook/templates/index.js +3 -1
- package/es/components/portal/types.js +1 -1
- package/es/components/portal/usePortal.js +1 -1
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/es/components/status/Spin/Spin.js +1 -1
- package/es/components/types.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/index.js +4 -2
- package/es/provider.js +1 -1
- package/es/providers/BreakpointsProvider.js +1 -1
- package/es/providers/StylesProvider.js +1 -1
- package/es/services/notification.js +1 -1
- package/es/shared/form.js +1 -1
- package/es/shared/index.js +1 -1
- package/es/stories/FormFieldArgs.js +7 -2
- package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/es/stories/components/DialogFormApp.js +1 -1
- package/es/stories/components/StyledButton.js +1 -1
- package/es/stories/lists/baseProps.js +1 -1
- package/es/styled/index.js +1 -1
- package/es/styled/styled.js +6 -4
- package/es/styles/align.js +1 -1
- package/es/styles/border.js +1 -1
- package/es/styles/boxShadow.combinator.js +1 -1
- package/es/styles/color.js +1 -1
- package/es/styles/createStyle.js +1 -1
- package/es/styles/dimension.js +1 -1
- package/es/styles/display.js +1 -1
- package/es/styles/fill.js +1 -1
- package/es/styles/flow.js +1 -1
- package/es/styles/font.js +1 -1
- package/es/styles/fontStyle.js +1 -1
- package/es/styles/gap.js +1 -1
- package/es/styles/groupRadius.js +1 -1
- package/es/styles/height.js +1 -1
- package/es/styles/index.js +1 -1
- package/es/styles/justify.js +1 -1
- package/es/styles/list.js +1 -1
- package/es/styles/margin.js +1 -1
- package/es/styles/marginBlock.js +1 -1
- package/es/styles/marginInline.js +1 -1
- package/es/styles/outline.js +1 -1
- package/es/styles/padding.js +1 -1
- package/es/styles/paddingBlock.js +1 -1
- package/es/styles/paddingInline.js +1 -1
- package/es/styles/predefined.js +1 -1
- package/es/styles/preset.js +1 -1
- package/es/styles/radius.js +1 -1
- package/es/styles/reset.js +1 -1
- package/es/styles/shadow.js +1 -1
- package/es/styles/styledScrollbar.js +1 -1
- package/es/styles/transition.js +1 -1
- package/es/styles/types.js +1 -1
- package/es/styles/width.js +1 -1
- package/es/test/index.js +10 -0
- package/es/test/setup.js +3 -1
- package/es/test/utils/index.js +10 -0
- package/es/test/utils/wait.js +12 -0
- package/es/tokens.js +3 -3
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/colors.js +1 -1
- package/es/utils/dotize.js +1 -1
- package/es/utils/escape-string.js +1 -1
- package/es/utils/filterBaseProps.js +1 -1
- package/es/utils/index.js +1 -1
- package/es/utils/interactions.js +1 -1
- package/es/utils/mergeStyles.js +1 -1
- package/es/utils/modules.js +1 -1
- package/es/utils/promise.js +1 -1
- package/es/utils/react/Slots.js +1 -1
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/index.js +1 -1
- package/es/utils/react/isTextOnly.js +1 -1
- package/es/utils/react/mapProps.js +1 -1
- package/es/utils/react/mergeProps.js +1 -1
- package/es/utils/react/modAttrs.js +1 -1
- package/es/utils/react/nullableValue.js +1 -1
- package/es/utils/react/useCombinedRefs.js +1 -1
- package/es/utils/react/useId.js +1 -1
- package/es/utils/react/useLayoutEffect.js +1 -1
- package/es/utils/react/wrapNodeIfPlain.js +1 -1
- package/es/utils/renderStyles.js +1 -1
- package/es/utils/responsive.js +1 -1
- package/es/utils/string.js +1 -1
- package/es/utils/styles.js +1 -1
- package/es/utils/transitions.js +1 -1
- package/es/utils/tree.js +1 -1
- package/es/utils/warnings.js +1 -1
- package/package.json +6 -3
- package/types/components/content/Result/Result.d.ts +8 -1
- package/types/components/pickers/Menu/Menu.d.ts +28 -0
- package/types/components/pickers/Menu/MenuButton.d.ts +8 -0
- package/types/components/pickers/Menu/MenuItem.d.ts +12 -0
- package/types/components/pickers/Menu/MenuSection.d.ts +10 -0
- package/types/components/pickers/Menu/MenuTrigger.d.ts +19 -0
- package/types/components/pickers/Menu/context.d.ts +11 -0
- package/types/components/pickers/Menu/styled.d.ts +160 -0
- package/types/components/portal/storybook/templates/CustomRoot.d.ts +3 -0
- package/types/components/portal/storybook/templates/PortalOrder.d.ts +3 -0
- package/types/components/portal/storybook/templates/index.d.ts +2 -0
- package/types/index.d.ts +5 -1
- package/types/shared/form.d.ts +6 -2
- package/types/stories/FormFieldArgs.d.ts +6 -0
- package/types/styled/styled.d.ts +2 -1
- package/types/test/index.d.ts +1 -0
- package/types/test/utils/index.d.ts +1 -0
- package/types/test/utils/wait.d.ts +1 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.9.
|
|
4
|
+
* @cube-dev/ui-kit v0.9.11
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -86,7 +86,7 @@ function getValueProps(type, value, onChange) {
|
|
|
86
86
|
}
|
|
87
87
|
function Field(allProps) {
|
|
88
88
|
const props = (0, Form_1.useFormProps)(allProps);
|
|
89
|
-
let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, } = props;
|
|
89
|
+
let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, } = props;
|
|
90
90
|
const nonInput = !name;
|
|
91
91
|
const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
|
|
92
92
|
let firstRunRef = (0, react_1.useRef)(true);
|
|
@@ -119,6 +119,13 @@ function Field(allProps) {
|
|
|
119
119
|
form.createField(fieldName);
|
|
120
120
|
}
|
|
121
121
|
}, [field]);
|
|
122
|
+
(0, react_1.useEffect)(() => {
|
|
123
|
+
if (!form)
|
|
124
|
+
return;
|
|
125
|
+
if (field) {
|
|
126
|
+
field.rules = rules;
|
|
127
|
+
}
|
|
128
|
+
}, [rules]);
|
|
122
129
|
if (typeof children === 'function') {
|
|
123
130
|
children = children(form);
|
|
124
131
|
}
|
|
@@ -126,7 +133,7 @@ function Field(allProps) {
|
|
|
126
133
|
return null;
|
|
127
134
|
let child = react_1.Children.only(children);
|
|
128
135
|
if (nonInput) {
|
|
129
|
-
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { isHidden: isHidden, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, tooltip: tooltip, message: message, description: description, Component: child }, void 0));
|
|
136
|
+
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { isHidden: isHidden, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child }, void 0));
|
|
130
137
|
}
|
|
131
138
|
if (!fieldName) {
|
|
132
139
|
console.error('invalid form name:', fieldName);
|
|
@@ -136,8 +143,8 @@ function Field(allProps) {
|
|
|
136
143
|
console.error('form field requires declared form instance');
|
|
137
144
|
return null;
|
|
138
145
|
}
|
|
139
|
-
|
|
140
|
-
|
|
146
|
+
inputType =
|
|
147
|
+
inputType || child.type.cubeInputType || 'Text';
|
|
141
148
|
const defaultValidateTrigger = getDefaultValidateTrigger(inputType);
|
|
142
149
|
if (firstRunRef.current && defaultValue != null) {
|
|
143
150
|
if (!field) {
|
|
@@ -175,8 +182,8 @@ function Field(allProps) {
|
|
|
175
182
|
}
|
|
176
183
|
}
|
|
177
184
|
form.setFieldValue(fieldName, val, true);
|
|
178
|
-
if (validateTrigger === 'onChange'
|
|
179
|
-
|
|
185
|
+
if (validateTrigger === 'onChange' ||
|
|
186
|
+
(field && field.errors && field.errors.length)) {
|
|
180
187
|
form.validateField(fieldName).catch(() => { }); // do nothing on fail
|
|
181
188
|
}
|
|
182
189
|
}
|
|
@@ -207,6 +214,9 @@ function Field(allProps) {
|
|
|
207
214
|
if (label) {
|
|
208
215
|
newProps.label = label;
|
|
209
216
|
}
|
|
217
|
+
if (extra) {
|
|
218
|
+
newProps.extra = extra;
|
|
219
|
+
}
|
|
210
220
|
if (tooltip) {
|
|
211
221
|
newProps.tooltip = tooltip;
|
|
212
222
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.9.
|
|
4
|
+
* @cube-dev/ui-kit v0.9.11
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -41,7 +41,7 @@ function RadioGroup(props, ref) {
|
|
|
41
41
|
props = (0, nullableValue_1.castNullableStringValue)(props);
|
|
42
42
|
props = (0, provider_1.useProviderProps)(props);
|
|
43
43
|
props = (0, Form_1.useFormProps)(props);
|
|
44
|
-
let { isDisabled, isRequired, necessityIndicator, label, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, ...otherProps } = props;
|
|
44
|
+
let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, ...otherProps } = props;
|
|
45
45
|
let domRef = (0, utils_1.useDOMRef)(ref);
|
|
46
46
|
let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('RadioGroup_Wrapper', props);
|
|
47
47
|
let groupContextStyles = (0, StylesProvider_1.useContextStyles)('RadioGroup', props);
|
|
@@ -72,6 +72,7 @@ function RadioGroup(props, ref) {
|
|
|
72
72
|
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
|
|
73
73
|
labelPosition,
|
|
74
74
|
label,
|
|
75
|
+
extra,
|
|
75
76
|
styles,
|
|
76
77
|
isRequired,
|
|
77
78
|
labelStyles,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.9.
|
|
4
|
+
* @cube-dev/ui-kit v0.9.11
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -78,7 +78,7 @@ function Switch(props, ref) {
|
|
|
78
78
|
props = (0, nullableValue_1.castNullableIsSelected)(props);
|
|
79
79
|
props = (0, provider_1.useProviderProps)(props);
|
|
80
80
|
props = (0, Form_1.useFormProps)(props);
|
|
81
|
-
let { qa, isDisabled = false, autoFocus, children, label, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
|
|
81
|
+
let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
|
|
82
82
|
label = label || children;
|
|
83
83
|
let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Wrapper', props);
|
|
84
84
|
let inputContextStyles = (0, StylesProvider_1.useContextStyles)('Switch', props);
|
|
@@ -128,6 +128,7 @@ function Switch(props, ref) {
|
|
|
128
128
|
as: 'label',
|
|
129
129
|
labelPosition,
|
|
130
130
|
label,
|
|
131
|
+
extra,
|
|
131
132
|
styles,
|
|
132
133
|
labelStyles,
|
|
133
134
|
labelProps,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.9.
|
|
4
|
+
* @cube-dev/ui-kit v0.9.11
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -76,7 +76,7 @@ exports.DEFAULT_INPUT_STYLES = {
|
|
|
76
76
|
function TextInputBase(props, ref) {
|
|
77
77
|
props = (0, provider_1.useProviderProps)(props);
|
|
78
78
|
props = (0, Form_1.useFormProps)(props);
|
|
79
|
-
let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
|
|
79
|
+
let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
|
|
80
80
|
let [suffixWidth, setSuffixWidth] = (0, react_1.useState)(0);
|
|
81
81
|
let [prefixWidth, setPrefixWidth] = (0, react_1.useState)(0);
|
|
82
82
|
let styles = (0, styles_1.extractStyles)(otherProps, STYLE_LIST);
|
|
@@ -144,6 +144,7 @@ function TextInputBase(props, ref) {
|
|
|
144
144
|
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
|
|
145
145
|
labelPosition,
|
|
146
146
|
label,
|
|
147
|
+
extra,
|
|
147
148
|
styles,
|
|
148
149
|
isRequired,
|
|
149
150
|
labelStyles,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.9.
|
|
4
|
+
* @cube-dev/ui-kit v0.9.11
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -130,13 +130,10 @@ function Dialog(props, ref) {
|
|
|
130
130
|
content: {
|
|
131
131
|
styles: {
|
|
132
132
|
flexGrow: 1,
|
|
133
|
-
padding:
|
|
134
|
-
'': '@dialog-content-padding-v @dialog-padding-h 0 @dialog-padding-h',
|
|
135
|
-
':last-child': '@dialog-content-padding-v @dialog-padding-h',
|
|
136
|
-
},
|
|
133
|
+
padding: '@dialog-content-padding-v @dialog-padding-h 0 @dialog-padding-h',
|
|
137
134
|
margin: {
|
|
138
|
-
'': '
|
|
139
|
-
':last-child': '
|
|
135
|
+
'': '0',
|
|
136
|
+
':last-child': '@dialog-content-padding-v bottom',
|
|
140
137
|
},
|
|
141
138
|
gap: '@dialog-content-gap',
|
|
142
139
|
height: {
|