Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@pluralsight/react

Package Overview
Dependencies
Maintainers
1
Versions
630
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pluralsight/react - npm Package Compare versions

Comparing version 0.4.1-next-c44f77 to 0.4.1-next-c7d5af

npm/browser/src/components/ProgressBar.js

3

npm/browser/index.js

@@ -6,2 +6,5 @@ export { Admonition as unsafe_Admonition, AdmonitionHeading as unsafe_AdmonitionHeading, AdmonitionText as unsafe_AdmonitionText } from './src/components/Admonition.js';

export { CircularProgress as unsafe_CircularProgress } from './src/components/CircularProgress.js';
export { ProgressBar as unsafe_ProgressBar } from './src/components/ProgressBar.js';
export { Skeleton as unsafe_Skeleton } from './src/components/Skeleton.js';
export { useTheme } from '@pluralsight/react-utils';
//# sourceMappingURL=index.js.map

34

npm/browser/src/components/Admonition.js

@@ -7,6 +7,5 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';

var _excluded = ["className"],
_excluded2 = ["sentiment", "children", "className", "onClose"],
_excluded3 = ["children", "className"],
_excluded4 = ["children", "className"];
var _excluded = ["sentiment", "children", "onClose"],
_excluded2 = ["children"],
_excluded3 = ["children"];
function MatchIcon(props) {

@@ -28,8 +27,6 @@ var iconProps = getIconProps(getAdmonitionIconProps());

function AdmonitionCloseButton(props) {
var className = props.className,
nativeProps = _objectWithoutProperties(props, _excluded);
var _getIconButtonProps = getIconButtonProps(getAdmonitionCloseButtonProps(splitClassNameProp(className))),
var _getIconButtonProps = getIconButtonProps(getAdmonitionCloseButtonProps(splitClassNameProp(props.className))),
button = _getIconButtonProps.button,
iconOptions = _getIconButtonProps.iconOptions;
return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2(_objectSpread2({}, button), nativeProps), {}, {
return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2(_objectSpread2({}, props), button), {}, {
children: /*#__PURE__*/jsx(CloseIcon, _objectSpread2({}, getIconProps(iconOptions)))

@@ -44,10 +41,9 @@ }));

children = props.children,
className = props.className,
onClose = props.onClose,
nativeDivProps = _objectWithoutProperties(props, _excluded2);
nativeDivProps = _objectWithoutProperties(props, _excluded);
var admonition = getAdmonitionProps({
classNames: splitClassNameProp(className),
classNames: splitClassNameProp(nativeDivProps.className),
sentiment: sentiment
});
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, admonition.wrapper), nativeDivProps), {}, {
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeDivProps), admonition.wrapper), {}, {
ref: ref,

@@ -70,6 +66,5 @@ children: [/*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, admonition.iconWrapper), {}, {

var children = props.children,
className = props.className,
nativeProps = _objectWithoutProperties(props, _excluded3);
var heading = getAdmonitionHeadingProps(splitClassNameProp(className));
return /*#__PURE__*/jsx("p", _objectSpread2(_objectSpread2(_objectSpread2({}, heading), nativeProps), {}, {
nativeProps = _objectWithoutProperties(props, _excluded2);
var heading = getAdmonitionHeadingProps(splitClassNameProp(nativeProps.className));
return /*#__PURE__*/jsx("p", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), heading), {}, {
ref: ref,

@@ -86,6 +81,5 @@ children: /*#__PURE__*/jsx("strong", {

var children = props.children,
className = props.className,
nativeProps = _objectWithoutProperties(props, _excluded4);
var text = getAdmonitionTextProps(splitClassNameProp(className));
return /*#__PURE__*/jsx("small", _objectSpread2(_objectSpread2(_objectSpread2({}, text), nativeProps), {}, {
nativeProps = _objectWithoutProperties(props, _excluded3);
var text = getAdmonitionTextProps(splitClassNameProp(nativeProps.className));
return /*#__PURE__*/jsx("small", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), text), {}, {
ref: ref,

@@ -92,0 +86,0 @@ children: children

@@ -19,7 +19,7 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck } from '../../_virtual/_rollupPluginBabelHelpers.js';

var container = getAvatarProps({
classNames: splitClassNameProp(props.className),
classNames: splitClassNameProp(nativeProps.className),
sentiment: sentiment,
size: size
});
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, container), nativeProps));
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, nativeProps), container));
}

@@ -37,3 +37,3 @@ function AvatarLabel(props) {

label = _objectWithoutProperties(_getAvatarLabelProps, _excluded3);
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2(_objectSpread2({}, label), nativeProps), {}, {
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), label), {}, {
children: value

@@ -40,0 +40,0 @@ }));

import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
import { forwardRef } from 'react';
import { getBadgeProps, getBadgeIconProps, getIconProps } from '@pluralsight/headless-styles';
import { getBadgeProps, splitClassNameProp, getBadgeIconProps, getIconProps } from '@pluralsight/headless-styles';
import { jsxs, jsx } from 'react/jsx-runtime';

@@ -15,2 +15,3 @@

var badgeProps = getBadgeProps({
classNames: splitClassNameProp(nativeProps.className),
sentiment: sentiment,

@@ -22,3 +23,3 @@ size: size,

var Icon = icon;
return /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, badgeProps), nativeProps), {}, {
return /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), badgeProps), {}, {
ref: ref,

@@ -25,0 +26,0 @@ children: [Icon && /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, iconProps.iconWrapper), {}, {

import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
import { forwardRef } from 'react';
import { getButtonProps, getIconProps, getButtonIconOptions } from '@pluralsight/headless-styles';
import { getButtonProps, splitClassNameProp, getIconProps, getButtonIconOptions } from '@pluralsight/headless-styles';
import { jsxs, jsx } from 'react/jsx-runtime';

@@ -17,2 +17,3 @@

var btnProps = getButtonProps({
classNames: splitClassNameProp(nativeProps.className),
disabled: disabled,

@@ -26,3 +27,3 @@ size: size,

var EndIcon = endIcon;
return /*#__PURE__*/jsxs("button", _objectSpread2(_objectSpread2(_objectSpread2({}, btnProps), nativeProps), {}, {
return /*#__PURE__*/jsxs("button", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), btnProps), {}, {
ref: ref,

@@ -29,0 +30,0 @@ children: [StartIcon && /*#__PURE__*/jsx(StartIcon, _objectSpread2({}, iconProps)), children, EndIcon && /*#__PURE__*/jsx(EndIcon, _objectSpread2({}, iconProps))]

import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
import { forwardRef } from 'react';
import { getCircularProgressProps } from '@pluralsight/headless-styles';
import { getCircularProgressProps, splitClassNameProp } from '@pluralsight/headless-styles';
import { jsxs, jsx } from 'react/jsx-runtime';

@@ -18,2 +18,3 @@

ariaLabel: ariaLabel,
classNames: splitClassNameProp(props.className),
kind: kind,

@@ -25,5 +26,4 @@ max: max,

});
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, progress.containerProps), {}, {
ref: ref
}, nativeProps), {}, {
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), progress.containerProps), {}, {
ref: ref,
children: [/*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({}, progress.svgBoxProps), {}, {

@@ -30,0 +30,0 @@ children: [/*#__PURE__*/jsx("circle", _objectSpread2({}, progress.baseCircleProps)), /*#__PURE__*/jsx("circle", _objectSpread2({}, progress.nowCircleProps))]

@@ -10,2 +10,5 @@ 'use strict';

const CircularProgress = require('./src/components/CircularProgress.js');
const ProgressBar = require('./src/components/ProgressBar.js');
const Skeleton = require('./src/components/Skeleton.js');
const reactUtils = require('@pluralsight/react-utils');

@@ -21,2 +24,8 @@

exports.unsafe_CircularProgress = CircularProgress.CircularProgress;
exports.unsafe_ProgressBar = ProgressBar.ProgressBar;
exports.unsafe_Skeleton = Skeleton.Skeleton;
Object.defineProperty(exports, 'useTheme', {
enumerable: true,
get: () => reactUtils.useTheme
});
//# sourceMappingURL=index.js.map

@@ -11,6 +11,5 @@ 'use strict';

var _excluded = ["className"],
_excluded2 = ["sentiment", "children", "className", "onClose"],
_excluded3 = ["children", "className"],
_excluded4 = ["children", "className"];
var _excluded = ["sentiment", "children", "onClose"],
_excluded2 = ["children"],
_excluded3 = ["children"];
function MatchIcon(props) {

@@ -32,8 +31,6 @@ var iconProps = headlessStyles.getIconProps(headlessStyles.getAdmonitionIconProps());

function AdmonitionCloseButton(props) {
var className = props.className,
nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
var _getIconButtonProps = headlessStyles.getIconButtonProps(headlessStyles.getAdmonitionCloseButtonProps(headlessStyles.splitClassNameProp(className))),
var _getIconButtonProps = headlessStyles.getIconButtonProps(headlessStyles.getAdmonitionCloseButtonProps(headlessStyles.splitClassNameProp(props.className))),
button = _getIconButtonProps.button,
iconOptions = _getIconButtonProps.iconOptions;
return /*#__PURE__*/jsxRuntime.jsx("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, button), nativeProps), {}, {
return /*#__PURE__*/jsxRuntime.jsx("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), button), {}, {
children: /*#__PURE__*/jsxRuntime.jsx(icons.CloseIcon, _rollupPluginBabelHelpers.objectSpread2({}, headlessStyles.getIconProps(iconOptions)))

@@ -48,10 +45,9 @@ }));

children = props.children,
className = props.className,
onClose = props.onClose,
nativeDivProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
nativeDivProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
var admonition = headlessStyles.getAdmonitionProps({
classNames: headlessStyles.splitClassNameProp(className),
classNames: headlessStyles.splitClassNameProp(nativeDivProps.className),
sentiment: sentiment
});
return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, admonition.wrapper), nativeDivProps), {}, {
return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeDivProps), admonition.wrapper), {}, {
ref: ref,

@@ -74,6 +70,5 @@ children: [/*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, admonition.iconWrapper), {}, {

var children = props.children,
className = props.className,
nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
var heading = headlessStyles.getAdmonitionHeadingProps(headlessStyles.splitClassNameProp(className));
return /*#__PURE__*/jsxRuntime.jsx("p", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, heading), nativeProps), {}, {
nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
var heading = headlessStyles.getAdmonitionHeadingProps(headlessStyles.splitClassNameProp(nativeProps.className));
return /*#__PURE__*/jsxRuntime.jsx("p", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), heading), {}, {
ref: ref,

@@ -90,6 +85,5 @@ children: /*#__PURE__*/jsxRuntime.jsx("strong", {

var children = props.children,
className = props.className,
nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
var text = headlessStyles.getAdmonitionTextProps(headlessStyles.splitClassNameProp(className));
return /*#__PURE__*/jsxRuntime.jsx("small", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, text), nativeProps), {}, {
nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
var text = headlessStyles.getAdmonitionTextProps(headlessStyles.splitClassNameProp(nativeProps.className));
return /*#__PURE__*/jsxRuntime.jsx("small", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), text), {}, {
ref: ref,

@@ -96,0 +90,0 @@ children: children

@@ -23,7 +23,7 @@ 'use strict';

var container = headlessStyles.getAvatarProps({
classNames: headlessStyles.splitClassNameProp(props.className),
classNames: headlessStyles.splitClassNameProp(nativeProps.className),
sentiment: sentiment,
size: size
});
return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, container), nativeProps));
return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), container));
}

@@ -41,3 +41,3 @@ function AvatarLabel(props) {

label = _rollupPluginBabelHelpers.objectWithoutProperties(_getAvatarLabelProps, _excluded3);
return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, label), nativeProps), {}, {
return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), label), {}, {
children: value

@@ -44,0 +44,0 @@ }));

@@ -19,2 +19,3 @@ 'use strict';

var badgeProps = headlessStyles.getBadgeProps({
classNames: headlessStyles.splitClassNameProp(nativeProps.className),
sentiment: sentiment,

@@ -26,3 +27,3 @@ size: size,

var Icon = icon;
return /*#__PURE__*/jsxRuntime.jsxs("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, badgeProps), nativeProps), {}, {
return /*#__PURE__*/jsxRuntime.jsxs("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), badgeProps), {}, {
ref: ref,

@@ -29,0 +30,0 @@ children: [Icon && /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, iconProps.iconWrapper), {}, {

@@ -21,2 +21,3 @@ 'use strict';

var btnProps = headlessStyles.getButtonProps({
classNames: headlessStyles.splitClassNameProp(nativeProps.className),
disabled: disabled,

@@ -30,3 +31,3 @@ size: size,

var EndIcon = endIcon;
return /*#__PURE__*/jsxRuntime.jsxs("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, btnProps), nativeProps), {}, {
return /*#__PURE__*/jsxRuntime.jsxs("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), btnProps), {}, {
ref: ref,

@@ -33,0 +34,0 @@ children: [StartIcon && /*#__PURE__*/jsxRuntime.jsx(StartIcon, _rollupPluginBabelHelpers.objectSpread2({}, iconProps)), children, EndIcon && /*#__PURE__*/jsxRuntime.jsx(EndIcon, _rollupPluginBabelHelpers.objectSpread2({}, iconProps))]

@@ -22,2 +22,3 @@ 'use strict';

ariaLabel: ariaLabel,
classNames: headlessStyles.splitClassNameProp(props.className),
kind: kind,

@@ -29,5 +30,4 @@ max: max,

});
return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, progress.containerProps), {}, {
ref: ref
}, nativeProps), {}, {
return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), progress.containerProps), {}, {
ref: ref,
children: [/*#__PURE__*/jsxRuntime.jsxs("svg", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, progress.svgBoxProps), {}, {

@@ -34,0 +34,0 @@ children: [/*#__PURE__*/jsxRuntime.jsx("circle", _rollupPluginBabelHelpers.objectSpread2({}, progress.baseCircleProps)), /*#__PURE__*/jsxRuntime.jsx("circle", _rollupPluginBabelHelpers.objectSpread2({}, progress.nowCircleProps))]

import { type HTMLAttributes } from 'react';
import type { CircularProgressOptions } from '@pluralsight/headless-styles/types';
interface CircularProgressProps extends CircularProgressOptions, Exclude<HTMLAttributes<HTMLDivElement>, 'className'> {
interface CircularProgressProps extends CircularProgressOptions, HTMLAttributes<HTMLDivElement> {
displayValue?: boolean;

@@ -5,0 +5,0 @@ }

@@ -6,1 +6,4 @@ export { Admonition, AdmonitionHeading, AdmonitionText, } from './components/Admonition.tsx';

export { CircularProgress } from './components/CircularProgress.tsx';
export { ProgressBar } from './components/ProgressBar.tsx';
export { Skeleton } from './components/Skeleton.tsx';
export { useTheme } from '@pluralsight/react-utils';
{
"name": "@pluralsight/react",
"version": "0.4.1-next-c44f77",
"version": "0.4.1-next-c7d5af",
"description": "A React component library for Pando.",

@@ -51,5 +51,5 @@ "main": "npm/node/index.js",

"dependencies": {
"@pluralsight/headless-styles": "0.4.1-next-635f81",
"@pluralsight/icons": "0.4.1-next-635f81",
"@pluralsight/react-utils": "0.4.1-next-635f81",
"@pluralsight/headless-styles": "0.4.1-next-5f1cec",
"@pluralsight/icons": "0.4.1-next-5f1cec",
"@pluralsight/react-utils": "0.4.1-next-5f1cec",
"tslib": "latest"

@@ -63,3 +63,3 @@ },

"@babel/runtime": "^7.20.13",
"@rollup/plugin-alias": "^4.0.0",
"@rollup/plugin-alias": "^5.0.0",
"@rollup/plugin-babel": "^6.0.3",

@@ -69,3 +69,3 @@ "@rollup/plugin-commonjs": "^23.0.0",

"@rollup/plugin-replace": "^5.0.0",
"@testing-library/dom": "^8.17.1",
"@testing-library/dom": "^9.3.0",
"@testing-library/jest-dom": "^5.16.5",

@@ -98,3 +98,3 @@ "@testing-library/react": "^13.3.0",

"rollup": "^3.2.2",
"rollup-plugin-node-externals": "^5.1.2",
"rollup-plugin-node-externals": "^6.0.1",
"typescript": "5.0.2"

@@ -101,0 +101,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc