@cube-dev/ui-kit 0.0.0-canary-00505d5 → 0.0.0-canary-5bf7ae4
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/_internal/hooks/index.js +22 -0
- package/cjs/_internal/hooks/use-deprecation-warning.js +43 -0
- package/cjs/_internal/index.js +22 -0
- package/cjs/components/Base.js +6 -9
- package/cjs/components/Block.js +3 -6
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +3 -3
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +1 -1
- package/cjs/components/Root.js +5 -7
- package/cjs/components/actions/Action.js +5 -7
- package/cjs/components/actions/Button/Button.js +3 -3
- 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 +3 -3
- package/cjs/components/actions/index.js +1 -1
- package/cjs/components/content/ActiveZone/ActiveZone.js +5 -7
- package/cjs/components/{organisms → content}/Alert/Alert.js +12 -14
- package/cjs/components/content/Alert/index.js +22 -0
- package/cjs/components/content/Alert/types.js +11 -0
- package/cjs/components/content/Alert/use-alert.js +32 -0
- package/cjs/components/content/Avatar/Avatar.js +4 -6
- package/cjs/components/content/Badge/Badge.js +3 -6
- package/cjs/components/content/Card/Card.js +4 -6
- package/cjs/components/content/Content.js +4 -7
- package/cjs/components/{organisms → content}/CopySnippet/CopySnippet.js +3 -4
- package/cjs/components/content/CopySnippet/index.js +22 -0
- package/cjs/components/content/Divider.js +5 -7
- package/cjs/components/content/Footer.js +5 -8
- package/cjs/components/content/Header.js +4 -7
- package/cjs/components/content/Paragraph.js +4 -5
- package/cjs/components/content/Placeholder/Placeholder.js +4 -6
- package/cjs/components/content/PrismCode/PrismCode.js +2 -3
- package/cjs/components/content/Result/Result.js +3 -6
- package/cjs/components/content/Skeleton/Skeleton.js +1 -1
- package/cjs/components/content/Tag/Tag.js +4 -7
- package/cjs/components/content/Text.js +4 -7
- package/cjs/components/content/Title.js +5 -8
- package/cjs/components/forms/Checkbox/Checkbox.js +9 -12
- package/cjs/components/forms/Checkbox/CheckboxGroup.js +7 -9
- package/cjs/components/forms/Checkbox/context.js +1 -1
- package/cjs/components/forms/FieldWrapper.js +2 -2
- package/cjs/components/forms/FileInput/FileInput.js +4 -6
- package/cjs/components/forms/Form/Field.js +1 -1
- package/cjs/components/forms/Form/Form.js +4 -6
- package/cjs/components/forms/Form/index.js +1 -1
- package/cjs/components/forms/Form/useForm.js +3 -3
- package/cjs/components/forms/Form/validation.js +1 -1
- package/cjs/components/forms/Label.js +4 -8
- 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 +8 -11
- package/cjs/components/forms/RadioGroup/RadioGroup.js +7 -9
- 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 +10 -13
- 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 +7 -9
- package/cjs/components/forms/index.js +1 -1
- package/cjs/components/layout/Flex.js +4 -6
- package/cjs/components/layout/Flow.js +5 -7
- package/cjs/components/layout/Grid.js +4 -6
- package/cjs/components/layout/Prefix.js +5 -7
- package/cjs/components/layout/Space.js +4 -6
- package/cjs/components/layout/Suffix.js +5 -7
- package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/cjs/components/navigation/Link/Link.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/StatsCard/StatsCard.js +1 -1
- package/cjs/components/other/Base64Upload/Base64Upload.js +4 -6
- 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 +5 -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 +3 -3
- 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 +3 -3
- package/cjs/components/overlays/Modal/Tray.js +3 -3
- package/cjs/components/overlays/Modal/Underlay.js +3 -3
- 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 +5 -7
- 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 +7 -9
- package/cjs/components/pickers/Menu/Menu.js +4 -6
- package/cjs/components/pickers/Menu/MenuButton.js +1 -1
- package/cjs/components/pickers/Menu/MenuItem.js +1 -1
- package/cjs/components/pickers/Menu/MenuSection.js +1 -1
- package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
- package/cjs/components/pickers/Menu/context.js +1 -1
- package/cjs/components/pickers/Menu/styled.js +1 -1
- package/cjs/components/pickers/Select/Select.js +12 -15
- 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 +1 -1
- package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/cjs/components/portal/storybook/templates/basic.js +1 -1
- package/cjs/components/portal/storybook/templates/index.js +1 -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/data/themes.js +1 -1
- package/cjs/index.js +11 -19
- package/cjs/provider.js +4 -5
- 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 +1 -1
- 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 +12 -12
- package/cjs/styled/index.js +22 -0
- package/cjs/styled/styled.js +17 -22
- package/cjs/tasty/index.js +13 -1
- package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
- package/cjs/tasty/providers/StylesProvider.js +1 -1
- package/cjs/tasty/styles/align.js +1 -1
- package/cjs/tasty/styles/border.js +1 -1
- package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
- package/cjs/tasty/styles/color.js +1 -1
- package/cjs/tasty/styles/createStyle.js +1 -1
- package/cjs/tasty/styles/dimension.js +1 -1
- package/cjs/tasty/styles/display.js +1 -1
- package/cjs/tasty/styles/fill.js +1 -1
- package/cjs/tasty/styles/flow.js +1 -1
- package/cjs/tasty/styles/font.js +1 -1
- package/cjs/tasty/styles/fontStyle.js +1 -1
- package/cjs/tasty/styles/gap.js +1 -1
- package/cjs/tasty/styles/groupRadius.js +1 -1
- package/cjs/tasty/styles/height.js +1 -1
- package/cjs/tasty/styles/index.js +1 -1
- package/cjs/tasty/styles/justify.js +1 -1
- package/cjs/tasty/styles/list.js +1 -1
- package/cjs/tasty/styles/margin.js +1 -1
- package/cjs/tasty/styles/marginBlock.js +1 -1
- package/cjs/tasty/styles/marginInline.js +1 -1
- package/cjs/tasty/styles/outline.js +1 -1
- package/cjs/tasty/styles/padding.js +1 -1
- package/cjs/tasty/styles/paddingBlock.js +1 -1
- package/cjs/tasty/styles/paddingInline.js +1 -1
- package/cjs/tasty/styles/predefined.js +1 -1
- package/cjs/tasty/styles/preset.js +1 -1
- package/cjs/tasty/styles/radius.js +1 -1
- package/cjs/tasty/styles/reset.js +1 -1
- package/cjs/tasty/styles/shadow.js +1 -1
- package/cjs/tasty/styles/styledScrollbar.js +1 -1
- package/cjs/tasty/styles/transition.js +1 -1
- package/cjs/tasty/styles/types.js +1 -1
- package/cjs/tasty/styles/width.js +1 -1
- package/cjs/tasty/tasty.js +1 -1
- package/cjs/tasty/types.js +1 -1
- package/cjs/tasty/utils/colors.js +1 -1
- package/cjs/tasty/utils/dotize.js +1 -1
- package/cjs/tasty/utils/filterBaseProps.js +1 -1
- package/cjs/tasty/utils/index.js +1 -1
- package/cjs/tasty/utils/mergeStyles.js +1 -1
- package/cjs/tasty/utils/modAttrs.js +1 -1
- package/cjs/tasty/utils/renderStyles.js +1 -1
- package/cjs/tasty/utils/responsive.js +1 -1
- package/cjs/tasty/utils/string.js +1 -1
- package/cjs/tasty/utils/styles.js +1 -1
- package/cjs/tasty/utils/warnings.js +1 -1
- package/cjs/test/index.js +1 -1
- package/cjs/test/setup.js +1 -1
- package/cjs/test/utils/index.js +1 -1
- package/cjs/test/utils/wait.js +1 -1
- package/cjs/tokens.js +1 -1
- package/cjs/utils/ResizeSensor.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 +3 -3
- package/cjs/utils/react/interactions.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/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/transitions.js +1 -1
- package/cjs/utils/tree.js +1 -1
- package/cjs/utils/warnings.js +22 -2
- package/es/_internal/hooks/index.js +10 -0
- package/es/_internal/hooks/use-deprecation-warning.js +20 -0
- package/es/_internal/index.js +10 -0
- package/es/components/Base.js +2 -5
- package/es/components/Block.js +2 -5
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +2 -2
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +2 -4
- package/es/components/actions/Action.js +3 -5
- package/es/components/actions/Button/Button.js +2 -2
- 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 +2 -2
- package/es/components/actions/index.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +2 -4
- package/es/components/{organisms → content}/Alert/Alert.js +12 -14
- package/es/components/content/Alert/index.js +10 -0
- package/es/components/content/Alert/types.js +10 -0
- package/es/components/content/Alert/use-alert.js +28 -0
- package/es/components/content/Avatar/Avatar.js +2 -4
- package/es/components/content/Badge/Badge.js +2 -5
- package/es/components/content/Card/Card.js +2 -4
- package/es/components/content/Content.js +2 -5
- package/es/components/{organisms → content}/CopySnippet/CopySnippet.js +3 -4
- package/es/components/content/CopySnippet/index.js +10 -0
- package/es/components/content/Divider.js +2 -4
- package/es/components/content/Footer.js +2 -5
- package/es/components/content/Header.js +2 -5
- package/es/components/content/Paragraph.js +2 -3
- package/es/components/content/Placeholder/Placeholder.js +2 -4
- package/es/components/content/PrismCode/PrismCode.js +2 -3
- package/es/components/content/Result/Result.js +2 -5
- package/es/components/content/Skeleton/Skeleton.js +1 -1
- package/es/components/content/Tag/Tag.js +2 -5
- package/es/components/content/Text.js +2 -5
- package/es/components/content/Title.js +2 -5
- package/es/components/forms/Checkbox/Checkbox.js +2 -5
- package/es/components/forms/Checkbox/CheckboxGroup.js +2 -4
- package/es/components/forms/Checkbox/context.js +1 -1
- package/es/components/forms/FieldWrapper.js +2 -2
- package/es/components/forms/FileInput/FileInput.js +2 -4
- package/es/components/forms/Form/Field.js +1 -1
- package/es/components/forms/Form/Form.js +3 -5
- package/es/components/forms/Form/index.js +1 -1
- package/es/components/forms/Form/useForm.js +2 -2
- package/es/components/forms/Form/validation.js +1 -1
- package/es/components/forms/Label.js +2 -6
- 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 +2 -5
- package/es/components/forms/RadioGroup/RadioGroup.js +2 -4
- 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 +2 -5
- 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 -5
- package/es/components/forms/index.js +1 -1
- package/es/components/layout/Flex.js +2 -4
- package/es/components/layout/Flow.js +2 -4
- package/es/components/layout/Grid.js +2 -4
- package/es/components/layout/Prefix.js +2 -4
- package/es/components/layout/Space.js +2 -4
- package/es/components/layout/Suffix.js +2 -4
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/es/components/navigation/Link/Link.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/StatsCard/StatsCard.js +1 -1
- package/es/components/other/Base64Upload/Base64Upload.js +2 -4
- 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 +2 -4
- 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 +2 -2
- 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 +2 -2
- package/es/components/overlays/Modal/Tray.js +2 -2
- package/es/components/overlays/Modal/Underlay.js +2 -2
- 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 +2 -4
- 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 +2 -4
- package/es/components/pickers/Menu/Menu.js +2 -4
- package/es/components/pickers/Menu/MenuButton.js +1 -1
- package/es/components/pickers/Menu/MenuItem.js +1 -1
- package/es/components/pickers/Menu/MenuSection.js +1 -1
- package/es/components/pickers/Menu/MenuTrigger.js +1 -1
- package/es/components/pickers/Menu/context.js +1 -1
- package/es/components/pickers/Menu/styled.js +1 -1
- package/es/components/pickers/Select/Select.js +3 -6
- 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 +1 -1
- package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/es/components/portal/storybook/templates/basic.js +1 -1
- package/es/components/portal/storybook/templates/index.js +1 -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/data/themes.js +1 -1
- package/es/index.js +8 -11
- package/es/provider.js +2 -3
- 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 +1 -1
- 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 +2 -2
- package/es/styled/index.js +10 -0
- package/es/styled/styled.js +4 -9
- package/es/tasty/index.js +13 -1
- package/es/tasty/providers/BreakpointsProvider.js +1 -1
- package/es/tasty/providers/StylesProvider.js +1 -1
- package/es/tasty/styles/align.js +1 -1
- package/es/tasty/styles/border.js +1 -1
- package/es/tasty/styles/boxShadow.combinator.js +1 -1
- package/es/tasty/styles/color.js +1 -1
- package/es/tasty/styles/createStyle.js +1 -1
- package/es/tasty/styles/dimension.js +1 -1
- package/es/tasty/styles/display.js +1 -1
- package/es/tasty/styles/fill.js +1 -1
- package/es/tasty/styles/flow.js +1 -1
- package/es/tasty/styles/font.js +1 -1
- package/es/tasty/styles/fontStyle.js +1 -1
- package/es/tasty/styles/gap.js +1 -1
- package/es/tasty/styles/groupRadius.js +1 -1
- package/es/tasty/styles/height.js +1 -1
- package/es/tasty/styles/index.js +1 -1
- package/es/tasty/styles/justify.js +1 -1
- package/es/tasty/styles/list.js +1 -1
- package/es/tasty/styles/margin.js +1 -1
- package/es/tasty/styles/marginBlock.js +1 -1
- package/es/tasty/styles/marginInline.js +1 -1
- package/es/tasty/styles/outline.js +1 -1
- package/es/tasty/styles/padding.js +1 -1
- package/es/tasty/styles/paddingBlock.js +1 -1
- package/es/tasty/styles/paddingInline.js +1 -1
- package/es/tasty/styles/predefined.js +1 -1
- package/es/tasty/styles/preset.js +1 -1
- package/es/tasty/styles/radius.js +1 -1
- package/es/tasty/styles/reset.js +1 -1
- package/es/tasty/styles/shadow.js +1 -1
- package/es/tasty/styles/styledScrollbar.js +1 -1
- package/es/tasty/styles/transition.js +1 -1
- package/es/tasty/styles/types.js +1 -1
- package/es/tasty/styles/width.js +1 -1
- package/es/tasty/tasty.js +1 -1
- package/es/tasty/types.js +1 -1
- package/es/tasty/utils/colors.js +1 -1
- package/es/tasty/utils/dotize.js +1 -1
- package/es/tasty/utils/filterBaseProps.js +1 -1
- package/es/tasty/utils/index.js +1 -1
- package/es/tasty/utils/mergeStyles.js +1 -1
- package/es/tasty/utils/modAttrs.js +1 -1
- package/es/tasty/utils/renderStyles.js +1 -1
- package/es/tasty/utils/responsive.js +1 -1
- package/es/tasty/utils/string.js +1 -1
- package/es/tasty/utils/styles.js +1 -1
- package/es/tasty/utils/warnings.js +1 -1
- package/es/test/index.js +1 -1
- package/es/test/setup.js +1 -1
- package/es/test/utils/index.js +1 -1
- package/es/test/utils/wait.js +1 -1
- package/es/tokens.js +1 -1
- package/es/utils/ResizeSensor.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 +2 -2
- package/es/utils/react/interactions.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/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/transitions.js +1 -1
- package/es/utils/tree.js +1 -1
- package/es/utils/warnings.js +20 -1
- package/package.json +1 -1
- package/types/_internal/hooks/index.d.ts +1 -0
- package/types/_internal/hooks/use-deprecation-warning.d.ts +2 -0
- package/types/_internal/index.d.ts +1 -0
- package/types/components/Base.d.ts +1 -1
- package/types/components/Block.d.ts +1 -1
- package/types/components/GridProvider.d.ts +1 -1
- package/types/components/Root.d.ts +1 -1
- package/types/components/actions/Action.d.ts +1 -1
- package/types/components/content/ActiveZone/ActiveZone.d.ts +1 -1
- package/types/components/content/Alert/Alert.d.ts +3 -0
- package/types/components/content/Alert/index.d.ts +2 -0
- package/types/components/content/Alert/types.d.ts +17 -0
- package/types/components/content/Alert/use-alert.d.ts +6 -0
- package/types/components/content/Avatar/Avatar.d.ts +1 -2
- package/types/components/content/Badge/Badge.d.ts +1 -1
- package/types/components/content/Card/Card.d.ts +1 -1
- package/types/components/content/Content.d.ts +1 -1
- package/types/components/{organisms → content}/CopySnippet/CopySnippet.d.ts +2 -2
- package/types/components/content/CopySnippet/index.d.ts +1 -0
- package/types/components/content/Divider.d.ts +1 -1
- package/types/components/content/Footer.d.ts +1 -1
- package/types/components/content/Header.d.ts +1 -1
- package/types/components/content/Paragraph.d.ts +1 -1
- package/types/components/content/Placeholder/Placeholder.d.ts +1 -2
- package/types/components/content/PrismCode/PrismCode.d.ts +1 -2
- package/types/components/content/Result/Result.d.ts +1 -1
- package/types/components/content/Skeleton/Skeleton.d.ts +1 -1
- package/types/components/content/Tag/Tag.d.ts +1 -1
- package/types/components/content/Text.d.ts +1 -2
- package/types/components/content/Title.d.ts +1 -1
- package/types/components/forms/Checkbox/Checkbox.d.ts +1 -1
- package/types/components/forms/Checkbox/CheckboxGroup.d.ts +1 -1
- package/types/components/forms/FieldWrapper.d.ts +1 -1
- package/types/components/forms/FileInput/FileInput.d.ts +1 -2
- package/types/components/forms/Form/Form.d.ts +2 -3
- package/types/components/forms/Label.d.ts +1 -2
- package/types/components/forms/RadioGroup/Radio.d.ts +1 -2
- package/types/components/forms/RadioGroup/RadioGroup.d.ts +1 -2
- package/types/components/forms/Switch/Switch.d.ts +1 -2
- package/types/components/forms/TextInput/TextInputBase.d.ts +1 -2
- package/types/components/layout/Flex.d.ts +1 -1
- package/types/components/layout/Flow.d.ts +1 -1
- package/types/components/layout/Grid.d.ts +1 -1
- package/types/components/layout/Prefix.d.ts +1 -1
- package/types/components/layout/Space.d.ts +1 -1
- package/types/components/layout/Suffix.d.ts +1 -1
- package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts +1 -1
- package/types/components/organisms/FileTabs/FileTabs.d.ts +4 -1
- package/types/components/other/Base64Upload/Base64Upload.d.ts +1 -1
- package/types/components/overlays/AlertDialog/types.d.ts +1 -1
- package/types/components/overlays/Dialog/Dialog.d.ts +1 -1
- package/types/components/overlays/Dialog/DialogTrigger.d.ts +1 -1
- package/types/components/overlays/Modal/Modal.d.ts +1 -2
- package/types/components/overlays/Modal/Popover.d.ts +1 -1
- package/types/components/overlays/Modal/Tray.d.ts +1 -2
- package/types/components/overlays/Tooltip/Tooltip.d.ts +1 -2
- package/types/components/overlays/Tooltip/TooltipProvider.d.ts +1 -1
- package/types/components/overlays/Tooltip/context.d.ts +1 -1
- package/types/components/pickers/Menu/Menu.d.ts +2 -3
- package/types/components/pickers/Menu/styled.d.ts +128 -128
- package/types/components/pickers/Select/Select.d.ts +1 -2
- package/types/index.d.ts +8 -16
- package/types/provider.d.ts +1 -2
- package/types/shared/form.d.ts +1 -2
- package/types/stories/components/StyledButton.d.ts +84 -84
- package/types/styled/index.d.ts +1 -0
- package/types/styled/styled.d.ts +1 -3
- package/types/tasty/index.d.ts +15 -1
- package/types/tasty/styles/index.d.ts +1 -1
- package/types/tasty/styles/preset.d.ts +1 -1
- package/types/tasty/styles/types.d.ts +1 -1
- package/types/tasty/types.d.ts +1 -1
- package/types/utils/react/index.d.ts +1 -1
- package/types/utils/react/mergeProps.d.ts +1 -1
- package/types/utils/react/nullableValue.d.ts +1 -1
- package/types/utils/warnings.d.ts +6 -0
- package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +0 -166
- package/cjs/components/organisms/SearchResults/SearchResults.js +0 -108
- package/cjs/components/organisms/TopBar/TopBar.js +0 -33
- package/es/components/organisms/DirectoryTree/DirectoryTree.js +0 -162
- package/es/components/organisms/SearchResults/SearchResults.js +0 -104
- package/es/components/organisms/TopBar/TopBar.js +0 -29
- package/types/components/organisms/Alert/Alert.d.ts +0 -8
- package/types/components/organisms/DirectoryTree/DirectoryTree.d.ts +0 -44
- package/types/components/organisms/SearchResults/SearchResults.d.ts +0 -31
- package/types/components/organisms/TopBar/TopBar.d.ts +0 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -13,9 +13,7 @@ const utils_1 = require("@react-spectrum/utils");
|
|
|
13
13
|
const provider_1 = require("../../../provider");
|
|
14
14
|
const react_1 = require("react");
|
|
15
15
|
const Base_1 = require("../../Base");
|
|
16
|
-
const
|
|
17
|
-
const list_1 = require("../../../tasty/styles/list");
|
|
18
|
-
const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
|
|
16
|
+
const tasty_1 = require("../../../tasty");
|
|
19
17
|
const useForm_1 = require("./useForm");
|
|
20
18
|
const react_2 = require("../../../utils/react");
|
|
21
19
|
const promise_1 = require("../../../utils/promise");
|
|
@@ -86,7 +84,7 @@ function Form(props, ref) {
|
|
|
86
84
|
onSubmit: onSubmitCallback,
|
|
87
85
|
onValuesChange,
|
|
88
86
|
});
|
|
89
|
-
styles = (0,
|
|
87
|
+
styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
|
|
90
88
|
if (labelWidth) {
|
|
91
89
|
styles['@label-width'] = labelWidth;
|
|
92
90
|
}
|
|
@@ -112,7 +110,7 @@ function Form(props, ref) {
|
|
|
112
110
|
form === null || form === void 0 ? void 0 : form.setInitialFieldsValue(defaultValues);
|
|
113
111
|
}
|
|
114
112
|
}, [defaultValues]);
|
|
115
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: "form", qa: "Form", ...(0,
|
|
113
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: "form", qa: "Form", ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), onSubmit: onSubmitCallback, noValidate: true, styles: styles, ref: domRef, mods: {
|
|
116
114
|
'has-sider': labelPosition === 'side',
|
|
117
115
|
}, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
|
|
118
116
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.useForm = exports.CubeFormInstance = void 0;
|
|
11
11
|
const react_1 = require("react");
|
|
12
|
-
const
|
|
12
|
+
const tasty_1 = require("../../../tasty");
|
|
13
13
|
const validation_1 = require("./validation");
|
|
14
14
|
function setValue(obj, path, value) {
|
|
15
15
|
let a = path.split('.');
|
|
@@ -131,7 +131,7 @@ class CubeFormInstance {
|
|
|
131
131
|
return this.fields[name];
|
|
132
132
|
}
|
|
133
133
|
setInitialFieldsValue(values) {
|
|
134
|
-
this.initialFields =
|
|
134
|
+
this.initialFields = tasty_1.dotize.convert(values) || {};
|
|
135
135
|
}
|
|
136
136
|
resetFields(names, skipRender) {
|
|
137
137
|
const fieldsValue = this.getFieldsValue();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -12,10 +12,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
12
12
|
const utils_1 = require("@react-spectrum/utils");
|
|
13
13
|
const react_1 = require("react");
|
|
14
14
|
const provider_1 = require("../../provider");
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const list_1 = require("../../tasty/styles/list");
|
|
17
|
-
const StylesProvider_1 = require("../../tasty/providers/StylesProvider");
|
|
18
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
19
15
|
const tasty_1 = require("../../tasty");
|
|
20
16
|
const REQUIRED_ICON = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", style: {
|
|
21
17
|
// @ts-ignore
|
|
@@ -66,8 +62,8 @@ function Label(props, ref) {
|
|
|
66
62
|
props = (0, provider_1.useProviderProps)(props);
|
|
67
63
|
let { as, qa, children, labelPosition = 'top', isRequired, necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName = false, htmlFor, isDisabled, validationState, for: labelFor, onClick, ...otherProps } = props;
|
|
68
64
|
let domRef = (0, utils_1.useDOMRef)(ref);
|
|
69
|
-
const contextStyles = (0,
|
|
70
|
-
const styles = (0,
|
|
65
|
+
const contextStyles = (0, tasty_1.useContextStyles)('Label', otherProps);
|
|
66
|
+
const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES, contextStyles || {});
|
|
71
67
|
let formatMessage = (message) => INTL_MESSAGES[message];
|
|
72
68
|
let necessityLabel = isRequired
|
|
73
69
|
? formatMessage('(required)')
|
|
@@ -75,7 +71,7 @@ function Label(props, ref) {
|
|
|
75
71
|
let icon = ((0, jsx_runtime_1.jsx)("span", { "aria-label": includeNecessityIndicatorInAccessibilityName
|
|
76
72
|
? formatMessage('(required)')
|
|
77
73
|
: undefined, children: REQUIRED_ICON }, void 0));
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)(RawLabel, { ...(0,
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(RawLabel, { ...(0, tasty_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
|
|
79
75
|
side: labelPosition === 'side',
|
|
80
76
|
disabled: isDisabled,
|
|
81
77
|
invalid: validationState === 'invalid',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -14,11 +14,8 @@ const react_1 = require("react");
|
|
|
14
14
|
const interactions_1 = require("@react-aria/interactions");
|
|
15
15
|
const radio_1 = require("@react-aria/radio");
|
|
16
16
|
const context_1 = require("./context");
|
|
17
|
-
const
|
|
18
|
-
const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
|
|
19
|
-
const list_1 = require("../../../tasty/styles/list");
|
|
17
|
+
const tasty_1 = require("../../../tasty");
|
|
20
18
|
const Base_1 = require("../../Base");
|
|
21
|
-
const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
|
|
22
19
|
const interactions_2 = require("../../../utils/react/interactions");
|
|
23
20
|
const react_2 = require("../../../utils/react");
|
|
24
21
|
const provider_1 = require("../../../provider");
|
|
@@ -108,19 +105,19 @@ function Radio(props, ref) {
|
|
|
108
105
|
let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type, 'aria-label': ariaLabel, ...otherProps } = props;
|
|
109
106
|
let isButton = type === 'button';
|
|
110
107
|
label = label || children;
|
|
111
|
-
let styles = (0,
|
|
108
|
+
let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
|
|
112
109
|
...STYLES,
|
|
113
|
-
...(0,
|
|
110
|
+
...(0, tasty_1.useContextStyles)('Radio_Wrapper', props),
|
|
114
111
|
});
|
|
115
|
-
inputStyles = (0,
|
|
112
|
+
inputStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
|
|
116
113
|
...(isButton ? BUTTON_STYLES : INPUT_STYLES),
|
|
117
|
-
...(0,
|
|
114
|
+
...(0, tasty_1.useContextStyles)(isButton ? 'RadioButton' : 'Radio', props),
|
|
118
115
|
...inputStyles,
|
|
119
116
|
});
|
|
120
117
|
labelStyles = {
|
|
121
118
|
...Label_1.INLINE_LABEL_STYLES,
|
|
122
119
|
fontWeight: 400,
|
|
123
|
-
...(0,
|
|
120
|
+
...(0, tasty_1.useContextStyles)('Radio_Label', props),
|
|
124
121
|
...labelStyles,
|
|
125
122
|
};
|
|
126
123
|
let state = (0, context_1.useRadioProvider)();
|
|
@@ -155,7 +152,7 @@ function Radio(props, ref) {
|
|
|
155
152
|
invalid: validationState === 'invalid',
|
|
156
153
|
valid: validationState === 'valid',
|
|
157
154
|
disabled: isDisabled,
|
|
158
|
-
}, ...(0,
|
|
155
|
+
}, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
|
|
159
156
|
}
|
|
160
157
|
function RadioButton(props, ref) {
|
|
161
158
|
const Radio = _Radio;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -17,10 +17,8 @@ const radio_1 = require("@react-aria/radio");
|
|
|
17
17
|
const radio_2 = require("@react-stately/radio");
|
|
18
18
|
const Form_1 = require("../Form/Form");
|
|
19
19
|
const context_1 = require("./context");
|
|
20
|
-
const
|
|
21
|
-
const list_1 = require("../../../tasty/styles/list");
|
|
20
|
+
const tasty_1 = require("../../../tasty");
|
|
22
21
|
const Base_1 = require("../../Base");
|
|
23
|
-
const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
|
|
24
22
|
const FieldWrapper_1 = require("../FieldWrapper");
|
|
25
23
|
const nullableValue_1 = require("../../../utils/react/nullableValue");
|
|
26
24
|
const GROUP_STYLES = {
|
|
@@ -43,14 +41,14 @@ function RadioGroup(props, ref) {
|
|
|
43
41
|
props = (0, Form_1.useFormProps)(props);
|
|
44
42
|
let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, ...otherProps } = props;
|
|
45
43
|
let domRef = (0, utils_1.useDOMRef)(ref);
|
|
46
|
-
let wrapperContextStyles = (0,
|
|
47
|
-
let groupContextStyles = (0,
|
|
48
|
-
let labelContextStyles = (0,
|
|
49
|
-
styles = (0,
|
|
44
|
+
let wrapperContextStyles = (0, tasty_1.useContextStyles)('RadioGroup_Wrapper', props);
|
|
45
|
+
let groupContextStyles = (0, tasty_1.useContextStyles)('RadioGroup', props);
|
|
46
|
+
let labelContextStyles = (0, tasty_1.useContextStyles)('RadioGroup_Label', props);
|
|
47
|
+
styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
|
|
50
48
|
...wrapperContextStyles,
|
|
51
49
|
...styles,
|
|
52
50
|
});
|
|
53
|
-
groupStyles = (0,
|
|
51
|
+
groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
|
|
54
52
|
...GROUP_STYLES,
|
|
55
53
|
...groupContextStyles,
|
|
56
54
|
...groupStyles,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -15,13 +15,10 @@ const switch_1 = require("@react-aria/switch");
|
|
|
15
15
|
const interactions_1 = require("@react-aria/interactions");
|
|
16
16
|
const toggle_1 = require("@react-stately/toggle");
|
|
17
17
|
const provider_1 = require("../../../provider");
|
|
18
|
-
const
|
|
19
|
-
const styles_1 = require("../../../tasty/utils/styles");
|
|
18
|
+
const tasty_1 = require("../../../tasty");
|
|
20
19
|
const Base_1 = require("../../Base");
|
|
21
20
|
const interactions_2 = require("../../../utils/react/interactions");
|
|
22
21
|
const react_2 = require("../../../utils/react");
|
|
23
|
-
const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
|
|
24
|
-
const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
|
|
25
22
|
const HiddenInput_1 = require("../../HiddenInput");
|
|
26
23
|
const Label_1 = require("../Label");
|
|
27
24
|
const icons_1 = require("@ant-design/icons");
|
|
@@ -80,15 +77,15 @@ function Switch(props, ref) {
|
|
|
80
77
|
props = (0, Form_1.useFormProps)(props);
|
|
81
78
|
let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
|
|
82
79
|
label = label || children;
|
|
83
|
-
let wrapperContextStyles = (0,
|
|
84
|
-
let inputContextStyles = (0,
|
|
85
|
-
let labelContextStyles = (0,
|
|
86
|
-
let thumbContextStyles = (0,
|
|
87
|
-
let styles = (0,
|
|
80
|
+
let wrapperContextStyles = (0, tasty_1.useContextStyles)('Switch_Wrapper', props);
|
|
81
|
+
let inputContextStyles = (0, tasty_1.useContextStyles)('Switch', props);
|
|
82
|
+
let labelContextStyles = (0, tasty_1.useContextStyles)('Switch_Label', props);
|
|
83
|
+
let thumbContextStyles = (0, tasty_1.useContextStyles)('Switch_Thumb', props);
|
|
84
|
+
let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES, {
|
|
88
85
|
...(insideForm ? {} : STYLES),
|
|
89
86
|
...wrapperContextStyles,
|
|
90
87
|
});
|
|
91
|
-
inputStyles = (0,
|
|
88
|
+
inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, {
|
|
92
89
|
...INPUT_STYLES,
|
|
93
90
|
...inputContextStyles,
|
|
94
91
|
...(insideForm && labelPosition === 'side'
|
|
@@ -142,9 +139,9 @@ function Switch(props, ref) {
|
|
|
142
139
|
ref: domRef,
|
|
143
140
|
} }, void 0));
|
|
144
141
|
}
|
|
145
|
-
return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, ...hoverProps, ...(0,
|
|
142
|
+
return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(Base_1.Base, { styles: labelStyles, mods: {
|
|
146
143
|
disabled: isDisabled,
|
|
147
|
-
}, ...(0,
|
|
144
|
+
}, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
|
|
148
145
|
}
|
|
149
146
|
/**
|
|
150
147
|
* Switches allow users to turn an individual option on or off.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -16,12 +16,10 @@ const Form_1 = require("../Form/Form");
|
|
|
16
16
|
const interactions_1 = require("@react-aria/interactions");
|
|
17
17
|
const provider_1 = require("../../../provider");
|
|
18
18
|
const Base_1 = require("../../Base");
|
|
19
|
-
const
|
|
20
|
-
const list_1 = require("../../../tasty/styles/list");
|
|
19
|
+
const tasty_1 = require("../../../tasty");
|
|
21
20
|
const interactions_2 = require("../../../utils/react/interactions");
|
|
22
21
|
const Prefix_1 = require("../../layout/Prefix");
|
|
23
22
|
const Suffix_1 = require("../../layout/Suffix");
|
|
24
|
-
const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
|
|
25
23
|
const FieldWrapper_1 = require("../FieldWrapper");
|
|
26
24
|
const Space_1 = require("../../layout/Space");
|
|
27
25
|
const Block_1 = require("../../Block");
|
|
@@ -30,8 +28,8 @@ const WRAPPER_STYLES = {
|
|
|
30
28
|
display: 'grid',
|
|
31
29
|
position: 'relative',
|
|
32
30
|
};
|
|
33
|
-
const STYLE_LIST = [...
|
|
34
|
-
const INPUT_STYLE_PROPS_LIST = [...
|
|
31
|
+
const STYLE_LIST = [...tasty_1.POSITION_STYLES, ...tasty_1.DIMENSION_STYLES];
|
|
32
|
+
const INPUT_STYLE_PROPS_LIST = [...tasty_1.BLOCK_STYLES, 'resize'];
|
|
35
33
|
exports.DEFAULT_INPUT_STYLES = {
|
|
36
34
|
display: 'block',
|
|
37
35
|
width: 'initial 100% initial',
|
|
@@ -79,10 +77,10 @@ function TextInputBase(props, ref) {
|
|
|
79
77
|
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
78
|
let [suffixWidth, setSuffixWidth] = (0, react_1.useState)(0);
|
|
81
79
|
let [prefixWidth, setPrefixWidth] = (0, react_1.useState)(0);
|
|
82
|
-
let styles = (0,
|
|
80
|
+
let styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST);
|
|
83
81
|
let type = otherProps.type;
|
|
84
|
-
let contextStyles = (0,
|
|
85
|
-
inputStyles = (0,
|
|
82
|
+
let contextStyles = (0, tasty_1.useContextStyles)('Input', otherProps);
|
|
83
|
+
inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, {
|
|
86
84
|
...exports.DEFAULT_INPUT_STYLES,
|
|
87
85
|
...contextStyles,
|
|
88
86
|
...inputStyles,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,16 +11,14 @@ exports.Flex = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const Base_1 = require("../Base");
|
|
14
|
-
const
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
14
|
+
const tasty_1 = require("../../tasty");
|
|
17
15
|
const DEFAULT_STYLES = {
|
|
18
16
|
display: 'flex',
|
|
19
17
|
flow: 'row',
|
|
20
18
|
};
|
|
21
19
|
exports.Flex = (0, react_1.forwardRef)((props, ref) => {
|
|
22
|
-
const styles = (0,
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0,
|
|
20
|
+
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
24
22
|
});
|
|
25
23
|
|
|
26
24
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,17 +11,15 @@ exports.Flow = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const Base_1 = require("../Base");
|
|
14
|
-
const
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
14
|
+
const tasty_1 = require("../../tasty");
|
|
17
15
|
const DEFAULT_STYLES = {
|
|
18
16
|
display: 'block',
|
|
19
17
|
flow: 'column',
|
|
20
18
|
};
|
|
21
|
-
const STYLE_PROPS =
|
|
19
|
+
const STYLE_PROPS = tasty_1.CONTAINER_STYLES;
|
|
22
20
|
exports.Flow = (0, react_1.forwardRef)((props, ref) => {
|
|
23
|
-
const styles = (0,
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0,
|
|
21
|
+
const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
25
23
|
});
|
|
26
24
|
|
|
27
25
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,9 +11,7 @@ exports.Grid = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const Base_1 = require("../Base");
|
|
14
|
-
const
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
14
|
+
const tasty_1 = require("../../tasty");
|
|
17
15
|
const DEFAULT_STYLES = {
|
|
18
16
|
display: 'grid',
|
|
19
17
|
flow: 'row',
|
|
@@ -26,8 +24,8 @@ const PROP_MAP = {
|
|
|
26
24
|
areas: 'gridAreas',
|
|
27
25
|
};
|
|
28
26
|
exports.Grid = (0, react_1.forwardRef)((props, ref) => {
|
|
29
|
-
const styles = (0,
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0,
|
|
27
|
+
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES, PROP_MAP);
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
31
29
|
});
|
|
32
30
|
|
|
33
31
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,9 +11,7 @@ exports.Prefix = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const Base_1 = require("../Base");
|
|
14
|
-
const
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
14
|
+
const tasty_1 = require("../../tasty");
|
|
17
15
|
const react_2 = require("../../utils/react");
|
|
18
16
|
const DEFAULT_STYLES = {
|
|
19
17
|
position: 'absolute',
|
|
@@ -30,16 +28,16 @@ const DEFAULT_STYLES = {
|
|
|
30
28
|
};
|
|
31
29
|
exports.Prefix = (0, react_1.forwardRef)((allProps, outerRef) => {
|
|
32
30
|
let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
|
|
33
|
-
const styles = (0,
|
|
31
|
+
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
|
|
34
32
|
const ref = (0, react_2.useCombinedRefs)(outerRef);
|
|
35
33
|
(0, react_1.useEffect)(() => {
|
|
36
34
|
if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
|
|
37
35
|
onWidthChange(ref.current.offsetWidth);
|
|
38
36
|
}
|
|
39
37
|
}, [children, ref, onWidthChange]);
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0,
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
|
|
41
39
|
// @ts-ignore
|
|
42
|
-
'--prefix-gap': (0,
|
|
40
|
+
'--prefix-gap': (0, tasty_1.parseStyle)(outerGap).value,
|
|
43
41
|
}, children: children }, void 0));
|
|
44
42
|
});
|
|
45
43
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,9 +11,7 @@ exports.Space = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const Base_1 = require("../Base");
|
|
14
|
-
const
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
14
|
+
const tasty_1 = require("../../tasty");
|
|
17
15
|
const DEFAULT_STYLES = {
|
|
18
16
|
display: 'flex',
|
|
19
17
|
gap: true,
|
|
@@ -24,12 +22,12 @@ exports.Space = (0, react_1.forwardRef)(function Space(props, ref) {
|
|
|
24
22
|
? 'column'
|
|
25
23
|
: 'row'
|
|
26
24
|
: props.flow || 'row';
|
|
27
|
-
const styles = (0,
|
|
25
|
+
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
|
|
28
26
|
...DEFAULT_STYLES,
|
|
29
27
|
flow,
|
|
30
28
|
alignItems: flow === 'row' ? 'center' : 'stretch',
|
|
31
29
|
});
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0,
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
33
31
|
});
|
|
34
32
|
|
|
35
33
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,9 +11,7 @@ exports.Suffix = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const Base_1 = require("../Base");
|
|
14
|
-
const
|
|
15
|
-
const styles_1 = require("../../tasty/utils/styles");
|
|
16
|
-
const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
|
|
14
|
+
const tasty_1 = require("../../tasty");
|
|
17
15
|
const react_2 = require("../../utils/react");
|
|
18
16
|
const DEFAULT_STYLES = {
|
|
19
17
|
position: 'absolute',
|
|
@@ -30,15 +28,15 @@ const DEFAULT_STYLES = {
|
|
|
30
28
|
};
|
|
31
29
|
exports.Suffix = (0, react_1.forwardRef)((allProps, outerRef) => {
|
|
32
30
|
let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
|
|
33
|
-
const styles = (0,
|
|
31
|
+
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
|
|
34
32
|
const ref = (0, react_2.useCombinedRefs)(outerRef);
|
|
35
33
|
(0, react_1.useEffect)(() => {
|
|
36
34
|
if (ref && ref.current && onWidthChange) {
|
|
37
35
|
onWidthChange(ref.current.offsetWidth);
|
|
38
36
|
}
|
|
39
37
|
}, [children, ref, onWidthChange]);
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0,
|
|
41
|
-
'--suffix-gap': (0,
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
|
|
39
|
+
'--suffix-gap': (0, tasty_1.parseStyle)(outerGap).value,
|
|
42
40
|
}, children: children }, void 0));
|
|
43
41
|
});
|
|
44
42
|
|