@radix-ui/react-toolbar 0.1.6-rc.9 → 1.0.1-rc.1
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 +19 -34
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +4 -19
- package/dist/index.module.js.map +1 -1
- package/package.json +11 -10
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;AAqBA,OAAA,yFAGE,CAAC;AAIH,6BAA6B,MAAM,wBAAwB,CAAC,OAAO,iBAAiB,IAAI,CAAC,CAAC;AAS1F,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,6BAAuB,SAAQ,iBAAiB;IAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAED,OAAA,MAAM,4FAyBL,CAAC;AAWF,sBAAsB,MAAM,wBAAwB,CAAC,OAAO,mBAAmB,IAAI,CAAC,CAAC;AACrF,sCAAgC,SAAQ,cAAc;CAAG;AAEzD,OAAA,MAAM,8GAYL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAUL,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,kBAAkB;CAAG;AAExD,OAAA,MAAM,uGAgBL,CAAC;AAWF,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AACzF,8CAAwC,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;CAAG;AAChG,gDAA0C,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;CAAG;AAEpG,OAAA,MAAM,4JAsBL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAC7F,uCAAiC,SAAQ,oBAAoB;CAAG;AAEhE,OAAA,MAAM,
|
|
1
|
+
{"mappings":";;;;;;AAqBA,OAAA,yFAGE,CAAC;AAIH,6BAA6B,MAAM,wBAAwB,CAAC,OAAO,iBAAiB,IAAI,CAAC,CAAC;AAS1F,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,6BAAuB,SAAQ,iBAAiB;IAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAED,OAAA,MAAM,4FAyBL,CAAC;AAWF,sBAAsB,MAAM,wBAAwB,CAAC,OAAO,mBAAmB,IAAI,CAAC,CAAC;AACrF,sCAAgC,SAAQ,cAAc;CAAG;AAEzD,OAAA,MAAM,8GAYL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAUL,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,kBAAkB;CAAG;AAExD,OAAA,MAAM,uGAgBL,CAAC;AAWF,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AACzF,8CAAwC,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;CAAG;AAChG,gDAA0C,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;CAAG;AAEpG,OAAA,MAAM,4JAsBL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAC7F,uCAAiC,SAAQ,oBAAoB;CAAG;AAEhE,OAAA,MAAM,mHAYL,CAAC;AAMF,OAAA,MAAM,yFAAc,CAAC;AACrB,OAAA,MAAM,uGAA4B,CAAC;AACnC,OAAA,MAAM,oGAAsB,CAAC;AAC7B,OAAA,MAAM,gGAAkB,CAAC;AACzB,OAAA,MAAM,qJAAgC,CAAC;AACvC,OAAA,MAAM,4GAA8B,CAAC","sources":["packages/react/toolbar/src/packages/react/toolbar/src/Toolbar.tsx","packages/react/toolbar/src/packages/react/toolbar/src/index.ts","packages/react/toolbar/src/index.ts"],"sourcesContent":[null,null,"export {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n} from './Toolbar';\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n} from './Toolbar';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js
CHANGED
|
@@ -8,43 +8,26 @@ var $ds9gm$radixuireactseparator = require("@radix-ui/react-separator");
|
|
|
8
8
|
var $ds9gm$radixuireacttogglegroup = require("@radix-ui/react-toggle-group");
|
|
9
9
|
var $ds9gm$radixuireactdirection = require("@radix-ui/react-direction");
|
|
10
10
|
|
|
11
|
-
function $parcel$
|
|
12
|
-
Object.
|
|
13
|
-
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
Object.defineProperty(dest, key, {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: function get() {
|
|
20
|
-
return source[key];
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
return dest;
|
|
11
|
+
function $parcel$export(e, n, v, s) {
|
|
12
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
26
13
|
}
|
|
27
14
|
function $parcel$interopDefault(a) {
|
|
28
15
|
return a && a.__esModule ? a.default : a;
|
|
29
16
|
}
|
|
30
|
-
function $parcel$export(e, n, v, s) {
|
|
31
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
32
|
-
}
|
|
33
|
-
var $ac268fe8f3257fa7$exports = {};
|
|
34
17
|
|
|
35
|
-
$parcel$export(
|
|
36
|
-
$parcel$export(
|
|
37
|
-
$parcel$export(
|
|
38
|
-
$parcel$export(
|
|
39
|
-
$parcel$export(
|
|
40
|
-
$parcel$export(
|
|
41
|
-
$parcel$export(
|
|
42
|
-
$parcel$export(
|
|
43
|
-
$parcel$export(
|
|
44
|
-
$parcel$export(
|
|
45
|
-
$parcel$export(
|
|
46
|
-
$parcel$export(
|
|
47
|
-
$parcel$export(
|
|
18
|
+
$parcel$export(module.exports, "createToolbarScope", () => $ac268fe8f3257fa7$export$233e637670877d91);
|
|
19
|
+
$parcel$export(module.exports, "Toolbar", () => $ac268fe8f3257fa7$export$4c260019440d418f);
|
|
20
|
+
$parcel$export(module.exports, "ToolbarSeparator", () => $ac268fe8f3257fa7$export$291e1a31e8ec7868);
|
|
21
|
+
$parcel$export(module.exports, "ToolbarButton", () => $ac268fe8f3257fa7$export$e5c1a33878e86e9e);
|
|
22
|
+
$parcel$export(module.exports, "ToolbarLink", () => $ac268fe8f3257fa7$export$ff5714eba66809fd);
|
|
23
|
+
$parcel$export(module.exports, "ToolbarToggleGroup", () => $ac268fe8f3257fa7$export$aeae28cb17562c0b);
|
|
24
|
+
$parcel$export(module.exports, "ToolbarToggleItem", () => $ac268fe8f3257fa7$export$546b879b639844a1);
|
|
25
|
+
$parcel$export(module.exports, "Root", () => $ac268fe8f3257fa7$export$be92b6f5f03c0fe9);
|
|
26
|
+
$parcel$export(module.exports, "Separator", () => $ac268fe8f3257fa7$export$1ff3c3f08ae963c0);
|
|
27
|
+
$parcel$export(module.exports, "Button", () => $ac268fe8f3257fa7$export$353f5b6fc5456de1);
|
|
28
|
+
$parcel$export(module.exports, "Link", () => $ac268fe8f3257fa7$export$a6c7ac8248d6e38a);
|
|
29
|
+
$parcel$export(module.exports, "ToggleGroup", () => $ac268fe8f3257fa7$export$af3ec21f6cfb5e30);
|
|
30
|
+
$parcel$export(module.exports, "ToggleItem", () => $ac268fe8f3257fa7$export$920ad4cf87b18fc7);
|
|
48
31
|
|
|
49
32
|
|
|
50
33
|
|
|
@@ -169,9 +152,12 @@ const $ac268fe8f3257fa7$export$aeae28cb17562c0b = /*#__PURE__*/ $ds9gm$react.for
|
|
|
169
152
|
const $ac268fe8f3257fa7$export$546b879b639844a1 = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
|
|
170
153
|
const { __scopeToolbar: __scopeToolbar , ...toggleItemProps } = props;
|
|
171
154
|
const toggleGroupScope = $ac268fe8f3257fa7$var$useToggleGroupScope(__scopeToolbar);
|
|
155
|
+
const scope = {
|
|
156
|
+
__scopeToolbar: props.__scopeToolbar
|
|
157
|
+
};
|
|
172
158
|
return /*#__PURE__*/ $ds9gm$react.createElement($ac268fe8f3257fa7$export$e5c1a33878e86e9e, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
|
|
173
159
|
asChild: true
|
|
174
|
-
},
|
|
160
|
+
}, scope), /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireacttogglegroup.Item, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({}, toggleGroupScope, toggleItemProps, {
|
|
175
161
|
ref: forwardedRef
|
|
176
162
|
})));
|
|
177
163
|
});
|
|
@@ -186,7 +172,6 @@ const $ac268fe8f3257fa7$export$af3ec21f6cfb5e30 = $ac268fe8f3257fa7$export$aeae2
|
|
|
186
172
|
const $ac268fe8f3257fa7$export$920ad4cf87b18fc7 = $ac268fe8f3257fa7$export$546b879b639844a1;
|
|
187
173
|
|
|
188
174
|
|
|
189
|
-
$parcel$exportWildcard(module.exports, $ac268fe8f3257fa7$exports);
|
|
190
175
|
|
|
191
176
|
|
|
192
177
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A;;;;;;;;;;;ACcA;;oGAEA,CAEA,MAAMU,kCAAY,GAAG,SAArB,AAAA;AAGA,MAAM,CAACC,0CAAD,EAAuBC,yCAAvB,CAAA,GAA6CV,6CAAkB,CAACQ,kCAAD,EAAe;IAClFN,0DADkF;IAElFI,qDAFkF;CAAf,CAArE,AAAA;AAIA,MAAMK,8CAAwB,GAAGT,0DAA2B,EAA5D,AAAA;AACA,MAAMU,yCAAmB,GAAGN,qDAAsB,EAAlD,AAAA;AAOA,MAAM,CAACO,qCAAD,EAAkBC,uCAAlB,CAAA,GACJL,0CAAoB,CAAsBD,kCAAtB,CADtB,AAAA;AAWA,MAAMO,yCAAO,GAAA,aAAGjB,CAAAA,uBAAA,CACd,CAACmB,KAAD,EAAmCC,YAAnC,GAAoD;IAClD,MAAM,E,gBAAEC,cAAF,CAAA,eAAkBC,WAAW,GAAG,YAAhC,G,KAA8CC,GAA9C,CAAA,QAAmDC,IAAI,GAAG,IAA1D,GAAgE,GAAGC,YAAH,EAAhE,GAAoFN,KAA1F,AAAM;IACN,MAAMO,qBAAqB,GAAGb,8CAAwB,CAACQ,cAAD,CAAtD,AAAA;IACA,MAAMM,SAAS,GAAGlB,yCAAY,CAACc,GAAD,CAA9B,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAC,qCAAD,EADF;QACmB,KAAK,EAAEF,cAAxB;QAAwC,WAAW,EAAEC,WAArD;QAAkE,GAAG,EAAEK,SAAL;KAAlE,EAAA,aACE,CAAA,0BAAA,CAAC,mCAAD,EADF,2DAAA,CAAA;QAEI,OAAO,EAAP,IAAA;KADF,EAEMD,qBAFN,EAAA;QAGE,WAAW,EAAEJ,WAHf;QAIE,GAAG,EAAEK,SAJP;QAKE,IAAI,EAAEH,IAAN;KALF,CAAA,EAAA,aAOE,CAAA,0BAAA,CAAC,sCAAD,CAAW,GAAX,EAPF,2DAAA,CAAA;QAQI,IAAI,EAAC,SADP;QAEE,kBAAA,EAAkBF,WAFpB;QAGE,GAAG,EAAEK,SAAL;KAHF,EAIMF,YAJN,EAAA;QAKE,GAAG,EAAEL,YAAL;KALF,CAAA,CAPF,CADF,CADF,CASM;CAdM,CAAhB,AAwBG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,kCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMQ,oCAAc,GAAG,kBAAvB,AAAA;AAMA,MAAMC,yCAAgB,GAAA,aAAG7B,CAAAA,uBAAA,CACvB,CAACmB,KAAD,EAA4CC,YAA5C,GAA6D;IAC3D,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGS,cAAH,EAAlB,GAAwCX,KAA9C,AAAM;IACN,MAAMY,OAAO,GAAGf,uCAAiB,CAACY,oCAAD,EAAiBP,cAAjB,CAAjC,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAC,iCAAD,EADF,2DAAA,CAAA;QAEI,WAAW,EAAEU,OAAO,CAACT,WAAR,KAAwB,YAAxB,GAAuC,UAAvC,GAAoD,YAAjE;KADF,EAEMQ,cAFN,EAAA;QAGE,GAAG,EAAEV,YAAL;KAHF,CAAA,CADF,CACE;CALmB,CAAzB,AAWG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,oCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMY,iCAAW,GAAG,eAApB,AAAA;AAMA,MAAMC,yCAAa,GAAA,aAAGjC,CAAAA,uBAAA,CACpB,CAACmB,KAAD,EAAyCC,YAAzC,GAA0D;IACxD,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGa,WAAH,EAAlB,GAAqCf,KAA3C,AAAM;IACN,MAAMO,qBAAqB,GAAGb,8CAAwB,CAACQ,cAAD,CAAtD,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAC,mCAAD,EADF,2DAAA,CAAA;QACyB,OAAO,EAAP,IAAA;KAAvB,EAAmCK,qBAAnC,EAAA;QAA0D,SAAS,EAAE,CAACP,KAAK,CAACgB,QAAlB;KAA1D,CAAA,EAAA,aACE,CAAA,0BAAA,CAAC,sCAAD,CAAW,MAAX,EADF,2DAAA,CAAA;QACoB,IAAI,EAAC,QAAL;KAAlB,EAAoCD,WAApC,EAAA;QAAiD,GAAG,EAAEd,YAAL;KAAjD,CAAA,CADF,CADF,CAEI;CANc,CAAtB,AASG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMgB,+BAAS,GAAG,aAAlB,AAAA;AAMA,MAAMC,yCAAW,GAAA,aAAGrC,CAAAA,uBAAA,CAClB,CAACmB,KAAD,EAAuCC,YAAvC,GAAwD;IACtD,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGiB,SAAH,EAAlB,GAAmCnB,KAAzC,AAAM;IACN,MAAMO,qBAAqB,GAAGb,8CAAwB,CAACQ,cAAD,CAAtD,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAC,mCAAD,EADF,2DAAA,CAAA;QACyB,OAAO,EAAP,IAAA;KAAvB,EAAmCK,qBAAnC,EAAA;QAA0D,SAAS,EAAT,IAAA;KAA1D,CAAA,EAAA,aACE,CAAA,0BAAA,CAAC,sCAAD,CAAW,CAAX,EAAA,2DAAA,CAAA,EAAA,EACMY,SADN,EADF;QAGI,GAAG,EAAElB,YAFP;QAGE,SAAS,EAAEnB,4CAAoB,CAACkB,KAAK,CAACoB,SAAP,EAAmBC,CAAAA,KAAD,GAAW;YAC1D,IAAIA,KAAK,CAACC,GAAN,KAAc,GAAlB,EAAuBD,KAAK,CAACE,aAAN,CAAoBC,KAApB,EAAvB,CAAA;SAD6B,CAE9B;KALH,CAAA,CADF,CADF,CAEI;CANY,CAApB,AAeG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,+BAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMC,uCAAiB,GAAG,oBAA1B,AAAA;AAOA,MAAMC,yCAAkB,GAAA,aAAG7C,CAAAA,uBAAA,CAIzB,CACEmB,KADF,EAEEC,YAFF,GAGK;IACH,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGyB,gBAAH,EAAlB,GAA0C3B,KAAhD,AAAM;IACN,MAAMY,OAAO,GAAGf,uCAAiB,CAAC4B,uCAAD,EAAoBvB,cAApB,CAAjC,AAAA;IACA,MAAM0B,gBAAgB,GAAGjC,yCAAmB,CAACO,cAAD,CAA5C,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAC,mCAAD,EADF,2DAAA,CAAA;QAEI,kBAAA,EAAkBU,OAAO,CAACT,WAD5B;QAEE,GAAG,EAAES,OAAO,CAACR,GAAb;KAFF,EAGMwB,gBAHN,EAIMD,gBAJN,EAAA;QAKE,GAAG,EAAE1B,YALP;QAME,WAAW,EAAE,KAAb;KANF,CAAA,CADF,CACE;CAZqB,CAA3B,AAqBG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,uCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAM4B,sCAAgB,GAAG,mBAAzB,AAAA;AAMA,MAAMC,yCAAiB,GAAA,aAAGjD,CAAAA,uBAAA,CACxB,CAACmB,KAAD,EAA6CC,YAA7C,GAA8D;IAC5D,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAG6B,eAAH,EAAlB,GAAyC/B,KAA/C,AAAM;IACN,MAAM4B,gBAAgB,GAAGjC,yCAAmB,CAACO,cAAD,CAA5C,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAC,yCAAD,EADF,2DAAA,CAAA;QACiB,OAAO,EAAP,IAAA;KAAf,EAA2BF,KAA3B,CAAA,EAAA,aACE,CAAA,0BAAA,CAAC,mCAAD,EAAA,2DAAA,CAAA,EAAA,EAA+B4B,gBAA/B,EAAqDG,eAArD,EADF;QACwE,GAAG,EAAE9B,YAAL;KAAtE,CAAA,CADF,CADF,CAEI;CANkB,CAA1B,AASG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,sCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAM+B,yCAAI,GAAGlC,yCAAb,AAAA;AACA,MAAMmC,yCAAS,GAAGvB,yCAAlB,AAAA;AACA,MAAMwB,yCAAM,GAAGpB,yCAAf,AAAA;AACA,MAAMqB,yCAAI,GAAGjB,yCAAb,AAAA;AACA,MAAMkB,yCAAW,GAAGV,yCAApB,AAAA;AACA,MAAMW,yCAAU,GAAGP,yCAAnB,AAAA;;AD7NA","sources":["packages/react/toolbar/src/index.ts","packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["export * from './Toolbar';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToolbarButton asChild {...props}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["React","composeEventHandlers","createContextScope","RovingFocusGroup","createRovingFocusGroupScope","Primitive","SeparatorPrimitive","ToggleGroupPrimitive","createToggleGroupScope","useDirection","TOOLBAR_NAME","createToolbarContext","createToolbarScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","BUTTON_NAME","ToolbarButton","buttonProps","disabled","LINK_NAME","ToolbarLink","linkProps","onKeyDown","event","key","currentTarget","click","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","Root","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react/toolbar/src/index.ts","packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["export {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n} from './Toolbar';\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n} from './Toolbar';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n const scope = { __scopeToolbar: props.__scopeToolbar };\n\n return (\n <ToolbarButton asChild {...scope}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["createToolbarScope","Toolbar","ToolbarSeparator","ToolbarButton","ToolbarLink","ToolbarToggleGroup","ToolbarToggleItem","Root","Separator","Button","Link","ToggleGroup","ToggleItem","React","composeEventHandlers","createContextScope","RovingFocusGroup","createRovingFocusGroupScope","Primitive","SeparatorPrimitive","ToggleGroupPrimitive","createToggleGroupScope","useDirection","TOOLBAR_NAME","createToolbarContext","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","SEPARATOR_NAME","separatorProps","context","BUTTON_NAME","buttonProps","disabled","LINK_NAME","linkProps","onKeyDown","event","key","currentTarget","click","TOGGLE_GROUP_NAME","toggleGroupProps","toggleGroupScope","TOGGLE_ITEM_NAME","toggleItemProps","scope"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js
CHANGED
|
@@ -8,24 +8,6 @@ import {Root as $72MJ6$Root1} from "@radix-ui/react-separator";
|
|
|
8
8
|
import {createToggleGroupScope as $72MJ6$createToggleGroupScope, Root as $72MJ6$Root2, Item as $72MJ6$Item1} from "@radix-ui/react-toggle-group";
|
|
9
9
|
import {useDirection as $72MJ6$useDirection} from "@radix-ui/react-direction";
|
|
10
10
|
|
|
11
|
-
function $parcel$export(e, n, v, s) {
|
|
12
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
13
|
-
}
|
|
14
|
-
var $3dc4ded751c8bdfb$exports = {};
|
|
15
|
-
|
|
16
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "createToolbarScope", () => $3dc4ded751c8bdfb$export$233e637670877d91);
|
|
17
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "Toolbar", () => $3dc4ded751c8bdfb$export$4c260019440d418f);
|
|
18
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToolbarSeparator", () => $3dc4ded751c8bdfb$export$291e1a31e8ec7868);
|
|
19
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToolbarButton", () => $3dc4ded751c8bdfb$export$e5c1a33878e86e9e);
|
|
20
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToolbarLink", () => $3dc4ded751c8bdfb$export$ff5714eba66809fd);
|
|
21
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToolbarToggleGroup", () => $3dc4ded751c8bdfb$export$aeae28cb17562c0b);
|
|
22
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToolbarToggleItem", () => $3dc4ded751c8bdfb$export$546b879b639844a1);
|
|
23
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "Root", () => $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9);
|
|
24
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "Separator", () => $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0);
|
|
25
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "Button", () => $3dc4ded751c8bdfb$export$353f5b6fc5456de1);
|
|
26
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "Link", () => $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a);
|
|
27
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToggleGroup", () => $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30);
|
|
28
|
-
$parcel$export($3dc4ded751c8bdfb$exports, "ToggleItem", () => $3dc4ded751c8bdfb$export$920ad4cf87b18fc7);
|
|
29
11
|
|
|
30
12
|
|
|
31
13
|
|
|
@@ -150,9 +132,12 @@ const $3dc4ded751c8bdfb$export$aeae28cb17562c0b = /*#__PURE__*/ $72MJ6$forwardRe
|
|
|
150
132
|
const $3dc4ded751c8bdfb$export$546b879b639844a1 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
151
133
|
const { __scopeToolbar: __scopeToolbar , ...toggleItemProps } = props;
|
|
152
134
|
const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
|
|
135
|
+
const scope = {
|
|
136
|
+
__scopeToolbar: props.__scopeToolbar
|
|
137
|
+
};
|
|
153
138
|
return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, $72MJ6$babelruntimehelpersesmextends({
|
|
154
139
|
asChild: true
|
|
155
|
-
},
|
|
140
|
+
}, scope), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item1, $72MJ6$babelruntimehelpersesmextends({}, toggleGroupScope, toggleItemProps, {
|
|
156
141
|
ref: forwardedRef
|
|
157
142
|
})));
|
|
158
143
|
});
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;A;;;;;;;;;;;ACcA;;oGAEA,CAEA,MAAMU,kCAAY,GAAG,SAArB,AAAA;AAGA,MAAM,CAACC,0CAAD,EAAuBC,yCAAvB,CAAA,GAA6CV,yBAAkB,CAACQ,kCAAD,EAAe;IAClFN,kCADkF;IAElFI,6BAFkF;CAAf,CAArE,AAAA;AAIA,MAAMK,8CAAwB,GAAGT,kCAA2B,EAA5D,AAAA;AACA,MAAMU,yCAAmB,GAAGN,6BAAsB,EAAlD,AAAA;AAOA,MAAM,CAACO,qCAAD,EAAkBC,uCAAlB,CAAA,GACJL,0CAAoB,CAAsBD,kCAAtB,CADtB,AAAA;AAWA,MAAMO,yCAAO,GAAA,aAAGjB,CAAAA,iBAAA,CACd,CAACmB,KAAD,EAAmCC,YAAnC,GAAoD;IAClD,MAAM,E,gBAAEC,cAAF,CAAA,eAAkBC,WAAW,GAAG,YAAhC,G,KAA8CC,GAA9C,CAAA,QAAmDC,IAAI,GAAG,IAA1D,GAAgE,GAAGC,YAAH,EAAhE,GAAoFN,KAA1F,AAAM;IACN,MAAMO,qBAAqB,GAAGb,8CAAwB,CAACQ,cAAD,CAAtD,AAAA;IACA,MAAMM,SAAS,GAAGlB,mBAAY,CAACc,GAAD,CAA9B,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAC,qCAAD,EADF;QACmB,KAAK,EAAEF,cAAxB;QAAwC,WAAW,EAAEC,WAArD;QAAkE,GAAG,EAAEK,SAAL;KAAlE,EAAA,aACE,CAAA,oBAAA,CAAC,WAAD,EADF,oCAAA,CAAA;QAEI,OAAO,EAAP,IAAA;KADF,EAEMD,qBAFN,EAAA;QAGE,WAAW,EAAEJ,WAHf;QAIE,GAAG,EAAEK,SAJP;QAKE,IAAI,EAAEH,IAAN;KALF,CAAA,EAAA,aAOE,CAAA,oBAAA,CAAC,gBAAD,CAAW,GAAX,EAPF,oCAAA,CAAA;QAQI,IAAI,EAAC,SADP;QAEE,kBAAA,EAAkBF,WAFpB;QAGE,GAAG,EAAEK,SAAL;KAHF,EAIMF,YAJN,EAAA;QAKE,GAAG,EAAEL,YAAL;KALF,CAAA,CAPF,CADF,CADF,CASM;CAdM,CAAhB,AAwBG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,kCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMQ,oCAAc,GAAG,kBAAvB,AAAA;AAMA,MAAMC,yCAAgB,GAAA,aAAG7B,CAAAA,iBAAA,CACvB,CAACmB,KAAD,EAA4CC,YAA5C,GAA6D;IAC3D,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGS,cAAH,EAAlB,GAAwCX,KAA9C,AAAM;IACN,MAAMY,OAAO,GAAGf,uCAAiB,CAACY,oCAAD,EAAiBP,cAAjB,CAAjC,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAC,YAAD,EADF,oCAAA,CAAA;QAEI,WAAW,EAAEU,OAAO,CAACT,WAAR,KAAwB,YAAxB,GAAuC,UAAvC,GAAoD,YAAjE;KADF,EAEMQ,cAFN,EAAA;QAGE,GAAG,EAAEV,YAAL;KAHF,CAAA,CADF,CACE;CALmB,CAAzB,AAWG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,oCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMY,iCAAW,GAAG,eAApB,AAAA;AAMA,MAAMC,yCAAa,GAAA,aAAGjC,CAAAA,iBAAA,CACpB,CAACmB,KAAD,EAAyCC,YAAzC,GAA0D;IACxD,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGa,WAAH,EAAlB,GAAqCf,KAA3C,AAAM;IACN,MAAMO,qBAAqB,GAAGb,8CAAwB,CAACQ,cAAD,CAAtD,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAC,WAAD,EADF,oCAAA,CAAA;QACyB,OAAO,EAAP,IAAA;KAAvB,EAAmCK,qBAAnC,EAAA;QAA0D,SAAS,EAAE,CAACP,KAAK,CAACgB,QAAlB;KAA1D,CAAA,EAAA,aACE,CAAA,oBAAA,CAAC,gBAAD,CAAW,MAAX,EADF,oCAAA,CAAA;QACoB,IAAI,EAAC,QAAL;KAAlB,EAAoCD,WAApC,EAAA;QAAiD,GAAG,EAAEd,YAAL;KAAjD,CAAA,CADF,CADF,CAEI;CANc,CAAtB,AASG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMgB,+BAAS,GAAG,aAAlB,AAAA;AAMA,MAAMC,yCAAW,GAAA,aAAGrC,CAAAA,iBAAA,CAClB,CAACmB,KAAD,EAAuCC,YAAvC,GAAwD;IACtD,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGiB,SAAH,EAAlB,GAAmCnB,KAAzC,AAAM;IACN,MAAMO,qBAAqB,GAAGb,8CAAwB,CAACQ,cAAD,CAAtD,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAC,WAAD,EADF,oCAAA,CAAA;QACyB,OAAO,EAAP,IAAA;KAAvB,EAAmCK,qBAAnC,EAAA;QAA0D,SAAS,EAAT,IAAA;KAA1D,CAAA,EAAA,aACE,CAAA,oBAAA,CAAC,gBAAD,CAAW,CAAX,EAAA,oCAAA,CAAA,EAAA,EACMY,SADN,EADF;QAGI,GAAG,EAAElB,YAFP;QAGE,SAAS,EAAEnB,2BAAoB,CAACkB,KAAK,CAACoB,SAAP,EAAmBC,CAAAA,KAAD,GAAW;YAC1D,IAAIA,KAAK,CAACC,GAAN,KAAc,GAAlB,EAAuBD,KAAK,CAACE,aAAN,CAAoBC,KAApB,EAAvB,CAAA;SAD6B,CAE9B;KALH,CAAA,CADF,CADF,CAEI;CANY,CAApB,AAeG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,+BAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMC,uCAAiB,GAAG,oBAA1B,AAAA;AAOA,MAAMC,yCAAkB,GAAA,aAAG7C,CAAAA,iBAAA,CAIzB,CACEmB,KADF,EAEEC,YAFF,GAGK;IACH,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAGyB,gBAAH,EAAlB,GAA0C3B,KAAhD,AAAM;IACN,MAAMY,OAAO,GAAGf,uCAAiB,CAAC4B,uCAAD,EAAoBvB,cAApB,CAAjC,AAAA;IACA,MAAM0B,gBAAgB,GAAGjC,yCAAmB,CAACO,cAAD,CAA5C,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAC,YAAD,EADF,oCAAA,CAAA;QAEI,kBAAA,EAAkBU,OAAO,CAACT,WAD5B;QAEE,GAAG,EAAES,OAAO,CAACR,GAAb;KAFF,EAGMwB,gBAHN,EAIMD,gBAJN,EAAA;QAKE,GAAG,EAAE1B,YALP;QAME,WAAW,EAAE,KAAb;KANF,CAAA,CADF,CACE;CAZqB,CAA3B,AAqBG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,uCAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAM4B,sCAAgB,GAAG,mBAAzB,AAAA;AAMA,MAAMC,yCAAiB,GAAA,aAAGjD,CAAAA,iBAAA,CACxB,CAACmB,KAAD,EAA6CC,YAA7C,GAA8D;IAC5D,MAAM,E,gBAAEC,cAAF,CAAA,EAAkB,GAAG6B,eAAH,EAAlB,GAAyC/B,KAA/C,AAAM;IACN,MAAM4B,gBAAgB,GAAGjC,yCAAmB,CAACO,cAAD,CAA5C,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAC,yCAAD,EADF,oCAAA,CAAA;QACiB,OAAO,EAAP,IAAA;KAAf,EAA2BF,KAA3B,CAAA,EAAA,aACE,CAAA,oBAAA,CAAC,YAAD,EAAA,oCAAA,CAAA,EAAA,EAA+B4B,gBAA/B,EAAqDG,eAArD,EADF;QACwE,GAAG,EAAE9B,YAAL;KAAtE,CAAA,CADF,CADF,CAEI;CANkB,CAA1B,AASG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,sCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAEA,MAAM+B,yCAAI,GAAGlC,yCAAb,AAAA;AACA,MAAMmC,yCAAS,GAAGvB,yCAAlB,AAAA;AACA,MAAMwB,yCAAM,GAAGpB,yCAAf,AAAA;AACA,MAAMqB,yCAAI,GAAGjB,yCAAb,AAAA;AACA,MAAMkB,yCAAW,GAAGV,yCAApB,AAAA;AACA,MAAMW,yCAAU,GAAGP,yCAAnB,AAAA;;AD7NA","sources":["packages/react/toolbar/src/index.ts","packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["export * from './Toolbar';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToolbarButton asChild {...props}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["React","composeEventHandlers","createContextScope","RovingFocusGroup","createRovingFocusGroupScope","Primitive","SeparatorPrimitive","ToggleGroupPrimitive","createToggleGroupScope","useDirection","TOOLBAR_NAME","createToolbarContext","createToolbarScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","BUTTON_NAME","ToolbarButton","buttonProps","disabled","LINK_NAME","ToolbarLink","linkProps","onKeyDown","event","key","currentTarget","click","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","Root","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.module.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react/toolbar/src/index.ts","packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["export {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n} from './Toolbar';\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n} from './Toolbar';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n const scope = { __scopeToolbar: props.__scopeToolbar };\n\n return (\n <ToolbarButton asChild {...scope}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["createToolbarScope","Toolbar","ToolbarSeparator","ToolbarButton","ToolbarLink","ToolbarToggleGroup","ToolbarToggleItem","Root","Separator","Button","Link","ToggleGroup","ToggleItem","React","composeEventHandlers","createContextScope","RovingFocusGroup","createRovingFocusGroupScope","Primitive","SeparatorPrimitive","ToggleGroupPrimitive","createToggleGroupScope","useDirection","TOOLBAR_NAME","createToolbarContext","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","SEPARATOR_NAME","separatorProps","context","BUTTON_NAME","buttonProps","disabled","LINK_NAME","linkProps","onKeyDown","event","key","currentTarget","click","TOGGLE_GROUP_NAME","toggleGroupProps","toggleGroupScope","TOGGLE_ITEM_NAME","toggleItemProps","scope"],"version":3,"file":"index.module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radix-ui/react-toolbar",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "1.0.1-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -17,16 +17,17 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime": "^7.13.10",
|
|
20
|
-
"@radix-ui/primitive": "
|
|
21
|
-
"@radix-ui/react-context": "
|
|
22
|
-
"@radix-ui/react-direction": "
|
|
23
|
-
"@radix-ui/react-primitive": "
|
|
24
|
-
"@radix-ui/react-roving-focus": "
|
|
25
|
-
"@radix-ui/react-separator": "
|
|
26
|
-
"@radix-ui/react-toggle-group": "
|
|
20
|
+
"@radix-ui/primitive": "1.0.0",
|
|
21
|
+
"@radix-ui/react-context": "1.0.0",
|
|
22
|
+
"@radix-ui/react-direction": "1.0.0",
|
|
23
|
+
"@radix-ui/react-primitive": "1.0.0",
|
|
24
|
+
"@radix-ui/react-roving-focus": "1.0.0",
|
|
25
|
+
"@radix-ui/react-separator": "1.0.0",
|
|
26
|
+
"@radix-ui/react-toggle-group": "1.0.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"react": "^16.8 || ^17.0 || ^18.0"
|
|
29
|
+
"react": "^16.8 || ^17.0 || ^18.0",
|
|
30
|
+
"react-dom": "^16.8 || ^17.0 || ^18.0"
|
|
30
31
|
},
|
|
31
32
|
"homepage": "https://radix-ui.com/primitives",
|
|
32
33
|
"repository": {
|
|
@@ -36,5 +37,5 @@
|
|
|
36
37
|
"bugs": {
|
|
37
38
|
"url": "https://github.com/radix-ui/primitives/issues"
|
|
38
39
|
},
|
|
39
|
-
"stableVersion": "0.
|
|
40
|
+
"stableVersion": "1.0.0"
|
|
40
41
|
}
|