@pluralsight/react - npm Package Compare versions

Comparing version 0.4.1-next-19aa37 to 0.4.1-next-78435e

npm/browser/src/components/Admonition.js

 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { forwardRef } from 'react';
 import { getAdmonitionProps, splitClassNameProp, getAdmonitionHeadingProps, getAdmonitionTextProps, getIconProps, getAdmonitionIconProps, getIconButtonProps, getAdmonitionCloseButtonProps } from '@pluralsight/headless-styles';
@@ -36,5 +37,5 @@ import { InfoCircleIcon, CheckCircleIcon, DangerDiamondIcon, WarningTriangleIcon, CloseIcon } from '@pluralsight/icons';
 
-// Public API
+// <Admonition />
 
-function Admonition(props) {
+function AdmonitionEl(props, ref) {
   var sentiment = props.sentiment,
@@ -50,2 +51,3 @@ children = props.children,
   return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, admonition.wrapper), nativeDivProps), {}, {
+    ref: ref,
     children: [/*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, admonition.iconWrapper), {}, {
@@ -62,3 +64,6 @@ children: /*#__PURE__*/jsx(MatchIcon, {
 }
-function AdmonitionHeading(props) {
+
+// <AdmonitionHeading />
+
+function AdmonitionHeadingEl(props, ref) {
   var children = props.children,
@@ -69,2 +74,3 @@ className = props.className,
   return /*#__PURE__*/jsx("p", _objectSpread2(_objectSpread2(_objectSpread2({}, heading), nativeProps), {}, {
+    ref: ref,
     children: /*#__PURE__*/jsx("strong", {
@@ -75,3 +81,6 @@ children: children
 }
-function AdmonitionText(props) {
+
+// <AdmonitionText />
+
+function AdmonitionTextEl(props, ref) {
   var children = props.children,
@@ -82,2 +91,3 @@ className = props.className,
   return /*#__PURE__*/jsx("small", _objectSpread2(_objectSpread2(_objectSpread2({}, text), nativeProps), {}, {
+    ref: ref,
     children: children
@@ -87,3 +97,9 @@ }));
 
+// public exports
+
+var Admonition = /*#__PURE__*/forwardRef(AdmonitionEl);
+var AdmonitionHeading = /*#__PURE__*/forwardRef(AdmonitionHeadingEl);
+var AdmonitionText = /*#__PURE__*/forwardRef(AdmonitionTextEl);
+
 export { Admonition, AdmonitionHeading, AdmonitionText };
 //# sourceMappingURL=Admonition.js.map

npm/node/src/components/Admonition.js

@@ -6,2 +6,3 @@ 'use strict';
 const _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+const react = require('react');
 const headlessStyles = require('@pluralsight/headless-styles');
@@ -41,5 +42,5 @@ const icons = require('@pluralsight/icons');
 
-// Public API
+// <Admonition />
 
-function Admonition(props) {
+function AdmonitionEl(props, ref) {
   var sentiment = props.sentiment,
@@ -55,2 +56,3 @@ children = props.children,
   return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, admonition.wrapper), nativeDivProps), {}, {
+    ref: ref,
     children: [/*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, admonition.iconWrapper), {}, {
@@ -67,3 +69,6 @@ children: /*#__PURE__*/jsxRuntime.jsx(MatchIcon, {
 }
-function AdmonitionHeading(props) {
+
+// <AdmonitionHeading />
+
+function AdmonitionHeadingEl(props, ref) {
   var children = props.children,
@@ -74,2 +79,3 @@ className = props.className,
   return /*#__PURE__*/jsxRuntime.jsx("p", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, heading), nativeProps), {}, {
+    ref: ref,
     children: /*#__PURE__*/jsxRuntime.jsx("strong", {
@@ -80,3 +86,6 @@ children: children
 }
-function AdmonitionText(props) {
+
+// <AdmonitionText />
+
+function AdmonitionTextEl(props, ref) {
   var children = props.children,
@@ -87,2 +96,3 @@ className = props.className,
   return /*#__PURE__*/jsxRuntime.jsx("small", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, text), nativeProps), {}, {
+    ref: ref,
     children: children
@@ -92,2 +102,8 @@ }));
 
+// public exports
+
+var Admonition = /*#__PURE__*/react.forwardRef(AdmonitionEl);
+var AdmonitionHeading = /*#__PURE__*/react.forwardRef(AdmonitionHeadingEl);
+var AdmonitionText = /*#__PURE__*/react.forwardRef(AdmonitionTextEl);
+
 exports.Admonition = Admonition;
@@ -94,0 +110,0 @@ exports.AdmonitionHeading = AdmonitionHeading;

npm/types/src/components/Admonition.d.ts

@@ -1,2 +0,2 @@
-import { type MouseEventHandler, type PropsWithChildren, type HTMLAttributes } from 'react';
+import { type MouseEventHandler, type HTMLAttributes } from 'react';
 import type { AdmonitionOptions } from '@pluralsight/headless-styles/types';
@@ -6,7 +6,7 @@ interface AdmonitionProps extends HTMLAttributes<HTMLDivElement>, AdmonitionOptions {
 }
-export declare function Admonition(props: PropsWithChildren<AdmonitionProps>): JSX.Element;
 type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement>;
-export declare function AdmonitionHeading(props: PropsWithChildren<AdmonitionHeadingProps>): JSX.Element;
 type AdmonitionTextProps = HTMLAttributes<HTMLParagraphElement>;
-export declare function AdmonitionText(props: PropsWithChildren<AdmonitionTextProps>): JSX.Element;
+export declare const Admonition: import("react").ForwardRefExoticComponent<AdmonitionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AdmonitionHeading: import("react").ForwardRefExoticComponent<AdmonitionHeadingProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const AdmonitionText: import("react").ForwardRefExoticComponent<AdmonitionTextProps & import("react").RefAttributes<HTMLParagraphElement>>;
 export {};

package.json

 {
   "name": "@pluralsight/react",
-  "version": "0.4.1-next-19aa37",
+  "version": "0.4.1-next-78435e",
   "description": "A React component library for Pando.",
@@ -5,0 +5,0 @@ "main": "npm/node/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

155421

increased by1.83%

Lines of code

364

increased by5.81%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes