@project44-manifest/react-tooltip - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dts/Tooltip.content.d.ts

@@ -1,4 +0,4 @@
-import { ForwardRefComponent } from '@project44-manifest/react-types';
-import { TooltipProps } from './Tooltip.types';
+import type { ForwardRefComponent } from '@project44-manifest/react-types';
+import type { TooltipProps } from './Tooltip.types';
 export declare const TooltipContent: ForwardRefComponent<"div", TooltipProps>;
 //# sourceMappingURL=Tooltip.content.d.ts.map

dts/Tooltip.d.ts

@@ -1,4 +0,4 @@
-import { ForwardRefComponent } from '@project44-manifest/react-types';
-import { TooltipProps } from './Tooltip.types';
+import type { ForwardRefComponent } from '@project44-manifest/react-types';
+import type { TooltipProps } from './Tooltip.types';
 export declare const Tooltip: ForwardRefComponent<"div", TooltipProps>;
 //# sourceMappingURL=Tooltip.d.ts.map

dts/Tooltip.hook.d.ts

 import * as React from 'react';
-import { TooltipProps, TooltipState } from './Tooltip.types';
+import type { TooltipProps, TooltipState } from './Tooltip.types';
 export declare function useTooltip(state: TooltipState, props: TooltipProps): {
@@ -4,0 +4,0 @@ tooltipProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement> & {

dts/Tooltip.state.d.ts

@@ -1,3 +0,3 @@
-import { TooltipProps, TooltipState } from './Tooltip.types';
+import type { TooltipProps, TooltipState } from './Tooltip.types';
 export declare function useTooltipState(props: TooltipProps): TooltipState;
 //# sourceMappingURL=Tooltip.state.d.ts.map

dts/Tooltip.styles.d.ts

@@ -220,5 +220,5 @@ export declare const StyledTooltip: import("@stitches/react/types/styled-component").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, {}, {
     space: {
+        large: string;
         medium: string;
         small: string;
-        large: string;
         'x-large': string;
@@ -225,0 +225,0 @@ 'x-small': string;

dts/Tooltip.types.d.ts

 /// <reference types="react" />
-import { CSS } from '@project44-manifest/react-styles';
+import type { CSS } from '@project44-manifest/react-styles';
 export declare type TooltipElement = 'div';
@@ -4,0 +4,0 @@ export interface TooltipProps {

esm/index.js

 const _excluded = ["className", "children", "title"],
-      _excluded2 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"];
-
+  _excluded2 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 // Bundled with Packemon: https://packemon.dev
 // Platform: browser, Support: stable, Format: esm
+
 import * as React from 'react';
@@ -39,6 +36,5 @@ import { motion, AnimatePresence } from 'framer-motion';
   const classNameProp = props.className,
-        children = props.children,
-        title = props.title,
-        other = _objectWithoutProperties(props, _excluded);
-
+    children = props.children,
+    title = props.title,
+    other = _objectWithoutProperties(props, _excluded);
   const contents = /*#__PURE__*/jsx(StyledTooltip, _objectSpread(_objectSpread({
@@ -65,32 +61,27 @@ ref: forwardedRef,
 });
-
 function useTooltip(state, props) {
   const isDisabled = props.isDisabled,
-        placement = props.placement,
-        trigger = props.trigger;
+    placement = props.placement,
+    trigger = props.trigger;
   const tooltipRef = React.useRef(null);
   const triggerRef = React.useRef(null);
-
   const _useTooltipTrigger = useTooltipTrigger({
-    isDisabled,
-    trigger
-  }, state, triggerRef),
-        tooltipProps = _useTooltipTrigger.tooltipProps,
-        triggerProps = _useTooltipTrigger.triggerProps;
-
+      isDisabled,
+      trigger
+    }, state, triggerRef),
+    tooltipProps = _useTooltipTrigger.tooltipProps,
+    triggerProps = _useTooltipTrigger.triggerProps;
   const _useOverlayPosition = useOverlayPosition({
-    isOpen: state?.isOpen,
-    offset: 4,
-    placement,
-    overlayRef: tooltipRef,
-    targetRef: triggerRef
-  }),
-        positionProps = _useOverlayPosition.overlayProps;
-
+      isOpen: state?.isOpen,
+      offset: 4,
+      placement,
+      overlayRef: tooltipRef,
+      targetRef: triggerRef
+    }),
+    positionProps = _useOverlayPosition.overlayProps;
   const _useHover = useHover({
-    onHoverStart: () => void state?.open(true),
-    onHoverEnd: () => void state?.close()
-  }),
-        hoverProps = _useHover.hoverProps;
-
+      onHoverStart: () => void state?.open(true),
+      onHoverEnd: () => void state?.close()
+    }),
+    hoverProps = _useHover.hoverProps;
   return {
@@ -105,10 +96,9 @@ tooltipProps: mergeProps(tooltipProps, hoverProps, positionProps, {
 }
-
 function useTooltipState(props) {
   const defaultOpen = props.defaultOpen,
-        delay = props.delay,
-        isOpen = props.isOpen,
-        isDisabled = props.isDisabled,
-        onOpenChange = props.onOpenChange,
-        trigger = props.trigger;
+    delay = props.delay,
+    isOpen = props.isOpen,
+    isDisabled = props.isDisabled,
+    onOpenChange = props.onOpenChange,
+    trigger = props.trigger;
   const state = useTooltipTriggerState({
@@ -124,17 +114,15 @@ defaultOpen,
 }
-
 const Tooltip = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const defaultOpen = props.defaultOpen,
-        children = props.children,
-        _props$delay = props.delay,
-        delay = _props$delay === void 0 ? 250 : _props$delay,
-        isOpen = props.isOpen,
-        isDisabled = props.isDisabled,
-        _props$placement = props.placement,
-        placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-        onOpenChange = props.onOpenChange,
-        title = props.title,
-        trigger = props.trigger,
-        other = _objectWithoutProperties(props, _excluded2);
-
+    children = props.children,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 250 : _props$delay,
+    isOpen = props.isOpen,
+    isDisabled = props.isDisabled,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    onOpenChange = props.onOpenChange,
+    title = props.title,
+    trigger = props.trigger,
+    other = _objectWithoutProperties(props, _excluded2);
   const state = useTooltipState({
@@ -148,14 +136,12 @@ defaultOpen,
   });
-
   const _useTooltip = useTooltip(state, {
-    defaultOpen,
-    isDisabled,
-    placement,
-    trigger
-  }),
-        tooltipProps = _useTooltip.tooltipProps,
-        tooltipRef = _useTooltip.tooltipRef,
-        triggerProps = _useTooltip.triggerProps,
-        triggerRef = _useTooltip.triggerRef;
-
+      defaultOpen,
+      isDisabled,
+      placement,
+      trigger
+    }),
+    tooltipProps = _useTooltip.tooltipProps,
+    tooltipRef = _useTooltip.tooltipRef,
+    triggerProps = _useTooltip.triggerProps,
+    triggerRef = _useTooltip.triggerRef;
   return /*#__PURE__*/jsxs(Fragment, {
@@ -162,0 +148,0 @@ children: [/*#__PURE__*/jsx(Slot, _objectSpread(_objectSpread({}, triggerProps), {}, {

lib/index.js

 // Bundled with Packemon: https://packemon.dev
 // Platform: browser, Support: stable, Format: lib
+
 'use strict';
 
 const _excluded = ["className", "children", "title"],
-      _excluded2 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"];
-
+  _excluded2 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 const React = require('react');
-
 const framerMotion = require('framer-motion');
-
 const reactUtils = require('@project44-manifest/react-utils');
-
 const reactDom = require('react-dom');
-
 const reactStyles = require('@project44-manifest/react-styles');
-
 const jsxRuntime = require('react/jsx-runtime');
-
 const interactions = require('@react-aria/interactions');
-
 const overlays = require('@react-aria/overlays');
-
 const tooltip = require('@react-aria/tooltip');
-
 const tooltip$1 = require('@react-stately/tooltip');
-
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null);
-
   if (e) {
@@ -57,9 +42,6 @@ for (const k in e) {
   }
-
   n.default = e;
   return Object.freeze(n);
 }
-
 const React__namespace = /*#__PURE__*/_interopNamespace(React);
-
 const StyledTooltip = reactStyles.styled(framerMotion.motion.div, {
@@ -78,6 +60,5 @@ backgroundColor: '$palette-grey-700',
   const classNameProp = props.className,
-        children = props.children,
-        title = props.title,
-        other = _objectWithoutProperties(props, _excluded);
-
+    children = props.children,
+    title = props.title,
+    other = _objectWithoutProperties(props, _excluded);
   const contents = /*#__PURE__*/jsxRuntime.jsx(StyledTooltip, _objectSpread(_objectSpread({
@@ -104,32 +85,27 @@ ref: forwardedRef,
 });
-
 function useTooltip(state, props) {
   const isDisabled = props.isDisabled,
-        placement = props.placement,
-        trigger = props.trigger;
+    placement = props.placement,
+    trigger = props.trigger;
   const tooltipRef = React__namespace.useRef(null);
   const triggerRef = React__namespace.useRef(null);
-
   const _tooltip$useTooltipTr = tooltip.useTooltipTrigger({
-    isDisabled,
-    trigger
-  }, state, triggerRef),
-        tooltipProps = _tooltip$useTooltipTr.tooltipProps,
-        triggerProps = _tooltip$useTooltipTr.triggerProps;
-
+      isDisabled,
+      trigger
+    }, state, triggerRef),
+    tooltipProps = _tooltip$useTooltipTr.tooltipProps,
+    triggerProps = _tooltip$useTooltipTr.triggerProps;
   const _overlays$useOverlayP = overlays.useOverlayPosition({
-    isOpen: state?.isOpen,
-    offset: 4,
-    placement,
-    overlayRef: tooltipRef,
-    targetRef: triggerRef
-  }),
-        positionProps = _overlays$useOverlayP.overlayProps;
-
+      isOpen: state?.isOpen,
+      offset: 4,
+      placement,
+      overlayRef: tooltipRef,
+      targetRef: triggerRef
+    }),
+    positionProps = _overlays$useOverlayP.overlayProps;
   const _interactions$useHove = interactions.useHover({
-    onHoverStart: () => void state?.open(true),
-    onHoverEnd: () => void state?.close()
-  }),
-        hoverProps = _interactions$useHove.hoverProps;
-
+      onHoverStart: () => void state?.open(true),
+      onHoverEnd: () => void state?.close()
+    }),
+    hoverProps = _interactions$useHove.hoverProps;
   return {
@@ -144,10 +120,9 @@ tooltipProps: reactUtils.mergeProps(tooltipProps, hoverProps, positionProps, {
 }
-
 function useTooltipState(props) {
   const defaultOpen = props.defaultOpen,
-        delay = props.delay,
-        isOpen = props.isOpen,
-        isDisabled = props.isDisabled,
-        onOpenChange = props.onOpenChange,
-        trigger = props.trigger;
+    delay = props.delay,
+    isOpen = props.isOpen,
+    isDisabled = props.isDisabled,
+    onOpenChange = props.onOpenChange,
+    trigger = props.trigger;
   const state = tooltip$1.useTooltipTriggerState({
@@ -163,17 +138,15 @@ defaultOpen,
 }
-
 const Tooltip = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => {
   const defaultOpen = props.defaultOpen,
-        children = props.children,
-        _props$delay = props.delay,
-        delay = _props$delay === void 0 ? 250 : _props$delay,
-        isOpen = props.isOpen,
-        isDisabled = props.isDisabled,
-        _props$placement = props.placement,
-        placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-        onOpenChange = props.onOpenChange,
-        title = props.title,
-        trigger = props.trigger,
-        other = _objectWithoutProperties(props, _excluded2);
-
+    children = props.children,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 250 : _props$delay,
+    isOpen = props.isOpen,
+    isDisabled = props.isDisabled,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    onOpenChange = props.onOpenChange,
+    title = props.title,
+    trigger = props.trigger,
+    other = _objectWithoutProperties(props, _excluded2);
   const state = useTooltipState({
@@ -187,14 +160,12 @@ defaultOpen,
   });
-
   const _useTooltip = useTooltip(state, {
-    defaultOpen,
-    isDisabled,
-    placement,
-    trigger
-  }),
-        tooltipProps = _useTooltip.tooltipProps,
-        tooltipRef = _useTooltip.tooltipRef,
-        triggerProps = _useTooltip.triggerProps,
-        triggerRef = _useTooltip.triggerRef;
-
+      defaultOpen,
+      isDisabled,
+      placement,
+      trigger
+    }),
+    tooltipProps = _useTooltip.tooltipProps,
+    tooltipRef = _useTooltip.tooltipRef,
+    triggerProps = _useTooltip.triggerProps,
+    triggerRef = _useTooltip.triggerRef;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -201,0 +172,0 @@ children: [/*#__PURE__*/jsxRuntime.jsx(reactUtils.Slot, _objectSpread(_objectSpread({}, triggerProps), {}, {

package.json

 {
   "name": "@project44-manifest/react-tooltip",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Manifest Design System react tooltip component",
@@ -14,2 +14,3 @@ "license": "MIT",
   ],
+  "sideEffects": false,
   "main": "./lib/index.js",
@@ -24,13 +25,6 @@ "module": "./esm/index.js",
   ],
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "types": "./dts/index.d.ts",
-      "browser": {
-        "module": "./esm/index.js",
-        "import": "./esm/index.js",
-        "default": "./lib/index.js"
-      },
-      "default": "./lib/index.js"
-    }
+  "repository": {
+    "type": "git",
+    "url": "[e-mail]:project-44/manifest.git",
+    "directory": "packages/react-tooltip"
   },
@@ -40,10 +34,10 @@ "publishConfig": {
   },
-  "repository": {
-    "type": "git",
-    "url": "[e-mail]:project-44/manifest.git"
-  },
   "scripts": {
-    "build": "packemon build --addEngines --addExports --declaration --declarationConfig tsconfig.build.json",
-    "clean": "packemon clean && rm -rf .turbo node_modules *.tsbuildinfo",
-    "typecheck": "tsc -b"
+    "build": "packemon build --addEngines --declaration --declarationConfig tsconfig.build.json",
+    "clean": "rimraf .turbo && packemon clean",
+    "coverage": "jest --coverage",
+    "dev": "packemon watch",
+    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "test": "jest",
+    "typecheck": "tsc --noEmit"
   },
@@ -55,5 +49,5 @@ "peerDependencies": {
   "dependencies": {
-    "@project44-manifest/react-styles": "^1.0.0",
-    "@project44-manifest/react-types": "^0.2.0",
-    "@project44-manifest/react-utils": "^0.2.1",
+    "@project44-manifest/react-styles": "*",
+    "@project44-manifest/react-types": "*",
+    "@project44-manifest/react-utils": "*",
     "@react-aria/interactions": "^3.12.0",
@@ -66,5 +60,10 @@ "@react-aria/overlays": "^3.11.0",
   "devDependencies": {
-    "@project44-manifest/react-test-utils": "^0.2.0",
+    "@project44-manifest/react-test-utils": "*",
+    "eslint": "^8.26.0",
+    "eslint-config-manifest": "*",
+    "jest": "^29.2.2",
+    "jest-preset-manifest": "*",
     "react": "^18.1.0",
-    "react-dom": "^18.1.0"
+    "react-dom": "^18.1.0",
+    "tsconfig-manifest": "*"
   },
@@ -71,0 +70,0 @@ "packemon": {

src/Tooltip.hook.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
 import { mergeProps } from '@project44-manifest/react-utils';
-import { TooltipProps, TooltipState } from './Tooltip.types';
+import type { TooltipProps, TooltipState } from './Tooltip.types';
 
@@ -9,0 +9,0 @@ export function useTooltip(state: TooltipState, props: TooltipProps) {

src/Tooltip.state.ts

 import { useTooltipTriggerState } from '@react-stately/tooltip';
-import { TooltipProps, TooltipState } from './Tooltip.types';
+import type { TooltipProps, TooltipState } from './Tooltip.types';
 
@@ -4,0 +4,0 @@ export function useTooltipState(props: TooltipProps): TooltipState {

src/Tooltip.types.ts

@@ -1,2 +0,2 @@
-import { CSS } from '@project44-manifest/react-styles';
+import type { CSS } from '@project44-manifest/react-styles';
 
@@ -3,0 +3,0 @@ export type TooltipElement = 'div';

New alerts

Floating dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 3 instances in 1 package

Worsened metrics

Total package byte prevSize

45269

decreased by-21.29%

Dev dependency count

8

increased by166.67%

Number of package files

21

decreased by-30%

Lines of code

923

decreased by-30.23%

Number of medium quality alerts

4

increased by300%

Dependency changes

• + Added@project44-manifest/design-tokens@3.1.1(transitive)

• + Added@project44-manifest/react-styles@2.0.3(transitive)

• - Removed@project44-manifest/design-tokens@2.0.0(transitive)

• - Removed@project44-manifest/react-styles@1.4.0(transitive)

• - Removed@project44-manifest/react-utils@0.2.4(transitive)

• Updated@project44-manifest/react-styles@*

• Updated@project44-manifest/react-types@*

• Updated@project44-manifest/react-utils@*