@radix-ui/react-toggle 0.1.5-rc.2 → 0.1.5-rc.5
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.d.ts.map +1 -1
- package/dist/index.js +68 -1
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +49 -1
- package/dist/index.module.js.map +1 -1
- package/package.json +3 -3
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;AAcA,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,4BAAsB,SAAQ,oBAAoB;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1C;AAED,OAAA,MAAM,6FAwBJ,CAAC;AAMH,OAAA,MAAM,2FAAa,CAAC","sources":["packages/react/toggle/src/packages/react/toggle/src/Toggle.tsx","packages/react/toggle/src/packages/react/toggle/src/index.ts","packages/react/toggle/src/index.ts"],"sourcesContent":[null,null,"export * from './Toggle';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,69 @@
|
|
|
1
|
-
var
|
|
1
|
+
var $kLydb$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
|
|
2
|
+
var $kLydb$react = require("react");
|
|
3
|
+
var $kLydb$radixuiprimitive = require("@radix-ui/primitive");
|
|
4
|
+
var $kLydb$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
|
|
5
|
+
var $kLydb$radixuireactprimitive = require("@radix-ui/react-primitive");
|
|
6
|
+
|
|
7
|
+
function $parcel$exportWildcard(dest, source) {
|
|
8
|
+
Object.keys(source).forEach(function(key) {
|
|
9
|
+
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(dest, key, {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return source[key];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
return dest;
|
|
22
|
+
}
|
|
23
|
+
function $parcel$interopDefault(a) {
|
|
24
|
+
return a && a.__esModule ? a.default : a;
|
|
25
|
+
}
|
|
26
|
+
function $parcel$export(e, n, v, s) {
|
|
27
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
28
|
+
}
|
|
29
|
+
var $7d30e3d88c861f40$exports = {};
|
|
30
|
+
|
|
31
|
+
$parcel$export($7d30e3d88c861f40$exports, "Toggle", () => $7d30e3d88c861f40$export$bea8ebba691c5813);
|
|
32
|
+
$parcel$export($7d30e3d88c861f40$exports, "Root", () => $7d30e3d88c861f40$export$be92b6f5f03c0fe9);
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
/* -------------------------------------------------------------------------------------------------
|
|
39
|
+
* Toggle
|
|
40
|
+
* -----------------------------------------------------------------------------------------------*/ const $7d30e3d88c861f40$var$NAME = 'Toggle';
|
|
41
|
+
const $7d30e3d88c861f40$export$bea8ebba691c5813 = /*#__PURE__*/ $kLydb$react.forwardRef((props, forwardedRef)=>{
|
|
42
|
+
const { pressed: pressedProp , defaultPressed: defaultPressed = false , onPressedChange: onPressedChange , ...buttonProps } = props;
|
|
43
|
+
const [pressed = false, setPressed] = $kLydb$radixuireactusecontrollablestate.useControllableState({
|
|
44
|
+
prop: pressedProp,
|
|
45
|
+
onChange: onPressedChange,
|
|
46
|
+
defaultProp: defaultPressed
|
|
47
|
+
});
|
|
48
|
+
return /*#__PURE__*/ $kLydb$react.createElement($kLydb$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($kLydb$babelruntimehelpersextends))({
|
|
49
|
+
type: "button",
|
|
50
|
+
"aria-pressed": pressed,
|
|
51
|
+
"data-state": pressed ? 'on' : 'off',
|
|
52
|
+
"data-disabled": props.disabled ? '' : undefined
|
|
53
|
+
}, buttonProps, {
|
|
54
|
+
ref: forwardedRef,
|
|
55
|
+
onClick: $kLydb$radixuiprimitive.composeEventHandlers(props.onClick, ()=>{
|
|
56
|
+
if (!props.disabled) setPressed(!pressed);
|
|
57
|
+
})
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
/*#__PURE__*/ Object.assign($7d30e3d88c861f40$export$bea8ebba691c5813, {
|
|
61
|
+
displayName: $7d30e3d88c861f40$var$NAME
|
|
62
|
+
});
|
|
63
|
+
/* ---------------------------------------------------------------------------------------------- */ const $7d30e3d88c861f40$export$be92b6f5f03c0fe9 = $7d30e3d88c861f40$export$bea8ebba691c5813;
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
$parcel$exportWildcard(module.exports, $7d30e3d88c861f40$exports);
|
|
67
|
+
|
|
68
|
+
|
|
2
69
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A;;;;;ACOA;;oGAEA,CAEA,MAAMI,0BAAI,GAAG,QAAb,AAAA;AAqBA,MAAMC,yCAAM,GAAA,aAAGL,CAAAA,uBAAA,CAA6C,CAACO,KAAD,EAAQC,YAAR,GAAyB;IACnF,MAAM,EAAEC,OAAO,EAAEC,WAAX,CAAA,kBAAwBC,cAAc,GAAG,KAAzC,G,iBAAgDC,eAAhD,CAAA,EAAiE,GAAGC,WAAH,EAAjE,GAAoFN,KAA1F,AAAM;IAEN,MAAM,CAACE,OAAO,GAAG,KAAX,EAAkBK,UAAlB,CAAA,GAAgCZ,4DAAoB,CAAC;QACzDa,IAAI,EAAEL,WADmD;QAEzDM,QAAQ,EAAEJ,eAF+C;QAGzDK,WAAW,EAAEN,cAAbM;KAHwD,CAA1D,AAA2D;IAM3D,OAAA,aACE,CAAA,0BAAA,CAAC,sCAAD,CAAW,MAAX,EADF,2DAAA,CAAA;QAEI,IAAI,EAAC,QADP;QAEE,cAAA,EAAcR,OAFhB;QAGE,YAAA,EAAYA,OAAO,GAAG,IAAH,GAAU,KAH/B;QAIE,eAAA,EAAeF,KAAK,CAACW,QAAN,GAAiB,EAAjB,GAAsBC,SAArC;KAJF,EAKMN,WALN,EAAA;QAME,GAAG,EAAEL,YANP;QAOE,OAAO,EAAEP,4CAAoB,CAACM,KAAK,CAACa,OAAP,EAAgB,IAAM;YACjD,IAAI,CAACb,KAAK,CAACW,QAAX,EACEJ,UAAU,CAAC,CAACL,OAAF,CAAV,CAAAK;SAFyB,CAI5B;KAXH,CAAA,CADF,CACE;CAVW,CAAf,AAwBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,0BAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAMO,yCAAI,GAAGhB,yCAAb,AAAA;;AD9DA","sources":["packages/react/toggle/src/index.ts","packages/react/toggle/src/Toggle.tsx"],"sourcesContent":["export * 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\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.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) => {\n const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n const [pressed = false, setPressed] = useControllableState({\n prop: pressedProp,\n onChange: onPressedChange,\n defaultProp: defaultPressed,\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\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n Toggle,\n //\n Root,\n};\nexport type { ToggleProps };\n"],"names":["React","composeEventHandlers","useControllableState","Primitive","NAME","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","disabled","undefined","onClick","Root"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js
CHANGED
|
@@ -1,2 +1,50 @@
|
|
|
1
|
-
import
|
|
1
|
+
import $5AXX7$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import {forwardRef as $5AXX7$forwardRef, createElement as $5AXX7$createElement} from "react";
|
|
3
|
+
import {composeEventHandlers as $5AXX7$composeEventHandlers} from "@radix-ui/primitive";
|
|
4
|
+
import {useControllableState as $5AXX7$useControllableState} from "@radix-ui/react-use-controllable-state";
|
|
5
|
+
import {Primitive as $5AXX7$Primitive} from "@radix-ui/react-primitive";
|
|
6
|
+
|
|
7
|
+
function $parcel$export(e, n, v, s) {
|
|
8
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
9
|
+
}
|
|
10
|
+
var $b3bbe2732c13b576$exports = {};
|
|
11
|
+
|
|
12
|
+
$parcel$export($b3bbe2732c13b576$exports, "Toggle", () => $b3bbe2732c13b576$export$bea8ebba691c5813);
|
|
13
|
+
$parcel$export($b3bbe2732c13b576$exports, "Root", () => $b3bbe2732c13b576$export$be92b6f5f03c0fe9);
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
/* -------------------------------------------------------------------------------------------------
|
|
20
|
+
* Toggle
|
|
21
|
+
* -----------------------------------------------------------------------------------------------*/ const $b3bbe2732c13b576$var$NAME = 'Toggle';
|
|
22
|
+
const $b3bbe2732c13b576$export$bea8ebba691c5813 = /*#__PURE__*/ $5AXX7$forwardRef((props, forwardedRef)=>{
|
|
23
|
+
const { pressed: pressedProp , defaultPressed: defaultPressed = false , onPressedChange: onPressedChange , ...buttonProps } = props;
|
|
24
|
+
const [pressed = false, setPressed] = $5AXX7$useControllableState({
|
|
25
|
+
prop: pressedProp,
|
|
26
|
+
onChange: onPressedChange,
|
|
27
|
+
defaultProp: defaultPressed
|
|
28
|
+
});
|
|
29
|
+
return /*#__PURE__*/ $5AXX7$createElement($5AXX7$Primitive.button, $5AXX7$babelruntimehelpersesmextends({
|
|
30
|
+
type: "button",
|
|
31
|
+
"aria-pressed": pressed,
|
|
32
|
+
"data-state": pressed ? 'on' : 'off',
|
|
33
|
+
"data-disabled": props.disabled ? '' : undefined
|
|
34
|
+
}, buttonProps, {
|
|
35
|
+
ref: forwardedRef,
|
|
36
|
+
onClick: $5AXX7$composeEventHandlers(props.onClick, ()=>{
|
|
37
|
+
if (!props.disabled) setPressed(!pressed);
|
|
38
|
+
})
|
|
39
|
+
}));
|
|
40
|
+
});
|
|
41
|
+
/*#__PURE__*/ Object.assign($b3bbe2732c13b576$export$bea8ebba691c5813, {
|
|
42
|
+
displayName: $b3bbe2732c13b576$var$NAME
|
|
43
|
+
});
|
|
44
|
+
/* ---------------------------------------------------------------------------------------------- */ const $b3bbe2732c13b576$export$be92b6f5f03c0fe9 = $b3bbe2732c13b576$export$bea8ebba691c5813;
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
export {$b3bbe2732c13b576$export$bea8ebba691c5813 as Toggle, $b3bbe2732c13b576$export$be92b6f5f03c0fe9 as Root};
|
|
2
50
|
//# sourceMappingURL=index.module.js.map
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;A;;;;;ACOA;;oGAEA,CAEA,MAAMI,0BAAI,GAAG,QAAb,AAAA;AAqBA,MAAMC,yCAAM,GAAA,aAAGL,CAAAA,iBAAA,CAA6C,CAACO,KAAD,EAAQC,YAAR,GAAyB;IACnF,MAAM,EAAEC,OAAO,EAAEC,WAAX,CAAA,kBAAwBC,cAAc,GAAG,KAAzC,G,iBAAgDC,eAAhD,CAAA,EAAiE,GAAGC,WAAH,EAAjE,GAAoFN,KAA1F,AAAM;IAEN,MAAM,CAACE,OAAO,GAAG,KAAX,EAAkBK,UAAlB,CAAA,GAAgCZ,2BAAoB,CAAC;QACzDa,IAAI,EAAEL,WADmD;QAEzDM,QAAQ,EAAEJ,eAF+C;QAGzDK,WAAW,EAAEN,cAAbM;KAHwD,CAA1D,AAA2D;IAM3D,OAAA,aACE,CAAA,oBAAA,CAAC,gBAAD,CAAW,MAAX,EADF,oCAAA,CAAA;QAEI,IAAI,EAAC,QADP;QAEE,cAAA,EAAcR,OAFhB;QAGE,YAAA,EAAYA,OAAO,GAAG,IAAH,GAAU,KAH/B;QAIE,eAAA,EAAeF,KAAK,CAACW,QAAN,GAAiB,EAAjB,GAAsBC,SAArC;KAJF,EAKMN,WALN,EAAA;QAME,GAAG,EAAEL,YANP;QAOE,OAAO,EAAEP,2BAAoB,CAACM,KAAK,CAACa,OAAP,EAAgB,IAAM;YACjD,IAAI,CAACb,KAAK,CAACW,QAAX,EACEJ,UAAU,CAAC,CAACL,OAAF,CAAV,CAAAK;SAFyB,CAI5B;KAXH,CAAA,CADF,CACE;CAVW,CAAf,AAwBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,0BAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAMO,yCAAI,GAAGhB,yCAAb,AAAA;;AD9DA","sources":["packages/react/toggle/src/index.ts","packages/react/toggle/src/Toggle.tsx"],"sourcesContent":["export * 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\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle';\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.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) => {\n const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n const [pressed = false, setPressed] = useControllableState({\n prop: pressedProp,\n onChange: onPressedChange,\n defaultProp: defaultPressed,\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\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n Toggle,\n //\n Root,\n};\nexport type { ToggleProps };\n"],"names":["React","composeEventHandlers","useControllableState","Primitive","NAME","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","disabled","undefined","onClick","Root"],"version":3,"file":"index.module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radix-ui/react-toggle",
|
|
3
|
-
"version": "0.1.5-rc.
|
|
3
|
+
"version": "0.1.5-rc.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime": "^7.13.10",
|
|
20
20
|
"@radix-ui/primitive": "0.1.0",
|
|
21
|
-
"@radix-ui/react-primitive": "0.1.5-rc.
|
|
22
|
-
"@radix-ui/react-use-controllable-state": "0.1.1-rc.
|
|
21
|
+
"@radix-ui/react-primitive": "0.1.5-rc.5",
|
|
22
|
+
"@radix-ui/react-use-controllable-state": "0.1.1-rc.5"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^16.8 || ^17.0 || ^18.0"
|