@cube-dev/ui-kit 0.94.2 → 0.96.0

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

@@ -0,0 +1,23 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.0
  * Released under the MIT license.
  */
 
@@ -76,15 +76,16 @@ const EmphasisText = tasty(Text, {
     as: 'em',
     preset: 'em',
 });
-const SelectionText = tasty(Text, {
+const PlaceholderText = tasty(Text, {
     styles: {
-        color: '#dark',
-        fill: '#note.30',
+        color: '#current.5',
     },
 });
-const PlaceholderText = tasty(Text, {
+const HighlightText = tasty(Text, {
+    as: 'mark',
     styles: {
-        color: '#current.5',
+        fill: '#dark.15',
+        color: '#dark',
     },
 });
 const _Text = Object.assign(Text, {
@@ -93,8 +94,8 @@ const _Text = Object.assign(Text, {
     Success: SuccessText,
     Strong: StrongText,
     Emphasis: EmphasisText,
-    Selection: SelectionText,
     Placeholder: PlaceholderText,
+    Highlight: HighlightText,
 });
 _Text.displayName = 'Text';
 export { _Text as Text };

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

@@ -0,0 +1,85 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.96.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo, } from 'react';
+import { BASE_STYLES, COLOR_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../../tasty';
+import { Text, TEXT_PROP_MAP } from '../Text';
+import { useAutoTooltip } from '../use-auto-tooltip';
+const STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES];
+const TextItemElement = tasty(Text, {
+    qa: 'TextItem',
+    styles: {
+        display: 'inline-block',
+        verticalAlign: 'bottom',
+        width: 'max 100%',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        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
+    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);
+    const { labelRef, renderWithTooltip } = useAutoTooltip({
+        tooltip,
+        children,
+    });
+    // Process children with highlight if applicable
+    const processedChildren = useMemo(() => {
+        if (typeof children === 'string' && highlight) {
+            return highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
+        }
+        return children;
+    }, [children, highlight, highlightCaseSensitive, highlightStyles]);
+    const renderElement = (tooltipTriggerProps, tooltipRef) => {
+        // Merge refs
+        const handleRef = (element) => {
+            // Set component forwarded ref
+            if (typeof ref === 'function') {
+                ref(element);
+            }
+            else if (ref) {
+                ref.current = element;
+            }
+            // Set tooltip ref
+            if (tooltipRef) {
+                tooltipRef.current = element;
+            }
+            // Set label ref for overflow detection
+            labelRef(element);
+        };
+        return (_jsx(TextItemElement, { ...filterBaseProps(restProps, { eventProps: true }), ...tooltipTriggerProps, ref: handleRef, styles: styles, children: processedChildren }));
+    };
+    return renderWithTooltip(renderElement, tooltipPlacement);
+});
+TextItem.displayName = 'TextItem';
+
+        

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.96.0
+ * Released under the MIT license.
+ */
+
+export { TextItem } from './TextItem';
+
+        

package/es/components/content/Title.js

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

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

@@ -0,0 +1,148 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.96.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { TooltipProvider, } from '../overlays/Tooltip/TooltipProvider';
+export function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel = false, }) {
+    // Determine if auto tooltip is enabled
+    // Auto tooltip only works when children is a string (overflow detection needs text)
+    const isAutoTooltipEnabled = useMemo(() => {
+        if (typeof children !== 'string')
+            return false;
+        // Boolean true enables auto overflow detection
+        if (tooltip === true)
+            return true;
+        if (typeof tooltip === 'object') {
+            // If title is provided and auto is explicitly true, enable auto overflow detection
+            if (tooltip.title) {
+                return tooltip.auto === true;
+            }
+            // If no title is provided, default to auto=true unless explicitly disabled
+            const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;
+            return !!autoValue;
+        }
+        return false;
+    }, [tooltip, children]);
+    // Track label overflow for auto tooltip (only when enabled)
+    const externalLabelRef = labelProps?.ref;
+    const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
+    const elementRef = useRef(null);
+    const resizeObserverRef = useRef(null);
+    const checkLabelOverflow = useCallback(() => {
+        const label = elementRef.current;
+        if (!label) {
+            setIsLabelOverflowed(false);
+            return;
+        }
+        const hasOverflow = label.scrollWidth > label.clientWidth;
+        setIsLabelOverflowed(hasOverflow);
+    }, []);
+    useEffect(() => {
+        if (isAutoTooltipEnabled) {
+            checkLabelOverflow();
+        }
+    }, [isAutoTooltipEnabled, checkLabelOverflow]);
+    // Attach ResizeObserver via callback ref to handle DOM node changes
+    const handleLabelElementRef = useCallback((element) => {
+        // Call external callback ref to notify external refs
+        if (externalLabelRef) {
+            if (typeof externalLabelRef === 'function') {
+                externalLabelRef(element);
+            }
+            else {
+                externalLabelRef.current = element;
+            }
+        }
+        // Disconnect previous observer
+        if (resizeObserverRef.current) {
+            try {
+                resizeObserverRef.current.disconnect();
+            }
+            catch {
+                // do nothing
+            }
+            resizeObserverRef.current = null;
+        }
+        elementRef.current = element;
+        if (element && isAutoTooltipEnabled) {
+            // Create a fresh observer to capture the latest callback
+            const obs = new ResizeObserver(() => {
+                checkLabelOverflow();
+            });
+            resizeObserverRef.current = obs;
+            obs.observe(element);
+            // Initial check
+            checkLabelOverflow();
+        }
+        else {
+            setIsLabelOverflowed(false);
+        }
+    }, [externalLabelRef, isAutoTooltipEnabled, checkLabelOverflow]);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            if (resizeObserverRef.current) {
+                try {
+                    resizeObserverRef.current.disconnect();
+                }
+                catch {
+                    // do nothing
+                }
+                resizeObserverRef.current = null;
+            }
+            elementRef.current = null;
+        };
+    }, []);
+    const finalLabelProps = useMemo(() => {
+        const props = {
+            ...(labelProps || {}),
+        };
+        delete props.ref;
+        return props;
+    }, [labelProps]);
+    const renderWithTooltip = (renderElement, defaultTooltipPlacement) => {
+        // Handle tooltip rendering based on tooltip prop type
+        if (tooltip) {
+            // String tooltip - simple case
+            if (typeof tooltip === 'string') {
+                return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, title: tooltip, children: (triggerProps, ref) => renderElement(triggerProps, ref) }));
+            }
+            // Boolean tooltip - auto tooltip on overflow
+            if (tooltip === true) {
+                if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) {
+                    return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, title: children, isDisabled: !isLabelOverflowed && isDynamicLabel, children: (triggerProps, ref) => renderElement(triggerProps, ref) }));
+                }
+            }
+            // Object tooltip - advanced configuration
+            if (typeof tooltip === 'object') {
+                const { auto, ...tooltipProps } = tooltip;
+                // If title is provided and auto is not explicitly true, always show the tooltip
+                if (tooltipProps.title && auto !== true) {
+                    return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, ...tooltipProps, children: (triggerProps, ref) => renderElement(triggerProps, ref) }));
+                }
+                // If title is provided with auto=true, OR no title but auto behavior enabled
+                if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) {
+                    return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, title: tooltipProps.title ?? children, isDisabled: !isLabelOverflowed &&
+                            isDynamicLabel &&
+                            tooltipProps.isDisabled !== true, ...tooltipProps, children: (triggerProps, ref) => renderElement(triggerProps, ref) }));
+                }
+            }
+        }
+        return renderElement();
+    };
+    return {
+        labelRef: handleLabelElementRef,
+        labelProps: finalLabelProps,
+        isLabelOverflowed,
+        isAutoTooltipEnabled,
+        hasTooltip: !!tooltip,
+        renderWithTooltip,
+    };
+}
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.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.94.2
+ * @cube-dev/ui-kit v0.96.0
  * Released under the MIT license.
  */