@cube-dev/ui-kit 0.0.0-canary-8f814ae → 0.0.0-canary-46fa43d

package/cjs/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-chained-callback.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-deprecation-warning.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-event.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-sync-ref.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-timer/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/_internal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/OpenTrasition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 

package/cjs/components/actions/Action.js

@@ -1,18 +1,87 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8f814ae
+ * @cube-dev/ui-kit v0.0.0-canary-46fa43d
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Action = void 0;
+exports.Action = exports.performClickHandler = exports.parseTo = exports.openLink = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const interactions_1 = require("@react-aria/interactions");
+const button_1 = require("@react-aria/button");
+const utils_1 = require("@react-spectrum/utils");
+const provider_1 = require("../../provider");
+const react_2 = require("../../utils/react");
+const interactions_2 = require("../../utils/react/interactions");
 const tasty_1 = require("../../tasty");
-const use_action_1 = require("./use-action");
-const DEFAULT_ACTION_STYLES = {
+const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
+/**
+ * Helper to open link.
+ * @param {String} href
+ * @param {String|Boolean} [target]
+ */
+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);
+}
+exports.openLink = openLink;
+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,
+    };
+}
+exports.parseTo = parseTo;
+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;
+    }
+}
+exports.performClickHandler = performClickHandler;
+const DEFAULT_STYLES = {
     reset: 'button',
     position: 'relative',
     margin: 0,
@@ -25,16 +94,39 @@ const DEFAULT_ACTION_STYLES = {
     },
     transition: 'theme',
     cursor: 'pointer',
-    textDecoration: 'none',
 };
-const ActionElement = (0, tasty_1.tasty)({
-    styles: DEFAULT_ACTION_STYLES,
-});
 const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 exports.Action = (0, react_1.forwardRef)(function Action({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) {
-    const { actionProps } = (0, use_action_1.useAction)({ to, as, htmlType, label, onPress, mods, ...props }, ref);
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
-    return (0, jsx_runtime_1.jsx)(ActionElement, { "data-theme": theme, ...actionProps, styles: styles }, void 0);
+    as = to ? 'a' : as || 'button';
+    const router = (0, react_1.useContext)(provider_1.UIKitContext).router;
+    const isDisabled = props.isDisabled;
+    const { newTab, href } = parseTo(to);
+    const target = newTab ? '_blank' : undefined;
+    const domRef = (0, utils_1.useFocusableRef)(ref);
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
+    const customOnPress = (0, react_1.useCallback)((evt) => {
+        performClickHandler(evt, router, to, onPress);
+    }, [router, to, onPress]);
+    let { buttonProps, isPressed } = (0, button_1.useButton)({
+        ...props,
+        onPress: customOnPress,
+    }, domRef);
+    let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    let { focusProps, isFocused } = (0, interactions_2.useFocus)({ isDisabled }, true);
+    const customProps = to
+        ? {
+            onClick(evt) {
+                evt.preventDefault();
+            },
+        }
+        : {};
+    return ((0, jsx_runtime_1.jsx)(tasty_1.Element, { mods: {
+            hovered: isHovered && !isDisabled,
+            pressed: isPressed && !isDisabled,
+            focused: isFocused && !isDisabled,
+            disabled: isDisabled,
+            ...mods,
+        }, "aria-label": label, "data-theme": theme, ...(0, react_2.mergeProps)(buttonProps, hoverProps, focusProps, customProps, (0, tasty_1.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));
 });