@cube-dev/ui-kit 0.0.0-canary-daeed47 → 0.0.0-canary-feb52c8
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/es/_internal/hooks/index.js +1 -1
- package/es/_internal/hooks/use-chained-callback.js +1 -1
- package/es/_internal/hooks/use-debounced-value.js +1 -1
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/hooks/use-effect-once.js +1 -1
- package/es/_internal/hooks/use-event.js +1 -1
- package/es/_internal/hooks/use-is-first-render.js +1 -1
- package/es/_internal/hooks/use-sync-ref.js +1 -1
- package/es/_internal/hooks/use-timer/index.js +1 -1
- package/es/_internal/hooks/use-timer/timer.js +1 -1
- package/es/_internal/hooks/use-timer/use-timer.js +1 -1
- package/es/_internal/hooks/use-update-effect.js +1 -1
- package/es/_internal/hooks/use-warn.js +1 -1
- package/es/_internal/index.js +1 -1
- package/es/components/Block.js +1 -1
- package/es/components/CollectionItem.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/Action.js +1 -1
- package/es/components/actions/Button/Button.js +2 -1
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/es/components/actions/CommandMenu/CommandMenu.js +1 -1
- package/es/components/actions/CommandMenu/index.js +1 -1
- package/es/components/actions/CommandMenu/styled.js +1 -1
- package/es/components/actions/ItemAction/ItemAction.js +1 -1
- package/es/components/actions/ItemAction/index.js +1 -1
- package/es/components/actions/ItemActionContext.js +1 -1
- package/es/components/actions/ItemButton/ItemButton.js +1 -1
- package/es/components/actions/ItemButton/index.js +1 -1
- package/es/components/actions/Link/Link.js +1 -1
- package/es/components/actions/Menu/Menu.js +1 -1
- package/es/components/actions/Menu/MenuItem.js +1 -1
- package/es/components/actions/Menu/MenuSection.js +1 -1
- package/es/components/actions/Menu/MenuTrigger.js +1 -1
- package/es/components/actions/Menu/SubMenuTrigger.js +1 -1
- package/es/components/actions/Menu/SubmenuTriggerContext.js +1 -1
- package/es/components/actions/Menu/context.js +1 -1
- package/es/components/actions/Menu/index.js +1 -1
- package/es/components/actions/Menu/styled.js +1 -1
- package/es/components/actions/index.js +1 -1
- package/es/components/actions/use-action.js +1 -1
- package/es/components/actions/use-anchored-menu.js +1 -1
- package/es/components/actions/use-context-menu.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +1 -1
- package/es/components/content/Alert/Alert.js +1 -1
- package/es/components/content/Alert/index.js +1 -1
- package/es/components/content/Alert/types.js +1 -1
- package/es/components/content/Alert/use-alert.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/CopyPasteBlock/CopyPasteBlock.js +1 -1
- package/es/components/content/CopyPasteBlock/index.js +1 -1
- package/es/components/content/CopySnippet/CopySnippet.js +1 -1
- package/es/components/content/CopySnippet/index.js +1 -1
- package/es/components/content/Disclosure/Disclosure.js +1 -1
- package/es/components/content/Disclosure/index.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/HotKeys/HotKeys.js +1 -1
- package/es/components/content/HotKeys/index.js +1 -1
- package/es/components/content/Item/Item.js +1 -1
- package/es/components/content/Item/index.js +1 -1
- package/es/components/content/ItemBadge/ItemBadge.js +1 -1
- package/es/components/content/ItemBadge/index.js +1 -1
- package/es/components/content/Layout/GridLayout.js +1 -1
- package/es/components/content/Layout/Layout.js +1 -1
- package/es/components/content/Layout/LayoutBlock.js +1 -1
- package/es/components/content/Layout/LayoutContent.js +8 -6
- package/es/components/content/Layout/LayoutContext.js +1 -1
- package/es/components/content/Layout/LayoutFlex.js +1 -1
- package/es/components/content/Layout/LayoutFooter.js +1 -1
- package/es/components/content/Layout/LayoutGrid.js +1 -1
- package/es/components/content/Layout/LayoutHeader.js +1 -1
- package/es/components/content/Layout/LayoutPane.js +18 -32
- package/es/components/content/Layout/LayoutPanel.js +11 -24
- package/es/components/content/Layout/LayoutPanelHeader.js +7 -2
- package/es/components/content/Layout/LayoutToolbar.js +1 -1
- package/es/components/content/Layout/hooks/useTinyScrollbar.js +22 -3
- package/es/components/content/Layout/index.js +1 -1
- package/es/components/content/Layout/utils.js +23 -0
- package/es/components/content/List/SectionHeading.js +1 -1
- package/es/components/content/List/index.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/PrismCode/prismSetup.js +1 -1
- package/es/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
- package/es/components/content/Result/Result.js +1 -1
- package/es/components/content/Skeleton/Skeleton.js +1 -1
- package/es/components/content/Tag/Tag.js +1 -1
- package/es/components/content/Text.js +1 -1
- package/es/components/content/TextItem/TextItem.js +1 -1
- package/es/components/content/TextItem/index.js +1 -1
- package/es/components/content/Title.js +1 -1
- package/es/components/content/use-auto-tooltip.js +1 -1
- package/es/components/fields/Checkbox/Checkbox.js +1 -1
- package/es/components/fields/Checkbox/CheckboxGroup.js +1 -1
- package/es/components/fields/Checkbox/context.js +1 -1
- package/es/components/fields/Checkbox/index.js +1 -1
- package/es/components/fields/ComboBox/ComboBox.js +1 -1
- package/es/components/fields/ComboBox/index.js +1 -1
- package/es/components/fields/DatePicker/DateInput.js +1 -1
- package/es/components/fields/DatePicker/DateInputBase.js +1 -1
- package/es/components/fields/DatePicker/DatePicker.js +1 -1
- package/es/components/fields/DatePicker/DatePickerButton.js +1 -1
- package/es/components/fields/DatePicker/DatePickerElement.js +1 -1
- package/es/components/fields/DatePicker/DatePickerInput.js +1 -1
- package/es/components/fields/DatePicker/DatePickerSegment.js +1 -1
- package/es/components/fields/DatePicker/DateRangePicker.js +1 -1
- package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
- package/es/components/fields/DatePicker/TimeInput.js +1 -1
- package/es/components/fields/DatePicker/index.js +1 -1
- package/es/components/fields/DatePicker/intl.js +1 -1
- package/es/components/fields/DatePicker/parseDate.js +1 -1
- package/es/components/fields/DatePicker/props.js +1 -1
- package/es/components/fields/DatePicker/types.js +1 -1
- package/es/components/fields/DatePicker/utils.js +1 -1
- package/es/components/fields/FileInput/FileInput.js +1 -1
- package/es/components/fields/FilterListBox/FilterListBox.js +1 -1
- package/es/components/fields/FilterListBox/index.js +1 -1
- package/es/components/fields/FilterPicker/FilterPicker.js +1 -1
- package/es/components/fields/FilterPicker/index.js +1 -1
- package/es/components/fields/Input/Input.js +1 -1
- package/es/components/fields/Input/index.js +1 -1
- package/es/components/fields/ListBox/ListBox.js +1 -1
- package/es/components/fields/ListBox/index.js +1 -1
- package/es/components/fields/NumberInput/NumberInput.js +1 -1
- package/es/components/fields/NumberInput/StepButton.js +1 -1
- package/es/components/fields/PasswordInput/PasswordInput.js +1 -1
- package/es/components/fields/Picker/Picker.js +1 -1
- package/es/components/fields/Picker/index.js +1 -1
- package/es/components/fields/RadioGroup/Radio.js +1 -1
- package/es/components/fields/RadioGroup/RadioGroup.js +1 -1
- package/es/components/fields/RadioGroup/context.js +1 -1
- package/es/components/fields/RadioGroup/index.js +1 -1
- package/es/components/fields/SearchInput/SearchInput.js +1 -1
- package/es/components/fields/SearchInput/index.js +1 -1
- package/es/components/fields/Select/Select.js +1 -1
- package/es/components/fields/Select/index.js +1 -1
- package/es/components/fields/Slider/Gradation.js +1 -1
- package/es/components/fields/Slider/Header.js +1 -1
- package/es/components/fields/Slider/RangeSlider.js +1 -1
- package/es/components/fields/Slider/Slider.js +1 -1
- package/es/components/fields/Slider/SliderBase.js +1 -1
- package/es/components/fields/Slider/SliderInput.js +1 -1
- package/es/components/fields/Slider/SliderThumb.js +1 -1
- package/es/components/fields/Slider/SliderTrack.js +1 -1
- package/es/components/fields/Slider/elements.js +1 -1
- package/es/components/fields/Slider/index.js +1 -1
- package/es/components/fields/Slider/types.js +1 -1
- package/es/components/fields/Switch/Switch.js +1 -1
- package/es/components/fields/Switch/index.js +1 -1
- package/es/components/fields/TextArea/TextArea.js +1 -1
- package/es/components/fields/TextArea/index.js +1 -1
- package/es/components/fields/TextInput/TextInput.js +1 -1
- package/es/components/fields/TextInput/TextInputBase.js +1 -1
- package/es/components/fields/TextInput/index.js +1 -1
- package/es/components/fields/TextInputMapper/TextInputMapper.js +1 -1
- package/es/components/fields/TextInputMapper/index.js +1 -1
- package/es/components/fields/index.js +1 -1
- package/es/components/form/FieldWrapper/FieldWrapper.js +1 -1
- package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
- package/es/components/form/FieldWrapper/index.js +1 -1
- package/es/components/form/FieldWrapper/types.js +1 -1
- package/es/components/form/Form/Field.js +1 -1
- package/es/components/form/Form/Form.js +1 -1
- package/es/components/form/Form/ResetButton/ResetButton.js +1 -1
- package/es/components/form/Form/ResetButton/index.js +1 -1
- package/es/components/form/Form/SubmitButton/SubmitButton.js +1 -1
- package/es/components/form/Form/SubmitButton/index.js +1 -1
- package/es/components/form/Form/SubmitError.js +1 -1
- package/es/components/form/Form/index.js +1 -1
- package/es/components/form/Form/types.js +1 -1
- package/es/components/form/Form/use-field/index.js +1 -1
- package/es/components/form/Form/use-field/types.js +1 -1
- package/es/components/form/Form/use-field/use-field-props.js +1 -1
- package/es/components/form/Form/use-field/use-field.js +1 -1
- package/es/components/form/Form/use-form.js +1 -1
- package/es/components/form/Form/validation.js +1 -1
- package/es/components/form/Label.js +1 -1
- package/es/components/form/index.js +1 -1
- package/es/components/form/wrapper.js +1 -1
- package/es/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
- package/es/components/helpers/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/Panel.js +1 -1
- package/es/components/layout/Prefix.js +1 -1
- package/es/components/layout/ResizablePanel.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/organisms/FileTabs/FileTabs.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/other/Base64Upload/Base64Upload.js +1 -1
- package/es/components/other/Calendar/Calendar.js +1 -1
- package/es/components/other/Calendar/CalendarCell.js +1 -1
- package/es/components/other/Calendar/CalendarGrid.js +1 -1
- package/es/components/other/Calendar/RangeCalendar.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 +1 -1
- 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/Dialog/use-dialog-container.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/Modal/types.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.js +1 -1
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
- package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
- package/es/components/overlays/NewNotifications/Notification.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
- package/es/components/overlays/NewNotifications/index.js +1 -1
- package/es/components/overlays/NewNotifications/types.js +1 -1
- package/es/components/overlays/Notification/Notification.js +1 -1
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Toasts/Toast.js +1 -1
- package/es/components/overlays/Toasts/index.js +1 -1
- package/es/components/overlays/Toasts/types.js +1 -1
- package/es/components/overlays/Toasts/use-toasts-api.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/overlays/Tooltip/index.js +1 -1
- 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/types.js +1 -1
- package/es/components/portal/usePortal.js +1 -1
- package/es/components/shared/InvalidIcon.js +1 -1
- package/es/components/shared/ValidIcon.js +1 -1
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/es/components/status/LoadingAnimation/index.js +1 -1
- package/es/components/status/Spin/Cube.js +1 -1
- package/es/components/status/Spin/InternalSpinner.js +1 -1
- package/es/components/status/Spin/Spin.js +1 -1
- package/es/components/status/Spin/SpinsContainer.js +1 -1
- package/es/components/status/Spin/index.js +1 -1
- package/es/components/status/Spin/types.js +1 -1
- package/es/components/status/index.js +1 -1
- package/es/data/item-themes.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/icons/AdjustmentsHorizontalIcon.js +1 -1
- package/es/icons/AdjustmentsIcon.js +1 -1
- package/es/icons/AiIcon.js +1 -1
- package/es/icons/AreaChartIcon.js +1 -1
- package/es/icons/BackwardIcon.js +1 -1
- package/es/icons/BarChartIcon.js +1 -1
- package/es/icons/BellFilledIcon.js +1 -1
- package/es/icons/BellIcon.js +1 -1
- package/es/icons/BooleanIcon.js +1 -1
- package/es/icons/CalendarEditIcon.js +1 -1
- package/es/icons/CalendarIcon.js +1 -1
- package/es/icons/CaretDownIcon.js +1 -1
- package/es/icons/CaretUpIcon.js +1 -1
- package/es/icons/ChartAreaStackedIcon.js +1 -1
- package/es/icons/ChartAreaStackedPercentageIcon.js +1 -1
- package/es/icons/ChartBarGroupedHorizontalIcon.js +1 -1
- package/es/icons/ChartBarGroupedIcon.js +1 -1
- package/es/icons/ChartBarHorizontalIcon.js +1 -1
- package/es/icons/ChartBarLineIcon.js +1 -1
- package/es/icons/ChartBarStackedHorizontalIcon.js +1 -1
- package/es/icons/ChartBarStackedIcon.js +1 -1
- package/es/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
- package/es/icons/ChartBarStackedPercentageIcon.js +1 -1
- package/es/icons/ChartBoxPlot2Icon.js +1 -1
- package/es/icons/ChartBoxPlotIcon.js +1 -1
- package/es/icons/ChartBubbleIcon.js +1 -1
- package/es/icons/ChartDonut2Icon.js +1 -1
- package/es/icons/ChartFunnelIcon.js +1 -1
- package/es/icons/ChartHeatmapIcon.js +1 -1
- package/es/icons/ChartKPIIcon.js +1 -1
- package/es/icons/ChartPie2Icon.js +1 -1
- package/es/icons/ChartScatterIcon.js +1 -1
- package/es/icons/CheckCircleFilledIcon.js +1 -1
- package/es/icons/CheckCircleIcon.js +1 -1
- package/es/icons/CheckIcon.js +1 -1
- package/es/icons/CircleFilledIcon.js +1 -1
- package/es/icons/ClearIcon.js +1 -1
- package/es/icons/CloseCircleFilledIcon.js +1 -1
- package/es/icons/CloseCircleIcon.js +1 -1
- package/es/icons/CloseIcon.js +1 -1
- package/es/icons/CodeIcon.js +1 -1
- package/es/icons/CopyIcon.js +1 -1
- package/es/icons/CountIcon.js +1 -1
- package/es/icons/CubeIcon.js +1 -1
- package/es/icons/CubePauseIcon.js +1 -1
- package/es/icons/CubePlayIcon.js +1 -1
- package/es/icons/CurrencyDollarIcon.js +1 -1
- package/es/icons/DangerIcon.js +1 -1
- package/es/icons/DashboardIcon.js +1 -1
- package/es/icons/DatabaseIcon.js +1 -1
- package/es/icons/DecimalDecreaseIcon.js +1 -1
- package/es/icons/DecimalIncreaseIcon.js +1 -1
- package/es/icons/DirectionIcon.js +1 -1
- package/es/icons/DonutIcon.js +1 -1
- package/es/icons/DownIcon.js +1 -1
- package/es/icons/EditIcon.js +1 -1
- package/es/icons/ExclamationCircleFilledIcon.js +1 -1
- package/es/icons/ExclamationCircleIcon.js +1 -1
- package/es/icons/ExclamationIcon.js +1 -1
- package/es/icons/EyeIcon.js +1 -1
- package/es/icons/EyeInvisibleIcon.js +1 -1
- package/es/icons/FilterIcon.js +1 -1
- package/es/icons/FolderFilledIcon.js +1 -1
- package/es/icons/FolderIcon.js +1 -1
- package/es/icons/FolderOpenFilledIcon.js +1 -1
- package/es/icons/FolderOpenIcon.js +1 -1
- package/es/icons/ForwardIcon.js +1 -1
- package/es/icons/HierarchyIcon.js +1 -1
- package/es/icons/HierarchyOpenIcon.js +1 -1
- package/es/icons/Icon.js +1 -1
- package/es/icons/InfoCircleIcon.js +1 -1
- package/es/icons/InfoIcon.js +1 -1
- package/es/icons/KeyIcon.js +1 -1
- package/es/icons/LeftIcon.js +1 -1
- package/es/icons/LineChartIcon.js +1 -1
- package/es/icons/LoadingIcon.js +1 -1
- package/es/icons/LockFilledIcon.js +1 -1
- package/es/icons/LockIcon.js +1 -1
- package/es/icons/MoreIcon.js +1 -1
- package/es/icons/NotAllowedIcon.js +1 -1
- package/es/icons/Number123Icon.js +1 -1
- package/es/icons/NumberIcon.js +1 -1
- package/es/icons/PauseCircleFilledIcon.js +1 -1
- package/es/icons/PauseCircleIcon.js +1 -1
- package/es/icons/PauseIcon.js +1 -1
- package/es/icons/PercentageIcon.js +1 -1
- package/es/icons/PieChartIcon.js +1 -1
- package/es/icons/PlayCircleIcon.js +1 -1
- package/es/icons/PlayIcon.js +1 -1
- package/es/icons/PlusIcon.js +1 -1
- package/es/icons/ProgressBarIcon.js +1 -1
- package/es/icons/ReloadIcon.js +1 -1
- package/es/icons/ReportIcon.js +1 -1
- package/es/icons/ReturnIcon.js +1 -1
- package/es/icons/RightIcon.js +1 -1
- package/es/icons/SchemeIcon.js +1 -1
- package/es/icons/SearchIcon.js +1 -1
- package/es/icons/SettingsIcon.js +1 -1
- package/es/icons/ShieldFilledIcon.js +1 -1
- package/es/icons/ShieldIcon.js +1 -1
- package/es/icons/SlashIcon.js +1 -1
- package/es/icons/SparklesIcon.js +1 -1
- package/es/icons/SqlIcon.js +1 -1
- package/es/icons/StatsIcon.js +1 -1
- package/es/icons/StopIcon.js +1 -1
- package/es/icons/StringIcon.js +1 -1
- package/es/icons/SwitchIcon.js +1 -1
- package/es/icons/TableIcon.js +1 -1
- package/es/icons/ThumbsDownIcon.js +1 -1
- package/es/icons/ThumbsUpIcon.js +1 -1
- package/es/icons/ThunderboltCrossedIcon.js +1 -1
- package/es/icons/ThunderboltFilledIcon.js +1 -1
- package/es/icons/ThunderboltIcon.js +1 -1
- package/es/icons/TimeIcon.js +1 -1
- package/es/icons/TrashIcon.js +1 -1
- package/es/icons/UnlockIcon.js +1 -1
- package/es/icons/UpIcon.js +1 -1
- package/es/icons/UserGroupIcon.js +1 -1
- package/es/icons/UserIcon.js +1 -1
- package/es/icons/UserLockIcon.js +1 -1
- package/es/icons/ViewIcon.js +1 -1
- package/es/icons/WarningFilledIcon.js +1 -1
- package/es/icons/WarningIcon.js +1 -1
- package/es/icons/add-new-icon.js +1 -1
- package/es/icons/index.js +1 -1
- package/es/icons/wrap-icon.js +1 -1
- package/es/index.js +1 -1
- package/es/provider.js +1 -1
- package/es/providers/TrackingProvider.js +1 -1
- package/es/providers/navigation.types.js +1 -1
- package/es/providers/navigationAdapter.default.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/Form.legacy-stories.js +1 -1
- package/es/stories/FormFieldArgs.js +1 -1
- package/es/stories/SimpleLayout.stories.js +1 -1
- package/es/stories/Tasty.stories.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 +1 -1
- package/es/tasty/debug.js +1 -1
- package/es/tasty/index.js +1 -1
- package/es/tasty/injector/index.js +1 -1
- package/es/tasty/injector/injector.js +1 -1
- package/es/tasty/injector/sheet-manager.js +1 -1
- package/es/tasty/injector/types.js +1 -1
- package/es/tasty/parser/classify.js +1 -1
- package/es/tasty/parser/const.js +1 -1
- package/es/tasty/parser/lru.js +1 -1
- package/es/tasty/parser/parser.js +1 -1
- package/es/tasty/parser/tokenizer.js +1 -1
- package/es/tasty/parser/types.js +1 -1
- package/es/tasty/providers/BreakpointsProvider.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/fade.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/inset.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/outline.js +1 -1
- package/es/tasty/styles/padding.js +1 -1
- package/es/tasty/styles/place.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/scrollbar.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/cache-wrapper.js +1 -1
- package/es/tasty/utils/case-converter.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/getDisplayName.js +1 -1
- package/es/tasty/utils/getModCombinations.js +1 -1
- package/es/tasty/utils/isDevEnv.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/tokens.js +1 -1
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/index.js +1 -1
- package/es/utils/modules.js +1 -1
- package/es/utils/promise.js +1 -1
- package/es/utils/raf.js +1 -1
- package/es/utils/random.js +1 -1
- package/es/utils/range.js +1 -1
- package/es/utils/react/RenderCache.js +1 -1
- package/es/utils/react/Slots.js +1 -1
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/forwardRefWithGenerics.js +1 -1
- package/es/utils/react/index.js +1 -1
- 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/sharedStore.js +1 -1
- package/es/utils/react/useCombinedRefs.js +1 -1
- package/es/utils/react/useControlledFocusVisible.js +1 -1
- package/es/utils/react/useEventBus.js +1 -1
- package/es/utils/react/useId.js +1 -1
- package/es/utils/react/useIsDarwin.js +1 -1
- package/es/utils/react/useKeySymbols.js +1 -1
- package/es/utils/react/useLayoutEffect.js +1 -1
- package/es/utils/react/useQaProps.js +1 -1
- package/es/utils/react/useViewportSize.js +1 -1
- package/es/utils/react/wrapNodeIfPlain.js +1 -1
- package/es/utils/tree.js +1 -1
- package/es/utils/warnings.js +1 -1
- package/es/version.js +2 -2
- package/package.json +1 -1
- package/types/components/actions/Button/Button.d.ts +1 -0
- package/types/components/actions/Menu/styled.d.ts +3 -9
- package/types/components/content/Layout/LayoutContent.d.ts +3 -1
- package/types/components/content/Layout/hooks/useTinyScrollbar.d.ts +1 -0
- package/types/components/content/Layout/utils.d.ts +5 -0
- package/types/components/content/List/SectionHeading.d.ts +1 -3
- package/types/components/content/Text.d.ts +7 -21
- package/types/components/fields/DatePicker/DatePickerElement.d.ts +1 -3
- package/types/tasty/index.d.ts +1 -1
- package/types/tasty/types.d.ts +5 -3
|
@@ -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-feb52c8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -53,7 +53,7 @@ const ContentElement = tasty({
|
|
|
53
53
|
fill: '#dark.35',
|
|
54
54
|
opacity: {
|
|
55
55
|
'': 0,
|
|
56
|
-
'(hovered | focused) & scrollbar=tiny': 1,
|
|
56
|
+
'(hovered | focused | scrolling) & scrollbar=tiny': 1,
|
|
57
57
|
},
|
|
58
58
|
transition: 'opacity 0.15s',
|
|
59
59
|
pointerEvents: 'none',
|
|
@@ -68,7 +68,7 @@ const ContentElement = tasty({
|
|
|
68
68
|
fill: '#dark.35',
|
|
69
69
|
opacity: {
|
|
70
70
|
'': 0,
|
|
71
|
-
'(hovered | focused) & scrollbar=tiny': 1,
|
|
71
|
+
'(hovered | focused | scrolling) & scrollbar=tiny': 1,
|
|
72
72
|
},
|
|
73
73
|
transition: 'opacity 0.15s',
|
|
74
74
|
pointerEvents: 'none',
|
|
@@ -76,14 +76,14 @@ const ContentElement = tasty({
|
|
|
76
76
|
},
|
|
77
77
|
});
|
|
78
78
|
function LayoutContent(props, ref) {
|
|
79
|
-
const { children, scrollbar = 'thin', styles, ...otherProps } = props;
|
|
79
|
+
const { children, scrollbar = 'thin', styles, mods: externalMods, ...otherProps } = props;
|
|
80
80
|
const outerStyles = extractStyles(otherProps, OUTER_STYLES);
|
|
81
81
|
const innerStyles = extractStyles(otherProps, INNER_STYLES);
|
|
82
82
|
const innerRef = useRef(null);
|
|
83
83
|
const combinedRef = useCombinedRefs(ref);
|
|
84
84
|
const isTinyScrollbar = scrollbar === 'tiny';
|
|
85
85
|
const { hoverProps, isHovered } = useHover({});
|
|
86
|
-
const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX } = useTinyScrollbar(innerRef, isTinyScrollbar);
|
|
86
|
+
const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(innerRef, isTinyScrollbar);
|
|
87
87
|
const scrollbarStyle = useMemo(() => {
|
|
88
88
|
if (!isTinyScrollbar)
|
|
89
89
|
return {};
|
|
@@ -93,9 +93,11 @@ function LayoutContent(props, ref) {
|
|
|
93
93
|
};
|
|
94
94
|
}, [isTinyScrollbar, handleVStyle, handleHStyle]);
|
|
95
95
|
const mods = useMemo(() => ({
|
|
96
|
+
...externalMods,
|
|
96
97
|
scrollbar,
|
|
97
98
|
hovered: isHovered,
|
|
98
|
-
|
|
99
|
+
scrolling: isScrolling,
|
|
100
|
+
}), [externalMods, scrollbar, isHovered, isScrolling]);
|
|
99
101
|
// Merge styles: outer styles to root, inner styles to Inner element
|
|
100
102
|
const finalStyles = useMemo(() => {
|
|
101
103
|
return mergeStyles(styles, outerStyles, innerStyles ? { Inner: innerStyles } : null);
|
|
@@ -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-feb52c8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -13,22 +13,10 @@ import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES
|
|
|
13
13
|
import { mergeProps, useCombinedRefs } from '../../../utils/react';
|
|
14
14
|
import { useTinyScrollbar } from './hooks/useTinyScrollbar';
|
|
15
15
|
import { LayoutContextReset } from './LayoutContext';
|
|
16
|
+
import { clampSize } from './utils';
|
|
16
17
|
// Handler dimensions
|
|
17
18
|
const HANDLER_WIDTH = 9; // Interactive area
|
|
18
19
|
const HANDLER_RESERVED = 5; // Space reserved in Inner padding
|
|
19
|
-
/**
|
|
20
|
-
* Clamps a size value within min/max constraints.
|
|
21
|
-
*/
|
|
22
|
-
function clampPaneSize(value, minSize, maxSize) {
|
|
23
|
-
let result = value;
|
|
24
|
-
if (typeof maxSize === 'number') {
|
|
25
|
-
result = Math.min(maxSize, result);
|
|
26
|
-
}
|
|
27
|
-
if (typeof minSize === 'number') {
|
|
28
|
-
result = Math.max(minSize, result);
|
|
29
|
-
}
|
|
30
|
-
return Math.max(result, 0);
|
|
31
|
-
}
|
|
32
20
|
const PaneElement = tasty({
|
|
33
21
|
as: 'div',
|
|
34
22
|
qa: 'LayoutPane',
|
|
@@ -90,7 +78,7 @@ const PaneElement = tasty({
|
|
|
90
78
|
fill: '#dark.35',
|
|
91
79
|
opacity: {
|
|
92
80
|
'': 0,
|
|
93
|
-
'(hovered | focused) & scrollbar=tiny': 1,
|
|
81
|
+
'(hovered | focused | scrolling) & scrollbar=tiny': 1,
|
|
94
82
|
},
|
|
95
83
|
transition: 'opacity 0.15s',
|
|
96
84
|
pointerEvents: 'none',
|
|
@@ -108,7 +96,7 @@ const PaneElement = tasty({
|
|
|
108
96
|
fill: '#dark.35',
|
|
109
97
|
opacity: {
|
|
110
98
|
'': 0,
|
|
111
|
-
'(hovered | focused) & scrollbar=tiny': 1,
|
|
99
|
+
'(hovered | focused | scrolling) & scrollbar=tiny': 1,
|
|
112
100
|
},
|
|
113
101
|
transition: 'opacity 0.15s',
|
|
114
102
|
pointerEvents: 'none',
|
|
@@ -235,20 +223,16 @@ function LayoutPane(props, ref) {
|
|
|
235
223
|
: typeof defaultSize === 'number'
|
|
236
224
|
? defaultSize
|
|
237
225
|
: 200;
|
|
238
|
-
return
|
|
226
|
+
return clampSize(initialSize, minSize, maxSize);
|
|
239
227
|
});
|
|
240
|
-
//
|
|
241
|
-
|
|
242
|
-
const
|
|
243
|
-
const outer = extractStyles(otherProps, OUTER_STYLES);
|
|
244
|
-
const inner = extractStyles(otherProps, INNER_STYLES);
|
|
245
|
-
return { outerStyles: outer, innerStyles: inner };
|
|
246
|
-
}, [styles]); // Only recalculate when styles prop changes
|
|
228
|
+
// Extract outer wrapper styles and inner content styles
|
|
229
|
+
const outerStyles = extractStyles(otherProps, OUTER_STYLES);
|
|
230
|
+
const innerStyles = extractStyles(otherProps, INNER_STYLES);
|
|
247
231
|
const isTinyScrollbar = scrollbar === 'tiny';
|
|
248
232
|
const { hoverProps, isHovered } = useHover({});
|
|
249
|
-
const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX } = useTinyScrollbar(innerRef, isTinyScrollbar);
|
|
233
|
+
const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(innerRef, isTinyScrollbar);
|
|
250
234
|
// Clamp size to min/max constraints
|
|
251
|
-
const
|
|
235
|
+
const clampValue = useCallback((value) => clampSize(value, minSize, maxSize), [minSize, maxSize]);
|
|
252
236
|
const { moveProps } = useMove({
|
|
253
237
|
onMoveStart() {
|
|
254
238
|
if (!isResizable)
|
|
@@ -269,13 +253,13 @@ function LayoutPane(props, ref) {
|
|
|
269
253
|
// Pointer resize: use exact delta values
|
|
270
254
|
delta = isHorizontal ? e.deltaX : e.deltaY;
|
|
271
255
|
}
|
|
272
|
-
setSize((currentSize) =>
|
|
256
|
+
setSize((currentSize) => clampValue(currentSize + delta));
|
|
273
257
|
},
|
|
274
258
|
onMoveEnd() {
|
|
275
259
|
setIsDragging(false);
|
|
276
260
|
// Round to integer on release and notify parent
|
|
277
261
|
setSize((currentSize) => {
|
|
278
|
-
const finalSize = Math.round(
|
|
262
|
+
const finalSize = Math.round(clampValue(currentSize));
|
|
279
263
|
onSizeChange?.(finalSize);
|
|
280
264
|
return finalSize;
|
|
281
265
|
});
|
|
@@ -287,17 +271,17 @@ function LayoutPane(props, ref) {
|
|
|
287
271
|
if (prevProvidedSizeRef.current !== providedSize) {
|
|
288
272
|
prevProvidedSizeRef.current = providedSize;
|
|
289
273
|
if (typeof providedSize === 'number' && !isDragging) {
|
|
290
|
-
setSize(
|
|
274
|
+
setSize(clampValue(providedSize));
|
|
291
275
|
}
|
|
292
276
|
}
|
|
293
|
-
}, [providedSize, isDragging,
|
|
277
|
+
}, [providedSize, isDragging, clampValue]);
|
|
294
278
|
// Reset to default size on double-click
|
|
295
279
|
const handleResetSize = useCallback(() => {
|
|
296
280
|
const resetSize = typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);
|
|
297
|
-
const clampedSize =
|
|
281
|
+
const clampedSize = clampValue(resetSize || 200);
|
|
298
282
|
setSize(clampedSize);
|
|
299
283
|
onSizeChange?.(clampedSize);
|
|
300
|
-
}, [defaultSize,
|
|
284
|
+
}, [defaultSize, clampValue, onSizeChange]);
|
|
301
285
|
const scrollbarStyle = useMemo(() => {
|
|
302
286
|
if (!isTinyScrollbar)
|
|
303
287
|
return {};
|
|
@@ -309,6 +293,7 @@ function LayoutPane(props, ref) {
|
|
|
309
293
|
const paneMods = useMemo(() => ({
|
|
310
294
|
scrollbar,
|
|
311
295
|
hovered: isHovered,
|
|
296
|
+
scrolling: isScrolling,
|
|
312
297
|
handlerHovered: debouncedHandlerHovered,
|
|
313
298
|
focused: isHandlerFocused,
|
|
314
299
|
disabled: !isResizable,
|
|
@@ -318,6 +303,7 @@ function LayoutPane(props, ref) {
|
|
|
318
303
|
}), [
|
|
319
304
|
scrollbar,
|
|
320
305
|
isHovered,
|
|
306
|
+
isScrolling,
|
|
321
307
|
debouncedHandlerHovered,
|
|
322
308
|
isHandlerFocused,
|
|
323
309
|
isResizable,
|
|
@@ -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-feb52c8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -15,26 +15,13 @@ import { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransi
|
|
|
15
15
|
import { Dialog } from '../../overlays/Dialog';
|
|
16
16
|
import { DialogContainer, } from '../../overlays/Dialog/DialogContainer';
|
|
17
17
|
import { LayoutContextReset, LayoutPanelContext, useLayoutContext, } from './LayoutContext';
|
|
18
|
+
import { clampSize } from './utils';
|
|
18
19
|
// Resize handler dimensions
|
|
19
20
|
const HANDLER_WIDTH = 9;
|
|
20
21
|
// How far from panel edge to position handler's inner edge (centers the 3px track on the edge)
|
|
21
22
|
const HANDLER_OFFSET = 4;
|
|
22
23
|
// Extra inset added for resizable panels (to accommodate handler grab area)
|
|
23
24
|
const RESIZABLE_INSET_OFFSET = 2;
|
|
24
|
-
/**
|
|
25
|
-
* Clamps a size value within min/max constraints.
|
|
26
|
-
* Handles both number and string constraint values (only numbers are applied).
|
|
27
|
-
*/
|
|
28
|
-
function clampPanelSize(value, minSize, maxSize) {
|
|
29
|
-
let result = value;
|
|
30
|
-
if (typeof maxSize === 'number') {
|
|
31
|
-
result = Math.min(maxSize, result);
|
|
32
|
-
}
|
|
33
|
-
if (typeof minSize === 'number') {
|
|
34
|
-
result = Math.max(minSize, result);
|
|
35
|
-
}
|
|
36
|
-
return Math.max(result, 0);
|
|
37
|
-
}
|
|
38
25
|
const PanelElement = tasty({
|
|
39
26
|
as: 'div',
|
|
40
27
|
qa: 'LayoutPanel',
|
|
@@ -271,11 +258,11 @@ function LayoutPanel(props, ref) {
|
|
|
271
258
|
: typeof defaultSize === 'number'
|
|
272
259
|
? defaultSize
|
|
273
260
|
: 280;
|
|
274
|
-
return
|
|
261
|
+
return clampSize(initialSize, minSize, maxSize);
|
|
275
262
|
});
|
|
276
263
|
const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);
|
|
277
264
|
// Clamp size to min/max constraints
|
|
278
|
-
const
|
|
265
|
+
const clampValue = useCallback((value) => clampSize(value, minSize, maxSize), [minSize, maxSize]);
|
|
279
266
|
const setContextDragging = layoutContext.setDragging;
|
|
280
267
|
const { moveProps } = useMove({
|
|
281
268
|
onMoveStart() {
|
|
@@ -302,14 +289,14 @@ function LayoutPanel(props, ref) {
|
|
|
302
289
|
? e.deltaX * (side === 'right' ? -1 : 1)
|
|
303
290
|
: e.deltaY * (side === 'bottom' ? -1 : 1);
|
|
304
291
|
}
|
|
305
|
-
setSize((currentSize) =>
|
|
292
|
+
setSize((currentSize) => clampValue(currentSize + delta));
|
|
306
293
|
},
|
|
307
294
|
onMoveEnd() {
|
|
308
295
|
setIsDragging(false);
|
|
309
296
|
setContextDragging(false);
|
|
310
297
|
// Round to integer on release and notify parent
|
|
311
298
|
setSize((currentSize) => {
|
|
312
|
-
const finalSize = Math.round(
|
|
299
|
+
const finalSize = Math.round(clampValue(currentSize));
|
|
313
300
|
// Call onSizeChange synchronously to ensure parent state is updated
|
|
314
301
|
onSizeChange?.(finalSize);
|
|
315
302
|
return finalSize;
|
|
@@ -322,10 +309,10 @@ function LayoutPanel(props, ref) {
|
|
|
322
309
|
if (prevProvidedSizeRef.current !== providedSize) {
|
|
323
310
|
prevProvidedSizeRef.current = providedSize;
|
|
324
311
|
if (typeof providedSize === 'number' && !isDragging) {
|
|
325
|
-
setSize(
|
|
312
|
+
setSize(clampValue(providedSize));
|
|
326
313
|
}
|
|
327
314
|
}
|
|
328
|
-
}, [providedSize, isDragging,
|
|
315
|
+
}, [providedSize, isDragging, clampValue]);
|
|
329
316
|
// Register panel with layout context
|
|
330
317
|
// Include handler outside portion (minus border overlap) for proper content inset
|
|
331
318
|
const effectivePanelSize = isOpen && !isDialog ? size : 0;
|
|
@@ -386,10 +373,10 @@ function LayoutPanel(props, ref) {
|
|
|
386
373
|
// Reset to default size on double-click
|
|
387
374
|
const handleResetSize = useCallback(() => {
|
|
388
375
|
const resetSize = typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);
|
|
389
|
-
const clampedSize =
|
|
376
|
+
const clampedSize = clampValue(resetSize || 280);
|
|
390
377
|
setSize(clampedSize);
|
|
391
378
|
onSizeChange?.(clampedSize);
|
|
392
|
-
}, [defaultSize,
|
|
379
|
+
}, [defaultSize, clampValue, onSizeChange]);
|
|
393
380
|
const renderPanelContent = (offscreen = false, transitionRef) => (_jsxs(_Fragment, { children: [_jsx(PanelElement, { ref: (node) => panelRefCallback(node, transitionRef), ...filterBaseProps(otherProps, { eventProps: true }), mods: { ...panelMods, offscreen }, styles: { ...extractedStyles, ...styles }, style: panelStyle, "data-side": side, children: _jsx(LayoutPanelContext.Provider, { value: panelContextValue, children: _jsx(LayoutContextReset, { children: children }) }) }), isResizable && (_jsx(ResizeHandler, { side: side, isDisabled: !isResizable, mods: {
|
|
394
381
|
drag: isDragging,
|
|
395
382
|
offscreen,
|
|
@@ -397,7 +384,7 @@ function LayoutPanel(props, ref) {
|
|
|
397
384
|
}, moveProps: moveProps, style: panelStyle, onDoubleClick: handleResetSize }))] }));
|
|
398
385
|
// Dialog mode
|
|
399
386
|
if (isDialog) {
|
|
400
|
-
return (_jsx(DialogContainer, { isOpen: dialogOpen,
|
|
387
|
+
return (_jsx(DialogContainer, { isOpen: dialogOpen, onDismiss: () => handleDialogOpenChange(false), ...dialogProps, children: _jsx(Dialog, { isDismissable: false, children: children }) }));
|
|
401
388
|
}
|
|
402
389
|
// Panel with transition
|
|
403
390
|
if (hasTransition) {
|
|
@@ -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-feb52c8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -15,9 +15,14 @@ import { Item } from '../Item/Item';
|
|
|
15
15
|
import { useLayoutPanelContext } from './LayoutContext';
|
|
16
16
|
const PanelHeaderElement = tasty(Item, {
|
|
17
17
|
qa: 'PanelHeader',
|
|
18
|
+
shape: 'sharp',
|
|
18
19
|
styles: {
|
|
19
20
|
border: 'bottom',
|
|
20
|
-
|
|
21
|
+
preset: {
|
|
22
|
+
'': 't3m',
|
|
23
|
+
'size=xsmall': 't4',
|
|
24
|
+
'size=xlarge': 't2m',
|
|
25
|
+
},
|
|
21
26
|
'$inline-padding': '($content-padding, 1x)',
|
|
22
27
|
},
|
|
23
28
|
});
|
|
@@ -1,12 +1,13 @@
|
|
|
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-feb52c8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import { useCallback, useEffect, useState, } from 'react';
|
|
8
|
+
import { useCallback, useEffect, useRef, useState, } from 'react';
|
|
9
9
|
const MIN_HANDLE_SIZE = 20;
|
|
10
|
+
const SCROLL_VISIBILITY_DURATION = 1000;
|
|
10
11
|
export function useTinyScrollbar(ref, enabled) {
|
|
11
12
|
const [scrollState, setScrollState] = useState({
|
|
12
13
|
hasOverflowY: false,
|
|
@@ -18,6 +19,8 @@ export function useTinyScrollbar(ref, enabled) {
|
|
|
18
19
|
clientHeight: 0,
|
|
19
20
|
clientWidth: 0,
|
|
20
21
|
});
|
|
22
|
+
const [isScrolling, setIsScrolling] = useState(false);
|
|
23
|
+
const scrollTimeoutRef = useRef(null);
|
|
21
24
|
const updateScrollState = useCallback(() => {
|
|
22
25
|
const element = ref.current;
|
|
23
26
|
if (!element)
|
|
@@ -43,7 +46,19 @@ export function useTinyScrollbar(ref, enabled) {
|
|
|
43
46
|
// Initial update
|
|
44
47
|
updateScrollState();
|
|
45
48
|
// Listen for scroll events
|
|
46
|
-
const handleScroll = () =>
|
|
49
|
+
const handleScroll = () => {
|
|
50
|
+
updateScrollState();
|
|
51
|
+
// Show scrollbar on scroll
|
|
52
|
+
setIsScrolling(true);
|
|
53
|
+
// Clear existing timeout
|
|
54
|
+
if (scrollTimeoutRef.current) {
|
|
55
|
+
clearTimeout(scrollTimeoutRef.current);
|
|
56
|
+
}
|
|
57
|
+
// Hide scrollbar after delay
|
|
58
|
+
scrollTimeoutRef.current = setTimeout(() => {
|
|
59
|
+
setIsScrolling(false);
|
|
60
|
+
}, SCROLL_VISIBILITY_DURATION);
|
|
61
|
+
};
|
|
47
62
|
element.addEventListener('scroll', handleScroll, { passive: true });
|
|
48
63
|
// ResizeObserver for content size changes
|
|
49
64
|
const resizeObserver = new ResizeObserver(() => {
|
|
@@ -57,6 +72,9 @@ export function useTinyScrollbar(ref, enabled) {
|
|
|
57
72
|
return () => {
|
|
58
73
|
element.removeEventListener('scroll', handleScroll);
|
|
59
74
|
resizeObserver.disconnect();
|
|
75
|
+
if (scrollTimeoutRef.current) {
|
|
76
|
+
clearTimeout(scrollTimeoutRef.current);
|
|
77
|
+
}
|
|
60
78
|
};
|
|
61
79
|
}, [enabled, ref, updateScrollState]);
|
|
62
80
|
// Calculate vertical handle position and size
|
|
@@ -104,6 +122,7 @@ export function useTinyScrollbar(ref, enabled) {
|
|
|
104
122
|
},
|
|
105
123
|
hasOverflowY: scrollState.hasOverflowY,
|
|
106
124
|
hasOverflowX: scrollState.hasOverflowX,
|
|
125
|
+
isScrolling,
|
|
107
126
|
};
|
|
108
127
|
}
|
|
109
128
|
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-feb52c8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Clamps a size value within min/max constraints.
|
|
10
|
+
* Handles both number and string constraint values (only numbers are applied).
|
|
11
|
+
*/
|
|
12
|
+
export function clampSize(value, minSize, maxSize) {
|
|
13
|
+
let result = value;
|
|
14
|
+
if (typeof maxSize === 'number') {
|
|
15
|
+
result = Math.min(maxSize, result);
|
|
16
|
+
}
|
|
17
|
+
if (typeof minSize === 'number') {
|
|
18
|
+
result = Math.max(minSize, result);
|
|
19
|
+
}
|
|
20
|
+
return Math.max(result, 0);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|