@radix-ui/react-toggle 0.0.9 → 0.1.0
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 +7 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +1 -1
- package/dist/index.module.js.map +1 -1
- package/package.json +4 -6
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as Radix from "@radix-ui/react-primitive";
|
|
1
3
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type ToggleOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof Primitive>, {
|
|
4
|
+
type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
5
|
+
export interface ToggleProps extends PrimitiveButtonProps {
|
|
5
6
|
/**
|
|
6
7
|
* The controlled state of the toggle.
|
|
7
8
|
*/
|
|
@@ -16,9 +17,8 @@ type ToggleOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof Primitive>,
|
|
|
16
17
|
* The callback that fires when the state of the toggle changes.
|
|
17
18
|
*/
|
|
18
19
|
onPressedChange?(pressed: boolean): void;
|
|
19
|
-
}
|
|
20
|
-
export
|
|
21
|
-
export const
|
|
22
|
-
export const Root: TogglePrimitive;
|
|
20
|
+
}
|
|
21
|
+
export const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
export const Root: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
23
23
|
|
|
24
24
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"A;A;
|
|
1
|
+
{"mappings":"A;A;A;AAcA,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,4BAAsB,SAAQ,oBAAoB;IAChD;A;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;A;A;A;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;A;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"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e,r,t,a=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-controllable-state").useControllableState,i=require("@radix-ui/primitive").composeEventHandlers,
|
|
1
|
+
var e,r,t,a=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-controllable-state").useControllableState,i=require("@radix-ui/primitive").composeEventHandlers,n=(e={},r=require("react"),Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e),s=(t=require("@babel/runtime/helpers/extends"))&&t.__esModule?t.default:t;const d=/*#__PURE__*/n.forwardRef(((e,r)=>{const{pressed:t,defaultPressed:d=!1,onPressedChange:u,...l}=e,[c=!1,f]=o({prop:t,onChange:u,defaultProp:d});/*#__PURE__*/return n.createElement(a.button,s({type:"button","aria-pressed":c,"data-state":c?"on":"off","data-disabled":e.disabled?"":void 0},l,{ref:r,onClick:i(e.onClick,(()=>{e.disabled||f(!c)}))}))}));exports.Toggle=d;const u=d;exports.Root=u;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"IAYgCA,EAAMC,EAZNC,qLAYAF,KAAMC,mBACpCE,OAAOC,KAAKH,GAAQI,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeP,EAAMM,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOR,EAAOK,SAKbN,MA1BuBE,8CAClBA,EAAEQ,WAAaR,EAAES,QAAUT,
|
|
1
|
+
{"mappings":"IAYgCA,EAAMC,EAZNC,qLAYAF,KAAMC,mBACpCE,OAAOC,KAAKH,GAAQI,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeP,EAAMM,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOR,EAAOK,SAKbN,MA1BuBE,8CAClBA,EAAEQ,WAAaR,EAAES,QAAUT,ECUzC,MAqBMU,eAASC,EAAMC,YAAuC,CAACC,EAAOC,KAClE,MAAQC,QAASC,EAAXC,eAAwBA,GAAiB,EAAzCC,gBAAgDA,KAAoBC,GAAgBN,GAEnFE,GAAU,EAAOK,GAAcC,EAAqB,CACzDC,KAAMN,EACNO,SAAUL,EACVM,YAAaP,iBAGf,OACEQ,EAAAC,cAACC,EAAUC,OAAXC,EAAA,CACEC,KAAK,SACL,eAAcf,EACd,aAAYA,EAAU,KAAO,MAC7B,gBAAeF,EAAMkB,SAAW,QAAKC,GACjCb,EALN,CAMEc,IAAKnB,EACLoB,QAASC,EAAqBtB,EAAMqB,SAAS,KACtCrB,EAAMkB,UACTX,GAAYL,6BAWtB,MAAMqB,EAAO1B","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toggle/src/Toggle.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\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":["dest","source","a","Object","keys","forEach","key","defineProperty","enumerable","get","__esModule","default","Toggle","React","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","useControllableState","prop","onChange","defaultProp","_react","createElement","Primitive","button","_babelRuntimeHelpersExtends","type","disabled","undefined","ref","onClick","composeEventHandlers","Root"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Primitive as e}from"@radix-ui/react-primitive";import{useControllableState as r}from"@radix-ui/react-use-controllable-state";import{composeEventHandlers as t}from"@radix-ui/primitive";import*as o from"react";import a from"@babel/runtime/helpers/esm/extends";
|
|
1
|
+
import{Primitive as e}from"@radix-ui/react-primitive";import{useControllableState as r}from"@radix-ui/react-use-controllable-state";import{composeEventHandlers as t}from"@radix-ui/primitive";import*as o from"react";import a from"@babel/runtime/helpers/esm/extends";export const Toggle=/*#__PURE__*/o.forwardRef(((i,s)=>{const{pressed:d,defaultPressed:n=!1,onPressedChange:p,...l}=i,[m=!1,f]=r({prop:d,onChange:p,defaultProp:n});/*#__PURE__*/return o.createElement(e.button,a({type:"button","aria-pressed":m,"data-state":m?"on":"off","data-disabled":i.disabled?"":void 0},l,{ref:s,onClick:t(i.onClick,(()=>{i.disabled||f(!m)}))}))}));/*#__PURE__*/export const Root=Toggle;
|
|
2
2
|
//# sourceMappingURL=index.module.js.map
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":"gRAgCA,MAAMA,oBAASC,EAAMC,YAAuC,CAACC,EAAOC,KAClE,MAAQC,QAASC,EAAXC,eAAwBA,GAAiB,EAAzCC,gBAAgDA,KAAoBC,GAAgBN,GAEnFE,GAAU,EAAOK,GAAcC,EAAqB,CACzDC,KAAMN,EACNO,SAAUL,EACVM,YAAaP,iBAGf,OACEQ,EAAAC,cAACC,EAAUC,OAAXC,EAAA,CACEC,KAAK,SACL,eAAcf,EACd,aAAYA,EAAU,KAAO,MAC7B,gBAAeF,EAAMkB,SAAW,QAAKC,GACjCb,EALN,CAMEc,IAAKnB,EACLoB,QAASC,EAAqBtB,EAAMqB,SAAS,KACtCrB,EAAMkB,UACTX,GAAYL,gCAWtB,MAAMqB,KAAO1B","sources":["./packages/react/toggle/src/Toggle.tsx"],"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\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":["Toggle","React","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","useControllableState","prop","onChange","defaultProp","_react","createElement","Primitive","button","_babelRuntimeHelpersEsmExtends","type","disabled","undefined","ref","onClick","composeEventHandlers","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.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -13,15 +13,13 @@
|
|
|
13
13
|
"sideEffects": false,
|
|
14
14
|
"scripts": {
|
|
15
15
|
"clean": "rm -rf dist",
|
|
16
|
-
"prepublish": "yarn clean",
|
|
17
16
|
"version": "yarn version"
|
|
18
17
|
},
|
|
19
18
|
"dependencies": {
|
|
20
19
|
"@babel/runtime": "^7.13.10",
|
|
21
|
-
"@radix-ui/primitive": "0.0
|
|
22
|
-
"@radix-ui/react-
|
|
23
|
-
"@radix-ui/react-
|
|
24
|
-
"@radix-ui/react-use-controllable-state": "0.0.6"
|
|
20
|
+
"@radix-ui/primitive": "0.1.0",
|
|
21
|
+
"@radix-ui/react-primitive": "0.1.0",
|
|
22
|
+
"@radix-ui/react-use-controllable-state": "0.1.0"
|
|
25
23
|
},
|
|
26
24
|
"peerDependencies": {
|
|
27
25
|
"react": "^16.8 || ^17.0"
|