@atom-learning/components 6.14.0 → 6.14.3

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export * from './components';
 export * from './styled';
+export type { NavigatorActions } from './types/navigatorActions.types';
+export type { TOptionalTooltipWrapperProps } from './utilities/optional-tooltip-wrapper/OptionalTooltipWrapper';
 export * from './experiments/color-scheme/ColorScheme';

package/dist/types/navigatorActions.types.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export type NavigatorActions = {
-    onClick?: (...args: unknown[]) => void;
+    onClick?: React.MouseEventHandler<HTMLElement>;
     href?: string;
 };

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js

@@ -2,7 +2,12 @@ import { Tooltip } from "../../components/tooltip/Tooltip.js";
 import * as React$1 from "react";
 //#region src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx
 var OptionalTooltipWrapper = ({ hasTooltip, label, tooltipSide, children }) => {
-	if (hasTooltip) return /* @__PURE__ */ React$1.createElement(Tooltip, null, /* @__PURE__ */ React$1.createElement(Tooltip.Trigger, { asChild: true }, children), /* @__PURE__ */ React$1.createElement(Tooltip.Content, { side: tooltipSide }, label));
+	if (hasTooltip) return /* @__PURE__ */ React$1.createElement(Tooltip, null, /* @__PURE__ */ React$1.createElement(Tooltip.Trigger, {
+		asChild: true,
+		onFocus: (e) => {
+			if (!e.currentTarget.matches(":focus-visible")) e.preventDefault();
+		}
+	}, children), /* @__PURE__ */ React$1.createElement(Tooltip.Content, { side: tooltipSide }, label));
 	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, children);
 };
 OptionalTooltipWrapper.displayName = "OptionalTooltipWrapper";

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionalTooltipWrapper.js","names":[],"sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"mappings":";;;AAUA,IAAa,0BAA0B,EACrC,YACA,OACA,aACA,eAC2D;AAC3D,KAAI,WACF,QACE,wBAAA,cAAC,SAAA,MACC,wBAAA,cAAC,QAAQ,SAAT,EAAiB,SAAA,MAAoC,EAA3B,SAA2B,EACrD,wBAAA,cAAC,QAAQ,SAAT,EAAiB,MAAM,aAAsC,EAAxB,MAAwB,CACrD;AAOd,QAAO,wBAAA,cAAA,QAAA,UAAA,MAAG,SAAY;;AAGxB,uBAAuB,cAAc"}
+{"version":3,"file":"OptionalTooltipWrapper.js","names":[],"sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger\n          asChild\n          onFocus={(e: React.FocusEvent) => {\n            // Only show the tooltip on keyboard focus, not programmatic focus\n            // (e.g. when a dialog auto-focuses this element on open).\n            // The browser sets :focus-visible during keyboard navigation,\n            // so if it is absent we know the focus was not from the keyboard\n            // and call preventDefault() to tell Radix to skip opening the tooltip.\n            if (!(e.currentTarget as Element).matches(':focus-visible')) {\n              e.preventDefault()\n            }\n          }}\n        >\n          {children}\n        </Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"mappings":";;;AAUA,IAAa,0BAA0B,EACrC,YACA,OACA,aACA,eAC2D;AAC3D,KAAI,WACF,QACE,wBAAA,cAAC,SAAA,MACC,wBAAA,cAAC,QAAQ,SAAT;EACE,SAAA;EACA,UAAU,MAAwB;AAMhC,OAAI,CAAE,EAAE,cAA0B,QAAQ,iBAAiB,CACzD,GAAE,gBAAgB;;EAKN,EADf,SACe,EAClB,wBAAA,cAAC,QAAQ,SAAT,EAAiB,MAAM,aAAsC,EAAxB,MAAwB,CACrD;AAOd,QAAO,wBAAA,cAAA,QAAA,UAAA,MAAG,SAAY;;AAGxB,uBAAuB,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atom-learning/components",
-  "version": "6.14.0",
+  "version": "6.14.3",
   "description": "",
   "homepage": "https://github.com/Atom-Learning/components#readme",
   "bugs": {
@@ -69,6 +69,7 @@
     "validate:linting": "oxlint src/ --quiet",
     "validate:size": "size-limit",
     "validate:types": "tsc --noEmit",
+    "validate:public-api": "node ./scripts/api-snapshot.mjs",
     "precommit": "lint-staged"
   },
   "dependencies": {