@xylabs/react-button 7.0.0 → 7.0.2

package/dist/browser/components/ButtonEx.stories.d.ts

@@ -1,14 +1,14 @@
 import type { Meta } from '@storybook/react-vite';
 import { ButtonEx } from './ButtonEx.tsx';
 declare const StorybookEntry: Meta<typeof ButtonEx>;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const BusyCircular: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const BusyLinear: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const Href: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const HrefTarget: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const HrefTargetOnClick: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const HrefTargetWithEvents: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
-declare const HrefTargetOnClickWithEvents: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const Default: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const BusyCircular: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const BusyLinear: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const Href: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const HrefTarget: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const HrefTargetOnClick: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const HrefTargetWithEvents: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
+declare const HrefTargetOnClickWithEvents: import(".store/storybook-virtual-ae2e92fa55/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ButtonExProps.tsx").ButtonExProps>;
 export { BusyCircular, BusyLinear, Default, Href, HrefTarget, HrefTargetOnClick, HrefTargetOnClickWithEvents, HrefTargetWithEvents, };
 export default StorybookEntry;
 //# sourceMappingURL=ButtonEx.stories.d.ts.map

package/dist/browser/components/ButtonEx.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonEx.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonEx.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAA;AAwC1B,QAAA,MAAM,OAAO,+IAA2B,CAAA;AAGxC,QAAA,MAAM,YAAY,+IAA2B,CAAA;AAG7C,QAAA,MAAM,UAAU,+IAA2B,CAAA;AAG3C,QAAA,MAAM,IAAI,+IAA2B,CAAA;AAGrC,QAAA,MAAM,UAAU,+IAA2B,CAAA;AAG3C,QAAA,MAAM,iBAAiB,+IAA2B,CAAA;AAKlD,QAAA,MAAM,oBAAoB,+IAA6B,CAAA;AAGvD,QAAA,MAAM,2BAA2B,+IAA6B,CAAA;AAK9D,OAAO,EACL,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,2BAA2B,EACnG,oBAAoB,GACrB,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"ButtonEx.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonEx.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAA;AAwC1B,QAAA,MAAM,OAAO,iLAA2B,CAAA;AAGxC,QAAA,MAAM,YAAY,iLAA2B,CAAA;AAG7C,QAAA,MAAM,UAAU,iLAA2B,CAAA;AAG3C,QAAA,MAAM,IAAI,iLAA2B,CAAA;AAGrC,QAAA,MAAM,UAAU,iLAA2B,CAAA;AAG3C,QAAA,MAAM,iBAAiB,iLAA2B,CAAA;AAKlD,QAAA,MAAM,oBAAoB,iLAA6B,CAAA;AAGvD,QAAA,MAAM,2BAA2B,iLAA6B,CAAA;AAK9D,OAAO,EACL,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,2BAA2B,EACnG,oBAAoB,GACrB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/browser/components/ButtonExBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonExBase.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonExBase.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,QAAA,MAAM,YAAY;oFAEf,aAAa;;CAoDf,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"ButtonExBase.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonExBase.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,QAAA,MAAM,YAAY;oFAEf,aAAa;;CAoDf,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/browser/components/ButtonExProps.d.ts

@@ -22,7 +22,7 @@ export interface ButtonHrefAndToProps {
     to?: To;
     toOptions?: NavigateOptions;
 }
-export declare const asButtonHrefOrToProps: (props: ButtonHrefAndToProps) => ButtonHrefOrToOrNoProps;
+export declare const asButtonHrefOrToProps: ({ href, to, toOptions, }: ButtonHrefAndToProps) => ButtonHrefOrToOrNoProps;
 export interface ButtonBaseExProps extends Omit<ButtonProps, 'href'>, BoxlikeComponentProps, BusyProps {
     disableUserEvents?: boolean;
     funnel?: string;

package/dist/browser/components/ButtonExProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonExProps.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonExProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAE3D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,qBAAqB,CAAA;AAErG,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,oBAAoB,KAAG,uBAKnE,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,qBAAqB,EAAE,SAAS;IACpG,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,uBAAuB,CAAA"}
+{"version":3,"file":"ButtonExProps.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonExProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAE5E,OAAO,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAE3D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,qBAAqB,CAAA;AAErG,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,eAAO,MAAM,qBAAqB,GAAI,0BAEnC,oBAAoB,KAAG,uBAKzB,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,qBAAqB,EAAE,SAAS;IACpG,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,uBAAuB,CAAA"}

package/dist/browser/components/ButtonExTo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonExTo.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonExTo.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,QAAA,MAAM,UAAU;gDAEb,aAAa;;CAUf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"ButtonExTo.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonExTo.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,QAAA,MAAM,UAAU;gDAEb,aAAa;;CAUf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/browser/index.mjs

@@ -1,35 +1,50 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/ButtonEx.tsx
-import React3 from "react";
-
 // src/components/ButtonExBase.tsx
 import { Button, useTheme } from "@mui/material";
 import { toPromise } from "@xylabs/promise";
 import { useUserEvents } from "@xylabs/react-pixel";
-import { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from "@xylabs/react-shared";
-import React from "react";
-var ButtonExBase = /* @__PURE__ */ __name(({ ref, funnel, intent, target, placement, disableUserEvents, href, ...props }) => {
+import {
+  BusyCircularProgress,
+  BusyLinearProgress,
+  mergeBoxlikeStyles
+} from "@xylabs/react-shared";
+import { isString } from "@xylabs/typeof";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ButtonExBase = ({
+  ref,
+  funnel,
+  intent,
+  target,
+  placement,
+  disableUserEvents,
+  href,
+  ...props
+}) => {
   const theme = useTheme();
   const userEvents = useUserEvents();
-  const { busy, busyVariant = "linear", busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles(theme, props);
-  const localOnClick = /* @__PURE__ */ __name((event) => {
+  const {
+    busy,
+    busyVariant = "linear",
+    busyOpacity,
+    onClick,
+    children,
+    ...rootProps
+  } = mergeBoxlikeStyles(theme, props);
+  const localOnClick = (event) => {
     if (busy) {
       event.preventDefault();
     } else {
       const elementName = props["aria-label"] ?? event.currentTarget.textContent;
-      const windowToNavigate = /* @__PURE__ */ __name(() => target && href ? window.open("", target) ?? globalThis : globalThis, "windowToNavigate");
-      const callOnClickAndFollowHref = /* @__PURE__ */ __name((windowToNav = windowToNavigate()) => {
+      const windowToNavigate = () => isString(target) && isString(href) ? window.open("", target) ?? globalThis : globalThis;
+      const callOnClickAndFollowHref = (windowToNav = windowToNavigate()) => {
         onClick?.(event);
-        if (href) {
+        if (isString(href)) {
           windowToNav.location.href = href;
         }
-      }, "callOnClickAndFollowHref");
+      };
       if (!disableUserEvents && userEvents) {
         event.preventDefault();
         const windowToNav = windowToNavigate();
-        if (href) {
+        if (isString(href)) {
           toPromise(userEvents.userClick({
             elementName,
             intent,
@@ -47,70 +62,61 @@ var ButtonExBase = /* @__PURE__ */ __name(({ ref, funnel, intent, target, placem
         callOnClickAndFollowHref();
       }
     }
-  }, "localOnClick");
-  return /* @__PURE__ */ React.createElement(Button, {
-    ref,
-    href,
-    onClick: localOnClick,
-    target,
-    ...rootProps
-  }, busy && busyVariant === "linear" ? /* @__PURE__ */ React.createElement(BusyLinearProgress, {
-    rounded: true,
-    opacity: busyOpacity ?? 0
-  }) : null, busy && busyVariant === "circular" ? /* @__PURE__ */ React.createElement(BusyCircularProgress, {
-    rounded: true,
-    size: 24,
-    opacity: busyOpacity ?? 0.5
-  }) : null, children);
-}, "ButtonExBase");
+  };
+  return /* @__PURE__ */ jsxs(Button, { ref, href, onClick: localOnClick, target, ...rootProps, children: [
+    busy && busyVariant === "linear" ? /* @__PURE__ */ jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity ?? 0 }) : null,
+    busy && busyVariant === "circular" ? /* @__PURE__ */ jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity ?? 0.5 }) : null,
+    children
+  ] });
+};
 ButtonExBase.displayName = "ButtonExBaseXYLabs";
 
 // src/components/ButtonExTo.tsx
-import React2 from "react";
+import { isDefined } from "@xylabs/typeof";
 import { useNavigate } from "react-router-dom";
-var ButtonToEx = /* @__PURE__ */ __name(({ ref, to, toOptions, onClick, ...props }) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ButtonToEx = ({
+  ref,
+  to,
+  toOptions,
+  onClick,
+  ...props
+}) => {
   const navigate = useNavigate();
-  const localOnClick = /* @__PURE__ */ __name((event) => {
+  const localOnClick = (event) => {
     onClick?.(event);
-    if (to) {
+    if (isDefined(to)) {
       void navigate(to, toOptions);
     }
-  }, "localOnClick");
-  return /* @__PURE__ */ React2.createElement(ButtonExBase, {
-    ref,
-    onClick: localOnClick,
-    ...props
-  });
-}, "ButtonToEx");
+  };
+  return /* @__PURE__ */ jsx2(ButtonExBase, { ref, onClick: localOnClick, ...props });
+};
 ButtonToEx.displayName = "ButtonToExXYLabs";
 
 // src/components/ButtonEx.tsx
-var ButtonEx = /* @__PURE__ */ __name(({ ref, ...props }) => {
-  if (props.to) {
-    const { to, ...additionalProps } = props;
-    return /* @__PURE__ */ React3.createElement(ButtonToEx, {
-      to,
-      ref,
-      ...additionalProps
-    });
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ButtonEx = ({ ref, ...props }) => {
+  if (props.to === void 0) {
+    return /* @__PURE__ */ jsx3(ButtonExBase, { ...props });
   } else {
-    return /* @__PURE__ */ React3.createElement(ButtonExBase, props);
+    const { to, ...additionalProps } = props;
+    return /* @__PURE__ */ jsx3(ButtonToEx, { to, ref, ...additionalProps });
   }
-}, "ButtonEx");
+};
 ButtonEx.displayName = "ButtonExXYLabs";
 
 // src/components/ButtonExProps.tsx
-var asButtonHrefOrToProps = /* @__PURE__ */ __name((props) => {
-  if (props.href && (props.to || props.toOptions)) {
+import { isDefined as isDefined2, isString as isString2 } from "@xylabs/typeof";
+var asButtonHrefOrToProps = ({
+  href,
+  to,
+  toOptions
+}) => {
+  if (isString2(href) && (isDefined2(to) || isDefined2(toOptions))) {
     throw new Error("ButtonExProps: cannot have both href and to");
   }
-  return props.href ? {
-    href: props.href
-  } : props.to ? {
-    to: props.to,
-    toOptions: props.toOptions
-  } : {};
-}, "asButtonHrefOrToProps");
+  return isString2(href) ? { href } : isDefined2(to) ? { to, toOptions } : {};
+};
 export {
   ButtonEx,
   asButtonHrefOrToProps

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ButtonEx.tsx","../../src/components/ButtonExBase.tsx","../../src/components/ButtonExTo.tsx","../../src/components/ButtonExProps.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ButtonExBase } from './ButtonExBase.tsx'\nimport type { ButtonExProps } from './ButtonExProps.tsx'\nimport { ButtonToEx } from './ButtonExTo.tsx'\n\nconst ButtonEx = ({ ref, ...props }: ButtonExProps) => {\n  if (props.to) {\n    const { to, ...additionalProps } = props\n    return <ButtonToEx to={to} ref={ref} {...additionalProps} />\n  } else {\n    return <ButtonExBase {...props} />\n  }\n}\n\nButtonEx.displayName = 'ButtonExXYLabs'\n\nexport { ButtonEx }\n","import { Button, useTheme } from '@mui/material'\nimport { toPromise } from '@xylabs/promise'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport {\n  BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles,\n} from '@xylabs/react-shared'\nimport type { MouseEvent } from 'react'\nimport React from 'react'\n\nimport type { ButtonExProps } from './ButtonExProps.tsx'\n\nconst ButtonExBase = ({\n  ref, funnel, intent, target, placement, disableUserEvents, href, ...props\n}: ButtonExProps) => {\n  const theme = useTheme()\n  const userEvents = useUserEvents()\n  const {\n    busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps\n  } = mergeBoxlikeStyles<ButtonExProps>(theme, props)\n\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (busy) {\n      // If it is busy, do not allow href clicks\n      event.preventDefault()\n    } else {\n      const elementName = props['aria-label'] ?? event.currentTarget.textContent\n      // we do this crazy navigate thing so that we can set it up outside the promise so that safari does not block it\n      const windowToNavigate = () => (target && href) ? window.open('', target) ?? globalThis : globalThis\n      const callOnClickAndFollowHref = (windowToNav = windowToNavigate()) => {\n        onClick?.(event)\n        if (href) {\n          windowToNav.location.href = href\n        }\n      }\n      if (!disableUserEvents && userEvents) {\n        event.preventDefault()\n        const windowToNav = windowToNavigate()\n        if (href) {\n          toPromise(userEvents.userClick({\n            elementName, intent, funnel, placement,\n          })).then(() => {\n            callOnClickAndFollowHref(windowToNav)\n          }).catch((ex) => {\n            console.error('User event failed', elementName, funnel, placement, ex)\n            callOnClickAndFollowHref(windowToNav)\n          })\n        }\n        onClick?.(event)\n      } else {\n        callOnClickAndFollowHref()\n      }\n    }\n  }\n\n  return (\n    <Button ref={ref} href={href} onClick={localOnClick} target={target} {...rootProps}>\n      {busy && busyVariant === 'linear'\n        ? <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />\n        : null}\n      {busy && busyVariant === 'circular'\n        ? <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />\n        : null}\n      {children}\n    </Button>\n  )\n}\n\nButtonExBase.displayName = 'ButtonExBaseXYLabs'\n\nexport { ButtonExBase }\n","import type { MouseEvent } from 'react'\nimport React from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport { ButtonExBase } from './ButtonExBase.tsx'\nimport type { ButtonExProps } from './ButtonExProps.tsx'\n\nconst ButtonToEx = ({\n  ref, to, toOptions, onClick, ...props\n}: ButtonExProps) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (to) {\n      void navigate(to, toOptions)\n    }\n  }\n\n  return <ButtonExBase ref={ref} onClick={localOnClick} {...props} />\n}\n\nButtonToEx.displayName = 'ButtonToExXYLabs'\n\nexport { ButtonToEx }\n","import type { ButtonProps } from '@mui/material'\nimport type { BoxlikeComponentProps, BusyProps } from '@xylabs/react-shared'\nimport type { NavigateOptions, To } from 'react-router-dom'\n\nexport interface ButtonOnlyHrefProps {\n  href?: string\n  to?: never\n  toOptions?: never\n}\n\nexport interface ButtonOnlyToProps {\n  href?: never\n  to?: To\n  toOptions?: NavigateOptions\n}\n\nexport interface ButtonNoToOrHrefProps {\n  href?: never\n  to?: never\n  toOptions?: never\n}\n\nexport type ButtonHrefOrToOrNoProps = ButtonOnlyHrefProps | ButtonOnlyToProps | ButtonNoToOrHrefProps\n\nexport interface ButtonHrefAndToProps {\n  href?: string\n  to?: To\n  toOptions?: NavigateOptions\n}\n\nexport const asButtonHrefOrToProps = (props: ButtonHrefAndToProps): ButtonHrefOrToOrNoProps => {\n  if (props.href && (props.to || props.toOptions)) {\n    throw new Error('ButtonExProps: cannot have both href and to')\n  }\n  return props.href ? { href: props.href } : props.to ? { to: props.to, toOptions: props.toOptions } : {}\n}\n\nexport interface ButtonBaseExProps extends Omit<ButtonProps, 'href'>, BoxlikeComponentProps, BusyProps {\n  disableUserEvents?: boolean\n  funnel?: string\n  intent?: string\n  placement?: string\n  target?: string\n}\n\nexport type ButtonExProps = ButtonBaseExProps & ButtonHrefOrToOrNoProps\n"],"mappings":"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","names":["React","Button","useTheme","toPromise","useUserEvents","BusyCircularProgress","BusyLinearProgress","mergeBoxlikeStyles","React","ButtonExBase","ref","funnel","intent","target","placement","disableUserEvents","href","props","theme","useTheme","userEvents","useUserEvents","busy","busyVariant","busyOpacity","onClick","children","rootProps","mergeBoxlikeStyles","localOnClick","event","preventDefault","elementName","currentTarget","textContent","windowToNavigate","window","open","globalThis","callOnClickAndFollowHref","windowToNav","location","toPromise","userClick","then","catch","ex","console","error","Button","BusyLinearProgress","rounded","opacity","BusyCircularProgress","size","displayName","React","useNavigate","ButtonToEx","ref","to","toOptions","onClick","props","navigate","useNavigate","localOnClick","event","React","ButtonExBase","displayName","ButtonEx","ref","props","to","additionalProps","React","ButtonToEx","ButtonExBase","displayName","asButtonHrefOrToProps","props","href","to","toOptions","Error"]}
+{"version":3,"sources":["../../src/components/ButtonExBase.tsx","../../src/components/ButtonExTo.tsx","../../src/components/ButtonEx.tsx","../../src/components/ButtonExProps.tsx"],"sourcesContent":["import { Button, useTheme } from '@mui/material'\nimport { toPromise } from '@xylabs/promise'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport {\n  BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles,\n} from '@xylabs/react-shared'\nimport { isString } from '@xylabs/typeof'\nimport type { MouseEvent } from 'react'\nimport React from 'react'\n\nimport type { ButtonExProps } from './ButtonExProps.tsx'\n\nconst ButtonExBase = ({\n  ref, funnel, intent, target, placement, disableUserEvents, href, ...props\n}: ButtonExProps) => {\n  const theme = useTheme()\n  const userEvents = useUserEvents()\n  const {\n    busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps\n  } = mergeBoxlikeStyles<ButtonExProps>(theme, props)\n\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (busy) {\n      // If it is busy, do not allow href clicks\n      event.preventDefault()\n    } else {\n      const elementName = props['aria-label'] ?? event.currentTarget.textContent\n      // we do this crazy navigate thing so that we can set it up outside the promise so that safari does not block it\n      const windowToNavigate = () => (isString(target) && isString(href)) ? window.open('', target) ?? globalThis : globalThis\n      const callOnClickAndFollowHref = (windowToNav = windowToNavigate()) => {\n        onClick?.(event)\n        if (isString(href)) {\n          windowToNav.location.href = href\n        }\n      }\n      if (!disableUserEvents && userEvents) {\n        event.preventDefault()\n        const windowToNav = windowToNavigate()\n        if (isString(href)) {\n          toPromise(userEvents.userClick({\n            elementName, intent, funnel, placement,\n          })).then(() => {\n            callOnClickAndFollowHref(windowToNav)\n          }).catch((ex) => {\n            console.error('User event failed', elementName, funnel, placement, ex)\n            callOnClickAndFollowHref(windowToNav)\n          })\n        }\n        onClick?.(event)\n      } else {\n        callOnClickAndFollowHref()\n      }\n    }\n  }\n\n  return (\n    <Button ref={ref} href={href} onClick={localOnClick} target={target} {...rootProps}>\n      {busy && busyVariant === 'linear'\n        ? <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />\n        : null}\n      {busy && busyVariant === 'circular'\n        ? <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />\n        : null}\n      {children}\n    </Button>\n  )\n}\n\nButtonExBase.displayName = 'ButtonExBaseXYLabs'\n\nexport { ButtonExBase }\n","import { isDefined } from '@xylabs/typeof'\nimport type { MouseEvent } from 'react'\nimport React from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport { ButtonExBase } from './ButtonExBase.tsx'\nimport type { ButtonExProps } from './ButtonExProps.tsx'\n\nconst ButtonToEx = ({\n  ref, to, toOptions, onClick, ...props\n}: ButtonExProps) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (isDefined(to)) {\n      void navigate(to, toOptions)\n    }\n  }\n\n  return <ButtonExBase ref={ref} onClick={localOnClick} {...props} />\n}\n\nButtonToEx.displayName = 'ButtonToExXYLabs'\n\nexport { ButtonToEx }\n","import React from 'react'\n\nimport { ButtonExBase } from './ButtonExBase.tsx'\nimport type { ButtonExProps } from './ButtonExProps.tsx'\nimport { ButtonToEx } from './ButtonExTo.tsx'\n\nconst ButtonEx = ({ ref, ...props }: ButtonExProps) => {\n  if (props.to === undefined) {\n    return <ButtonExBase {...props} />\n  } else {\n    const { to, ...additionalProps } = props\n    return <ButtonToEx to={to} ref={ref} {...additionalProps} />\n  }\n}\n\nButtonEx.displayName = 'ButtonExXYLabs'\n\nexport { ButtonEx }\n","import type { ButtonProps } from '@mui/material'\nimport type { BoxlikeComponentProps, BusyProps } from '@xylabs/react-shared'\nimport { isDefined, isString } from '@xylabs/typeof'\nimport type { NavigateOptions, To } from 'react-router-dom'\n\nexport interface ButtonOnlyHrefProps {\n  href?: string\n  to?: never\n  toOptions?: never\n}\n\nexport interface ButtonOnlyToProps {\n  href?: never\n  to?: To\n  toOptions?: NavigateOptions\n}\n\nexport interface ButtonNoToOrHrefProps {\n  href?: never\n  to?: never\n  toOptions?: never\n}\n\nexport type ButtonHrefOrToOrNoProps = ButtonOnlyHrefProps | ButtonOnlyToProps | ButtonNoToOrHrefProps\n\nexport interface ButtonHrefAndToProps {\n  href?: string\n  to?: To\n  toOptions?: NavigateOptions\n}\n\nexport const asButtonHrefOrToProps = ({\n  href, to, toOptions,\n}: ButtonHrefAndToProps): ButtonHrefOrToOrNoProps => {\n  if (isString(href) && (isDefined(to) || isDefined(toOptions))) {\n    throw new Error('ButtonExProps: cannot have both href and to')\n  }\n  return isString(href) ? { href } : isDefined(to) ? { to, toOptions } : {}\n}\n\nexport interface ButtonBaseExProps extends Omit<ButtonProps, 'href'>, BoxlikeComponentProps, BusyProps {\n  disableUserEvents?: boolean\n  funnel?: string\n  intent?: string\n  placement?: string\n  target?: string\n}\n\nexport type ButtonExProps = ButtonBaseExProps & ButtonHrefOrToOrNoProps\n"],"mappings":";AAAA,SAAS,QAAQ,gBAAgB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EAAsB;AAAA,EAAoB;AAAA,OACrC;AACP,SAAS,gBAAgB;AAkDrB,SAEM,KAFN;AA5CJ,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAmB;AAAA,EAAM,GAAG;AACtE,MAAqB;AACnB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc;AACjC,QAAM;AAAA,IACJ;AAAA,IAAM,cAAc;AAAA,IAAU;AAAA,IAAa;AAAA,IAAS;AAAA,IAAU,GAAG;AAAA,EACnE,IAAI,mBAAkC,OAAO,KAAK;AAElD,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,MAAM;AAER,YAAM,eAAe;AAAA,IACvB,OAAO;AACL,YAAM,cAAc,MAAM,YAAY,KAAK,MAAM,cAAc;AAE/D,YAAM,mBAAmB,MAAO,SAAS,MAAM,KAAK,SAAS,IAAI,IAAK,OAAO,KAAK,IAAI,MAAM,KAAK,aAAa;AAC9G,YAAM,2BAA2B,CAAC,cAAc,iBAAiB,MAAM;AACrE,kBAAU,KAAK;AACf,YAAI,SAAS,IAAI,GAAG;AAClB,sBAAY,SAAS,OAAO;AAAA,QAC9B;AAAA,MACF;AACA,UAAI,CAAC,qBAAqB,YAAY;AACpC,cAAM,eAAe;AACrB,cAAM,cAAc,iBAAiB;AACrC,YAAI,SAAS,IAAI,GAAG;AAClB,oBAAU,WAAW,UAAU;AAAA,YAC7B;AAAA,YAAa;AAAA,YAAQ;AAAA,YAAQ;AAAA,UAC/B,CAAC,CAAC,EAAE,KAAK,MAAM;AACb,qCAAyB,WAAW;AAAA,UACtC,CAAC,EAAE,MAAM,CAAC,OAAO;AACf,oBAAQ,MAAM,qBAAqB,aAAa,QAAQ,WAAW,EAAE;AACrE,qCAAyB,WAAW;AAAA,UACtC,CAAC;AAAA,QACH;AACA,kBAAU,KAAK;AAAA,MACjB,OAAO;AACL,iCAAyB;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,UAAO,KAAU,MAAY,SAAS,cAAc,QAAiB,GAAG,WACtE;AAAA,YAAQ,gBAAgB,WACrB,oBAAC,sBAAmB,SAAO,MAAC,SAAS,eAAe,GAAG,IACvD;AAAA,IACH,QAAQ,gBAAgB,aACrB,oBAAC,wBAAqB,SAAO,MAAC,MAAM,IAAI,SAAS,eAAe,KAAK,IACrE;AAAA,IACH;AAAA,KACH;AAEJ;AAEA,aAAa,cAAc;;;ACpE3B,SAAS,iBAAiB;AAG1B,SAAS,mBAAmB;AAgBnB,gBAAAA,YAAA;AAXT,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EAAK;AAAA,EAAI;AAAA,EAAW;AAAA,EAAS,GAAG;AAClC,MAAqB;AACnB,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,CAAC,UAAyC;AAC7D,cAAU,KAAK;AACf,QAAI,UAAU,EAAE,GAAG;AACjB,WAAK,SAAS,IAAI,SAAS;AAAA,IAC7B;AAAA,EACF;AAEA,SAAO,gBAAAA,KAAC,gBAAa,KAAU,SAAS,cAAe,GAAG,OAAO;AACnE;AAEA,WAAW,cAAc;;;ACdd,gBAAAC,YAAA;AAFX,IAAM,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,MAAqB;AACrD,MAAI,MAAM,OAAO,QAAW;AAC1B,WAAO,gBAAAA,KAAC,gBAAc,GAAG,OAAO;AAAA,EAClC,OAAO;AACL,UAAM,EAAE,IAAI,GAAG,gBAAgB,IAAI;AACnC,WAAO,gBAAAA,KAAC,cAAW,IAAQ,KAAW,GAAG,iBAAiB;AAAA,EAC5D;AACF;AAEA,SAAS,cAAc;;;ACbvB,SAAS,aAAAC,YAAW,YAAAC,iBAAgB;AA6B7B,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EAAM;AAAA,EAAI;AACZ,MAAqD;AACnD,MAAIA,UAAS,IAAI,MAAMD,WAAU,EAAE,KAAKA,WAAU,SAAS,IAAI;AAC7D,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AACA,SAAOC,UAAS,IAAI,IAAI,EAAE,KAAK,IAAID,WAAU,EAAE,IAAI,EAAE,IAAI,UAAU,IAAI,CAAC;AAC1E;","names":["jsx","jsx","isDefined","isString"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-button",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -41,29 +41,32 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/promise": "^5.0.0",
-    "@xylabs/react-pixel": "^7.0.0",
-    "@xylabs/react-shared": "^7.0.0",
-    "react-router-dom": "^7.7.1"
+    "@xylabs/promise": "~5.0.8",
+    "@xylabs/react-pixel": "~7.0.2",
+    "@xylabs/react-shared": "~7.0.2",
+    "@xylabs/typeof": "~5.0.8",
+    "react-router-dom": "~7.8.0"
   },
   "devDependencies": {
-    "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.18",
-    "@types/react": "^19.1.9",
-    "@xylabs/react-flexbox": "^7.0.0",
-    "@xylabs/react-pixel": "^7.0.0",
-    "@xylabs/ts-scripts-yarn3": "^7.0.2",
-    "@xylabs/tsconfig-react": "^7.0.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "storybook": "^9.0.18",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.6"
+    "@mui/material": "~7.3.1",
+    "@storybook/react-vite": "~9.1.2",
+    "@types/react": "~19.1.10",
+    "@xylabs/react-flexbox": "~7.0.2",
+    "@xylabs/react-pixel": "~7.0.2",
+    "@xylabs/ts-scripts-yarn3": "~7.1.1",
+    "@xylabs/tsconfig": "~7.1.1",
+    "@xylabs/tsconfig-dom": "~7.1.1",
+    "@xylabs/tsconfig-react": "~7.1.1",
+    "react": "~19.1.1",
+    "react-dom": "~19.1.1",
+    "storybook": "~9.1.2",
+    "typescript": "~5.9.2",
+    "vite": "~7.1.2"
   },
   "peerDependencies": {
     "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "~19",
+    "react-dom": "~19"
   },
   "publishConfig": {
     "access": "public"

package/src/components/ButtonEx.tsx

@@ -5,11 +5,11 @@ import type { ButtonExProps } from './ButtonExProps.tsx'
 import { ButtonToEx } from './ButtonExTo.tsx'
 
 const ButtonEx = ({ ref, ...props }: ButtonExProps) => {
-  if (props.to) {
+  if (props.to === undefined) {
+    return <ButtonExBase {...props} />
+  } else {
     const { to, ...additionalProps } = props
     return <ButtonToEx to={to} ref={ref} {...additionalProps} />
-  } else {
-    return <ButtonExBase {...props} />
   }
 }
 

package/src/components/ButtonExBase.tsx

@@ -4,6 +4,7 @@ import { useUserEvents } from '@xylabs/react-pixel'
 import {
   BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles,
 } from '@xylabs/react-shared'
+import { isString } from '@xylabs/typeof'
 import type { MouseEvent } from 'react'
 import React from 'react'
 
@@ -25,17 +26,17 @@ const ButtonExBase = ({
     } else {
       const elementName = props['aria-label'] ?? event.currentTarget.textContent
       // we do this crazy navigate thing so that we can set it up outside the promise so that safari does not block it
-      const windowToNavigate = () => (target && href) ? window.open('', target) ?? globalThis : globalThis
+      const windowToNavigate = () => (isString(target) && isString(href)) ? window.open('', target) ?? globalThis : globalThis
       const callOnClickAndFollowHref = (windowToNav = windowToNavigate()) => {
         onClick?.(event)
-        if (href) {
+        if (isString(href)) {
           windowToNav.location.href = href
         }
       }
       if (!disableUserEvents && userEvents) {
         event.preventDefault()
         const windowToNav = windowToNavigate()
-        if (href) {
+        if (isString(href)) {
           toPromise(userEvents.userClick({
             elementName, intent, funnel, placement,
           })).then(() => {

package/src/components/ButtonExProps.tsx

@@ -1,5 +1,6 @@
 import type { ButtonProps } from '@mui/material'
 import type { BoxlikeComponentProps, BusyProps } from '@xylabs/react-shared'
+import { isDefined, isString } from '@xylabs/typeof'
 import type { NavigateOptions, To } from 'react-router-dom'
 
 export interface ButtonOnlyHrefProps {
@@ -28,11 +29,13 @@ export interface ButtonHrefAndToProps {
   toOptions?: NavigateOptions
 }
 
-export const asButtonHrefOrToProps = (props: ButtonHrefAndToProps): ButtonHrefOrToOrNoProps => {
-  if (props.href && (props.to || props.toOptions)) {
+export const asButtonHrefOrToProps = ({
+  href, to, toOptions,
+}: ButtonHrefAndToProps): ButtonHrefOrToOrNoProps => {
+  if (isString(href) && (isDefined(to) || isDefined(toOptions))) {
     throw new Error('ButtonExProps: cannot have both href and to')
   }
-  return props.href ? { href: props.href } : props.to ? { to: props.to, toOptions: props.toOptions } : {}
+  return isString(href) ? { href } : isDefined(to) ? { to, toOptions } : {}
 }
 
 export interface ButtonBaseExProps extends Omit<ButtonProps, 'href'>, BoxlikeComponentProps, BusyProps {

package/src/components/ButtonExTo.tsx

@@ -1,3 +1,4 @@
+import { isDefined } from '@xylabs/typeof'
 import type { MouseEvent } from 'react'
 import React from 'react'
 import { useNavigate } from 'react-router-dom'
@@ -11,7 +12,7 @@ const ButtonToEx = ({
   const navigate = useNavigate()
   const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {
     onClick?.(event)
-    if (to) {
+    if (isDefined(to)) {
       void navigate(to, toOptions)
     }
   }