@radix-ui/react-toggle 1.1.14 → 1.1.15-rc.1784059564143
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +30 -26
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +31 -26
- package/dist/index.mjs.map +3 -3
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -6,6 +6,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
10
|
var __export = (target, all) => {
|
|
10
11
|
for (var name in all)
|
|
11
12
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -43,31 +44,34 @@ var import_react_use_controllable_state = require("@radix-ui/react-use-controlla
|
|
|
43
44
|
var import_react_primitive = require("@radix-ui/react-primitive");
|
|
44
45
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
46
|
var NAME = "Toggle";
|
|
46
|
-
var Toggle = React.forwardRef(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
})
|
|
71
|
-
|
|
47
|
+
var Toggle = /* @__PURE__ */ React.forwardRef(
|
|
48
|
+
// ignore prettier to reduce diff noise
|
|
49
|
+
// prettier-ignore
|
|
50
|
+
/* @__PURE__ */ __name(function Toggle2(props, forwardedRef) {
|
|
51
|
+
const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;
|
|
52
|
+
const [pressed, setPressed] = (0, import_react_use_controllable_state.useControllableState)({
|
|
53
|
+
prop: pressedProp,
|
|
54
|
+
onChange: onPressedChange,
|
|
55
|
+
defaultProp: defaultPressed ?? false,
|
|
56
|
+
caller: NAME
|
|
57
|
+
});
|
|
58
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
59
|
+
import_react_primitive.Primitive.button,
|
|
60
|
+
{
|
|
61
|
+
type: "button",
|
|
62
|
+
"aria-pressed": pressed,
|
|
63
|
+
"data-state": pressed ? "on" : "off",
|
|
64
|
+
"data-disabled": props.disabled ? "" : void 0,
|
|
65
|
+
...buttonProps,
|
|
66
|
+
ref: forwardedRef,
|
|
67
|
+
onClick: (0, import_primitive.composeEventHandlers)(props.onClick, () => {
|
|
68
|
+
if (!props.disabled) {
|
|
69
|
+
setPressed(!pressed);
|
|
70
|
+
}
|
|
71
|
+
})
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
}, "Toggle")
|
|
75
|
+
);
|
|
72
76
|
var Root = Toggle;
|
|
73
77
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts", "../src/toggle.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\nexport {\n Toggle,\n //\n Root,\n} from './toggle';\nexport type { ToggleProps } from './toggle';\n", "import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n /**\n * The controlled state of the toggle.\n */\n pressed?: boolean;\n /**\n * The state of the toggle when initially rendered. Use `defaultPressed`\n * if you do not need to control the state of the toggle.\n * @defaultValue false\n */\n defaultPressed?: boolean;\n /**\n * The callback that fires when the state of the toggle changes.\n */\n onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef)
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
4
|
+
"sourcesContent": ["'use client';\nexport {\n Toggle,\n //\n Root,\n} from './toggle';\nexport type { ToggleProps } from './toggle';\n", "import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n /**\n * The controlled state of the toggle.\n */\n pressed?: boolean;\n /**\n * The state of the toggle when initially rendered. Use `defaultPressed`\n * if you do not need to control the state of the toggle.\n * @defaultValue false\n */\n defaultPressed?: boolean;\n /**\n * The callback that fires when the state of the toggle changes.\n */\n onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = /* @__PURE__ */ React.forwardRef<ToggleElement, ToggleProps>(\n // ignore prettier to reduce diff noise\n // prettier-ignore\n function Toggle(props, forwardedRef) {\n const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;\n\n const [pressed, setPressed] = useControllableState({\n prop: pressedProp,\n onChange: onPressedChange,\n defaultProp: defaultPressed ?? false,\n caller: NAME,\n });\n\n return (\n <Primitive.button\n type=\"button\"\n aria-pressed={pressed}\n data-state={pressed ? 'on' : 'off'}\n data-disabled={props.disabled ? '' : undefined}\n {...buttonProps}\n ref={forwardedRef}\n onClick={composeEventHandlers(props.onClick, () => {\n if (!props.disabled) {\n setPressed(!pressed);\n }\n })}\n />\n );\n},\n);\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n Toggle,\n //\n Root,\n};\nexport type { ToggleProps };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,uBAAqC;AACrC,0CAAqC;AACrC,6BAA0B;AAyCtB;AAnCJ,IAAM,OAAO;AAqBb,IAAM,SAAyB,gBAAM;AAAA;AAAA;AAAA,EAGnC,gCAASA,QAAO,OAAO,cAAc;AACrC,UAAM,EAAE,SAAS,aAAa,gBAAgB,iBAAiB,GAAG,YAAY,IAAI;AAElF,UAAM,CAAC,SAAS,UAAU,QAAI,0DAAqB;AAAA,MACjD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,IACV,CAAC;AAED,WACE;AAAA,MAAC,iCAAU;AAAA,MAAV;AAAA,QACC,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,uCAAqB,MAAM,SAAS,MAAM;AACjD,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ,GAzBE;AA0BF;AAIA,IAAM,OAAO;",
|
|
6
|
+
"names": ["Toggle"]
|
|
7
7
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
2
4
|
|
|
3
5
|
// src/toggle.tsx
|
|
4
6
|
import * as React from "react";
|
|
@@ -7,32 +9,35 @@ import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
|
7
9
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
8
10
|
import { jsx } from "react/jsx-runtime";
|
|
9
11
|
var NAME = "Toggle";
|
|
10
|
-
var Toggle = React.forwardRef(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
})
|
|
35
|
-
|
|
12
|
+
var Toggle = /* @__PURE__ */ React.forwardRef(
|
|
13
|
+
// ignore prettier to reduce diff noise
|
|
14
|
+
// prettier-ignore
|
|
15
|
+
/* @__PURE__ */ __name(function Toggle2(props, forwardedRef) {
|
|
16
|
+
const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;
|
|
17
|
+
const [pressed, setPressed] = useControllableState({
|
|
18
|
+
prop: pressedProp,
|
|
19
|
+
onChange: onPressedChange,
|
|
20
|
+
defaultProp: defaultPressed ?? false,
|
|
21
|
+
caller: NAME
|
|
22
|
+
});
|
|
23
|
+
return /* @__PURE__ */ jsx(
|
|
24
|
+
Primitive.button,
|
|
25
|
+
{
|
|
26
|
+
type: "button",
|
|
27
|
+
"aria-pressed": pressed,
|
|
28
|
+
"data-state": pressed ? "on" : "off",
|
|
29
|
+
"data-disabled": props.disabled ? "" : void 0,
|
|
30
|
+
...buttonProps,
|
|
31
|
+
ref: forwardedRef,
|
|
32
|
+
onClick: composeEventHandlers(props.onClick, () => {
|
|
33
|
+
if (!props.disabled) {
|
|
34
|
+
setPressed(!pressed);
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
}, "Toggle")
|
|
40
|
+
);
|
|
36
41
|
var Root = Toggle;
|
|
37
42
|
export {
|
|
38
43
|
Root,
|
package/dist/index.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/toggle.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n /**\n * The controlled state of the toggle.\n */\n pressed?: boolean;\n /**\n * The state of the toggle when initially rendered. Use `defaultPressed`\n * if you do not need to control the state of the toggle.\n * @defaultValue false\n */\n defaultPressed?: boolean;\n /**\n * The callback that fires when the state of the toggle changes.\n */\n onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef)
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { Primitive } from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToggleProps extends PrimitiveButtonProps {\n /**\n * The controlled state of the toggle.\n */\n pressed?: boolean;\n /**\n * The state of the toggle when initially rendered. Use `defaultPressed`\n * if you do not need to control the state of the toggle.\n * @defaultValue false\n */\n defaultPressed?: boolean;\n /**\n * The callback that fires when the state of the toggle changes.\n */\n onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = /* @__PURE__ */ React.forwardRef<ToggleElement, ToggleProps>(\n // ignore prettier to reduce diff noise\n // prettier-ignore\n function Toggle(props, forwardedRef) {\n const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;\n\n const [pressed, setPressed] = useControllableState({\n prop: pressedProp,\n onChange: onPressedChange,\n defaultProp: defaultPressed ?? false,\n caller: NAME,\n });\n\n return (\n <Primitive.button\n type=\"button\"\n aria-pressed={pressed}\n data-state={pressed ? 'on' : 'off'}\n data-disabled={props.disabled ? '' : undefined}\n {...buttonProps}\n ref={forwardedRef}\n onClick={composeEventHandlers(props.onClick, () => {\n if (!props.disabled) {\n setPressed(!pressed);\n }\n })}\n />\n );\n},\n);\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n Toggle,\n //\n Root,\n};\nexport type { ToggleProps };\n"],
|
|
5
|
+
"mappings": ";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AAyCtB;AAnCJ,IAAM,OAAO;AAqBb,IAAM,SAAyB,gBAAM;AAAA;AAAA;AAAA,EAGnC,gCAASA,QAAO,OAAO,cAAc;AACrC,UAAM,EAAE,SAAS,aAAa,gBAAgB,iBAAiB,GAAG,YAAY,IAAI;AAElF,UAAM,CAAC,SAAS,UAAU,IAAI,qBAAqB;AAAA,MACjD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,IACV,CAAC;AAED,WACE;AAAA,MAAC,UAAU;AAAA,MAAV;AAAA,QACC,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAS,MAAM;AACjD,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ,GAzBE;AA0BF;AAIA,IAAM,OAAO;",
|
|
6
|
+
"names": ["Toggle"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radix-ui/react-toggle",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.15-rc.1784059564143",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "./src/index.ts",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
],
|
|
12
12
|
"sideEffects": false,
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@radix-ui/primitive": "
|
|
14
|
+
"@radix-ui/react-primitive": "2.1.7",
|
|
15
15
|
"@radix-ui/react-use-controllable-state": "1.2.3",
|
|
16
|
-
"@radix-ui/
|
|
16
|
+
"@radix-ui/primitive": "1.1.5"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@types/react": "^19.2.2",
|