@cube-dev/ui-kit 0.14.9 → 0.14.12

package/es/_internal/hooks/use-timer/timer.js

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

package/es/_internal/hooks/use-timer/use-timer.js

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

package/es/_internal/index.js

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

package/es/components/Base.js

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

package/es/components/Block.js

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

package/es/components/GlobalStyles.js

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

package/es/components/GridProvider.js

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

package/es/components/HiddenInput.js

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

package/es/components/OpenTrasition.js

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

package/es/components/Root.js

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

package/es/components/actions/Action.js

@@ -1,85 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.9
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useContext } from 'react';
-import { useHover } from '@react-aria/interactions';
-import { useButton } from '@react-aria/button';
-import { useFocusableRef } from '@react-spectrum/utils';
-import { UIKitContext } from '../../provider';
-import { mergeProps } from '../../utils/react';
-import { useFocus } from '../../utils/react/interactions';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, Element, } from '../../tasty';
-const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
-/**
- * Helper to open link.
- * @param {String} href
- * @param {String|Boolean} [target]
- */
-export function openLink(href, target) {
-    const link = document.createElement('a');
-    link.href = href;
-    if (target) {
-        link.target = target === true ? '_blank' : target;
-    }
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-}
-export function parseTo(to) {
-    const newTab = to && typeof to === 'string' && to.startsWith('!');
-    const nativeRoute = to && typeof to === 'string' && to.startsWith('@');
-    const href = to && typeof to === 'string'
-        ? newTab || nativeRoute
-            ? to.slice(1)
-            : to
-        : undefined;
-    return {
-        newTab,
-        nativeRoute,
-        href,
-    };
-}
-export function performClickHandler(evt, router, to, onPress) {
-    const { newTab, nativeRoute, href } = parseTo(to);
-    onPress?.(evt);
-    if (!to)
-        return;
-    if (evt.shiftKey || evt.metaKey || newTab) {
-        openLink(href, true);
-        return;
-    }
-    if (nativeRoute) {
-        openLink(href || window.location.href);
-    }
-    else if (href && href.startsWith('#')) {
-        const id = href.slice(1);
-        const element = document.getElementById(id);
-        if (element) {
-            element.scrollIntoView({
-                behavior: 'smooth',
-                block: 'start',
-                inline: 'nearest',
-            });
-            return;
-        }
-    }
-    if (router) {
-        router.push(href);
-    }
-    else if (href) {
-        window.location.href = href;
-    }
-}
-const DEFAULT_STYLES = {
+import { forwardRef } from 'react';
+import { CONTAINER_STYLES, extractStyles, TEXT_STYLES, tasty, } from '../../tasty';
+import { useAction } from './use-action';
+const DEFAULT_ACTION_STYLES = {
     reset: 'button',
     position: 'relative',
     margin: 0,
-    fontFamily: 'var(--font)',
+    preset: 'inherit',
     border: 0,
     padding: 0,
     outline: {
@@ -88,39 +22,18 @@ const DEFAULT_STYLES = {
     },
     transition: 'theme',
     cursor: 'pointer',
+    textDecoration: 'none',
+    fill: '#clear',
 };
+const ActionElement = tasty({
+    as: 'button',
+    styles: DEFAULT_ACTION_STYLES,
+});
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
 export const Action = forwardRef(function Action({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) {
-    as = to ? 'a' : as || 'button';
-    const router = useContext(UIKitContext).router;
-    const isDisabled = props.isDisabled;
-    const { newTab, href } = parseTo(to);
-    const target = newTab ? '_blank' : undefined;
-    const domRef = useFocusableRef(ref);
-    const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
-    const customOnPress = useCallback((evt) => {
-        performClickHandler(evt, router, to, onPress);
-    }, [router, to, onPress]);
-    let { buttonProps, isPressed } = useButton({
-        ...props,
-        onPress: customOnPress,
-    }, domRef);
-    let { hoverProps, isHovered } = useHover({ isDisabled });
-    let { focusProps, isFocused } = useFocus({ isDisabled }, true);
-    const customProps = to
-        ? {
-            onClick(evt) {
-                evt.preventDefault();
-            },
-        }
-        : {};
-    return (_jsx(Element, { mods: {
-            hovered: isHovered && !isDisabled,
-            pressed: isPressed && !isDisabled,
-            focused: isFocused && !isDisabled,
-            disabled: isDisabled,
-            ...mods,
-        }, "aria-label": label, "data-theme": theme, ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)), ref: domRef, type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href }, void 0));
+    const { actionProps } = useAction({ to, as, htmlType, label, onPress, mods, ...props }, ref);
+    const styles = extractStyles(props, STYLE_PROPS);
+    return _jsx(ActionElement, { "data-theme": theme, ...actionProps, styles: styles }, void 0);
 });