@radix-ui/react-toggle - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0-rc.1

dist/index.d.ts

@@ -1,6 +0,7 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
-export interface ToggleProps extends PrimitiveButtonProps {
+import * as React from 'react';
+import * as Radix from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface ToggleProps extends PrimitiveButtonProps {
     /**
@@ -21,5 +22,5 @@ * The controlled state of the toggle.
 }
-export const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
-export const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Root, Toggle, type ToggleProps };

dist/index.js

@@ -1,51 +0,66 @@
-var $kLydb$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
-var $kLydb$react = require("react");
-var $kLydb$radixuiprimitive = require("@radix-ui/primitive");
-var $kLydb$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
-var $kLydb$radixuireactprimitive = require("@radix-ui/react-primitive");
+"use strict";
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "Toggle", () => $7d30e3d88c861f40$export$bea8ebba691c5813);
-$parcel$export(module.exports, "Root", () => $7d30e3d88c861f40$export$be92b6f5f03c0fe9);
-
-
-
-
-
-/* -------------------------------------------------------------------------------------------------
- * Toggle
- * -----------------------------------------------------------------------------------------------*/ const $7d30e3d88c861f40$var$NAME = 'Toggle';
-const $7d30e3d88c861f40$export$bea8ebba691c5813 = /*#__PURE__*/ $kLydb$react.forwardRef((props, forwardedRef)=>{
-    const { pressed: pressedProp , defaultPressed: defaultPressed = false , onPressedChange: onPressedChange , ...buttonProps } = props;
-    const [pressed = false, setPressed] = $kLydb$radixuireactusecontrollablestate.useControllableState({
-        prop: pressedProp,
-        onChange: onPressedChange,
-        defaultProp: defaultPressed
+  // packages/react/toggle/src/Toggle.tsx
+  var React = __toESM(__require("react"));
+  var import_primitive = __require("@radix-ui/primitive");
+  var import_react_use_controllable_state = __require("@radix-ui/react-use-controllable-state");
+  var import_react_primitive = __require("@radix-ui/react-primitive");
+  var import_jsx_runtime = __require("react/jsx-runtime");
+  var NAME = "Toggle";
+  var Toggle = React.forwardRef((props, forwardedRef) => {
+    const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;
+    const [pressed = false, setPressed] = (0, import_react_use_controllable_state.useControllableState)({
+      prop: pressedProp,
+      onChange: onPressedChange,
+      defaultProp: defaultPressed
     });
-    return /*#__PURE__*/ $kLydb$react.createElement($kLydb$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($kLydb$babelruntimehelpersextends))({
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_primitive.Primitive.button,
+      {
         type: "button",
         "aria-pressed": pressed,
-        "data-state": pressed ? 'on' : 'off',
-        "data-disabled": props.disabled ? '' : undefined
-    }, buttonProps, {
+        "data-state": pressed ? "on" : "off",
+        "data-disabled": props.disabled ? "" : void 0,
+        ...buttonProps,
         ref: forwardedRef,
-        onClick: $kLydb$radixuiprimitive.composeEventHandlers(props.onClick, ()=>{
-            if (!props.disabled) setPressed(!pressed);
+        onClick: (0, import_primitive.composeEventHandlers)(props.onClick, () => {
+          if (!props.disabled) {
+            setPressed(!pressed);
+          }
         })
-    }));
-});
-/*#__PURE__*/ Object.assign($7d30e3d88c861f40$export$bea8ebba691c5813, {
-    displayName: $7d30e3d88c861f40$var$NAME
-});
-/* ---------------------------------------------------------------------------------------------- */ const $7d30e3d88c861f40$export$be92b6f5f03c0fe9 = $7d30e3d88c861f40$export$bea8ebba691c5813;
-
-
-
-
+      }
+    );
+  });
+  Toggle.displayName = NAME;
+  var Root = Toggle;
+})();
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@radix-ui/react-toggle",
-  "version": "1.0.3",
+  "version": "1.1.0-rc.1",
   "license": "MIT",
@@ -31,6 +31,5 @@ "exports": {
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@radix-ui/primitive": "1.0.1",
-    "@radix-ui/react-primitive": "1.0.3",
-    "@radix-ui/react-use-controllable-state": "1.0.1"
+    "@radix-ui/primitive": "1.1.0-rc.1",
+    "@radix-ui/react-primitive": "1.1.0-rc.1",
+    "@radix-ui/react-use-controllable-state": "1.1.0-rc.1"
   },
@@ -58,3 +57,4 @@ "peerDependencies": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "1.0.3"
 }

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

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Improved metrics

Dependency count

7

decreased by-12.5%

Lines of code

126

increased by31.25%

Worsened metrics

Total package byte prevSize

13379

decreased by-15.62%

Number of package files

8

decreased by-11.11%

Number of low quality alerts

1

increased byInfinity%

Number of low supply chain risk alerts

3

increased byInfinity%

Dependency changes

• + Added@radix-ui/primitive@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-compose-refs@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-primitive@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-slot@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-use-callback-ref@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-use-controllable-state@1.1.0-rc.1(transitive)

• - Removed@babel/runtime@^7.13.10

• - Removed@babel/runtime@7.25.7(transitive)

• - Removed@radix-ui/primitive@1.0.1(transitive)

• - Removed@radix-ui/react-compose-refs@1.0.1(transitive)

• - Removed@radix-ui/react-primitive@1.0.3(transitive)

• - Removed@radix-ui/react-slot@1.0.2(transitive)

• - Removed@radix-ui/react-use-callback-ref@1.0.1(transitive)

• - Removed@radix-ui/react-use-controllable-state@1.0.1(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@radix-ui/primitive@1.1.0-rc.1

• Updated@radix-ui/react-primitive@1.1.0-rc.1

• Updated@radix-ui/react-use-controllable-state@1.1.0-rc.1