@cube-dev/ui-kit 0.95.0 → 0.97.0

package/es/components/content/Layout/hooks/useTinyScrollbar.js

@@ -0,0 +1,129 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.97.0
+ * Released under the MIT license.
+ */
+
+import { useCallback, useEffect, useRef, useState, } from 'react';
+const MIN_HANDLE_SIZE = 20;
+const SCROLL_VISIBILITY_DURATION = 1000;
+export function useTinyScrollbar(ref, enabled) {
+    const [scrollState, setScrollState] = useState({
+        hasOverflowY: false,
+        hasOverflowX: false,
+        scrollTop: 0,
+        scrollLeft: 0,
+        scrollHeight: 0,
+        scrollWidth: 0,
+        clientHeight: 0,
+        clientWidth: 0,
+    });
+    const [isScrolling, setIsScrolling] = useState(false);
+    const scrollTimeoutRef = useRef(null);
+    const updateScrollState = useCallback(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth, } = element;
+        setScrollState({
+            hasOverflowY: scrollHeight > clientHeight,
+            hasOverflowX: scrollWidth > clientWidth,
+            scrollTop,
+            scrollLeft,
+            scrollHeight,
+            scrollWidth,
+            clientHeight,
+            clientWidth,
+        });
+    }, [ref]);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const element = ref.current;
+        if (!element)
+            return;
+        // Initial update
+        updateScrollState();
+        // Listen for scroll events
+        const handleScroll = () => {
+            updateScrollState();
+            // Show scrollbar on scroll
+            setIsScrolling(true);
+            // Clear existing timeout
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+            // Hide scrollbar after delay
+            scrollTimeoutRef.current = setTimeout(() => {
+                setIsScrolling(false);
+            }, SCROLL_VISIBILITY_DURATION);
+        };
+        element.addEventListener('scroll', handleScroll, { passive: true });
+        // ResizeObserver for content size changes
+        const resizeObserver = new ResizeObserver(() => {
+            updateScrollState();
+        });
+        resizeObserver.observe(element);
+        // Observe children for size changes
+        Array.from(element.children).forEach((child) => {
+            resizeObserver.observe(child);
+        });
+        return () => {
+            element.removeEventListener('scroll', handleScroll);
+            resizeObserver.disconnect();
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+        };
+    }, [enabled, ref, updateScrollState]);
+    // Calculate vertical handle position and size
+    const calculateVHandle = useCallback(() => {
+        const { scrollHeight, clientHeight, scrollTop, hasOverflowY } = scrollState;
+        if (!hasOverflowY || !enabled) {
+            return { top: 0, height: 0 };
+        }
+        const trackHeight = clientHeight - 2; // 1px padding on each end
+        const ratio = clientHeight / scrollHeight;
+        let handleHeight = Math.max(MIN_HANDLE_SIZE, Math.round(trackHeight * ratio));
+        const availableTrack = trackHeight - handleHeight;
+        const scrollRatio = scrollHeight - clientHeight > 0
+            ? scrollTop / (scrollHeight - clientHeight)
+            : 0;
+        const handleTop = 1 + Math.round(availableTrack * scrollRatio);
+        return { top: handleTop, height: handleHeight };
+    }, [scrollState, enabled]);
+    // Calculate horizontal handle position and size
+    const calculateHHandle = useCallback(() => {
+        const { scrollWidth, clientWidth, scrollLeft, hasOverflowX } = scrollState;
+        if (!hasOverflowX || !enabled) {
+            return { left: 0, width: 0 };
+        }
+        const trackWidth = clientWidth - 2; // 1px padding on each end
+        const ratio = clientWidth / scrollWidth;
+        let handleWidth = Math.max(MIN_HANDLE_SIZE, Math.round(trackWidth * ratio));
+        const availableTrack = trackWidth - handleWidth;
+        const scrollRatio = scrollWidth - clientWidth > 0
+            ? scrollLeft / (scrollWidth - clientWidth)
+            : 0;
+        const handleLeft = 1 + Math.round(availableTrack * scrollRatio);
+        return { left: handleLeft, width: handleWidth };
+    }, [scrollState, enabled]);
+    const vHandle = calculateVHandle();
+    const hHandle = calculateHHandle();
+    return {
+        handleVStyle: {
+            '--scrollbar-v-top': `${vHandle.top}px`,
+            '--scrollbar-v-height': `${vHandle.height}px`,
+        },
+        handleHStyle: {
+            '--scrollbar-h-left': `${hHandle.left}px`,
+            '--scrollbar-h-width': `${hHandle.width}px`,
+        },
+        hasOverflowY: scrollState.hasOverflowY,
+        hasOverflowX: scrollState.hasOverflowX,
+        isScrolling,
+    };
+}
+
+        

package/es/components/content/Layout/index.js

@@ -0,0 +1,39 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.97.0
+ * Released under the MIT license.
+ */
+
+import { Layout as LayoutBase } from './Layout';
+import { LayoutBlock } from './LayoutBlock';
+import { LayoutCenter } from './LayoutCenter';
+import { LayoutContainer } from './LayoutContainer';
+import { LayoutContent } from './LayoutContent';
+import { LayoutFlex } from './LayoutFlex';
+import { LayoutFooter } from './LayoutFooter';
+import { LayoutGrid } from './LayoutGrid';
+import { LayoutHeader } from './LayoutHeader';
+import { LayoutPane } from './LayoutPane';
+import { LayoutPanel } from './LayoutPanel';
+import { LayoutPanelHeader } from './LayoutPanelHeader';
+import { LayoutToolbar } from './LayoutToolbar';
+export { GridLayout } from './GridLayout';
+export { LayoutContext, LayoutPanelContext, useLayoutContext, useLayoutPanelContext, } from './LayoutContext';
+const Layout = Object.assign(LayoutBase, {
+    Toolbar: LayoutToolbar,
+    Header: LayoutHeader,
+    Footer: LayoutFooter,
+    Content: LayoutContent,
+    Container: LayoutContainer,
+    Center: LayoutCenter,
+    Block: LayoutBlock,
+    Flex: LayoutFlex,
+    Grid: LayoutGrid,
+    Pane: LayoutPane,
+    Panel: LayoutPanel,
+    PanelHeader: LayoutPanelHeader,
+});
+export { Layout };
+
+        

package/es/components/content/Layout/utils.js

@@ -0,0 +1,23 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.97.0
+ * Released under the MIT license.
+ */
+
+/**
+ * Clamps a size value within min/max constraints.
+ * Handles both number and string constraint values (only numbers are applied).
+ */
+export function clampSize(value, minSize, maxSize) {
+    let result = value;
+    if (typeof maxSize === 'number') {
+        result = Math.min(maxSize, result);
+    }
+    if (typeof minSize === 'number') {
+        result = Math.max(minSize, result);
+    }
+    return Math.max(result, 0);
+}
+
+        

package/es/components/content/List/SectionHeading.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/List/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Paragraph.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/PrismCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/prismSetup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/TextItem/TextItem.js

@@ -1,13 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, } from 'react';
+import { forwardRef, useMemo } from 'react';
 import { BASE_STYLES, COLOR_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../../tasty';
+import { highlightText } from '../highlightText';
 import { Text, TEXT_PROP_MAP } from '../Text';
 import { useAutoTooltip } from '../use-auto-tooltip';
 const STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES];
@@ -22,28 +23,6 @@ const TextItemElement = tasty(Text, {
         textOverflow: 'ellipsis',
     },
 });
-/**
- * Highlights occurrences of a search string within text.
- * Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.
- */
-function highlightText(text, highlight, caseSensitive, highlightStyles) {
-    if (!highlight) {
-        return [text];
-    }
-    const flags = caseSensitive ? 'g' : 'gi';
-    const escapedHighlight = highlight.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    const regex = new RegExp(`(${escapedHighlight})`, flags);
-    const parts = text.split(regex);
-    return parts.map((part, index) => {
-        const isMatch = caseSensitive
-            ? part === highlight
-            : part.toLowerCase() === highlight.toLowerCase();
-        if (isMatch) {
-            return (_jsx(Text.Highlight, { styles: highlightStyles, children: part }, index));
-        }
-        return part;
-    });
-}
 export const TextItem = forwardRef(function TextItem(props, ref) {
     const { children, highlight, highlightCaseSensitive = false, highlightStyles, tooltip = true, tooltipPlacement = 'top', ...restProps } = props;
     // Extract style props (preset, color, etc.) to pass via styles prop

package/es/components/content/TextItem/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/content/highlightText.js

@@ -0,0 +1,33 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.97.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from './Text';
+/**
+ * Highlights occurrences of a search string within text.
+ * Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.
+ */
+export function highlightText(text, highlight, caseSensitive, highlightStyles) {
+    if (!highlight) {
+        return [text];
+    }
+    const flags = caseSensitive ? 'g' : 'gi';
+    const escapedHighlight = highlight.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const regex = new RegExp(`(${escapedHighlight})`, flags);
+    const parts = text.split(regex);
+    return parts.map((part, index) => {
+        const isMatch = caseSensitive
+            ? part === highlight
+            : part.toLowerCase() === highlight.toLowerCase();
+        if (isMatch) {
+            return (_jsx(Text.Highlight, { styles: highlightStyles, children: part }, index));
+        }
+        return part;
+    });
+}
+
+        

package/es/components/content/use-auto-tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/ComboBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerElement.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerSegment.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateRangePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/TimeInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/intl.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/parseDate.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/utils.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/FilterListBox/FilterListBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */
 

package/es/components/fields/FilterListBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.95.0
+ * @cube-dev/ui-kit v0.97.0
  * Released under the MIT license.
  */