@radix-ui/react-toggle-group 0.1.0-rc.2 → 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 +6 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.module.js.map +1 -1
- package/package.json +8 -9
package/dist/index.d.ts
CHANGED
|
@@ -3,14 +3,14 @@ import * as Radix from "@radix-ui/react-primitive";
|
|
|
3
3
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
4
4
|
import { RovingFocusGroup } from "@radix-ui/react-roving-focus";
|
|
5
5
|
import { Toggle } from "@radix-ui/react-toggle";
|
|
6
|
-
export interface
|
|
6
|
+
export interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
|
|
7
7
|
type: 'single';
|
|
8
8
|
}
|
|
9
|
-
export interface
|
|
9
|
+
export interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
|
|
10
10
|
type: 'multiple';
|
|
11
11
|
}
|
|
12
|
-
export const ToggleGroup: React.ForwardRefExoticComponent<(
|
|
13
|
-
interface
|
|
12
|
+
export const ToggleGroup: React.ForwardRefExoticComponent<(ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>;
|
|
13
|
+
interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
|
|
14
14
|
/**
|
|
15
15
|
* The controlled stateful value of the item that is pressed.
|
|
16
16
|
*/
|
|
@@ -25,7 +25,7 @@ interface ToggleGroupSingleProps extends ToggleGroupImplProps {
|
|
|
25
25
|
*/
|
|
26
26
|
onValueChange?(value: string): void;
|
|
27
27
|
}
|
|
28
|
-
interface
|
|
28
|
+
interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
|
|
29
29
|
/**
|
|
30
30
|
* The controlled stateful value of the items that are pressed.
|
|
31
31
|
*/
|
|
@@ -67,7 +67,7 @@ interface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' |
|
|
|
67
67
|
*/
|
|
68
68
|
value: string;
|
|
69
69
|
}
|
|
70
|
-
export const Root: React.ForwardRefExoticComponent<(
|
|
70
|
+
export const Root: React.ForwardRefExoticComponent<(ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>;
|
|
71
71
|
export const Item: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
72
72
|
|
|
73
73
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"A;A;A;A;A;AAgBA,
|
|
1
|
+
{"mappings":"A;A;A;A;A;AAgBA,uCAAiC,SAAQ,0BAA0B;IACjE,IAAI,EAAE,QAAQ,CAAC;CAChB;AACD,yCAAmC,SAAQ,4BAA4B;IACrE,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,OAAA,MAAM,+KAiBJ,CAAC;AAgBH,oCAAqC,SAAQ,oBAAoB;IAC/D;A;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;A;A;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;A;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AA+BD,sCAAuC,SAAQ,oBAAoB;IACjE;A;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;A;A;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;A;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CACvC;AAiDD,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AAErF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,8BAA+B,SAAQ,iBAAiB;IACtD;A;A;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;A;A;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAkCD,qCAA+B,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;CAAG;AAEnF,OAAA,MAAM,+GAgBL,CAAC;AAOF,mBAAmB,MAAM,wBAAwB,CAAC,aAAa,CAAC,CAAC;AACjE,kCAAmC,SAAQ,IAAI,CAAC,WAAW,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;IAChG;A;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAwBD,OAAA,MAAM,wKAAkB,CAAC;AACzB,OAAA,MAAM,oGAAsB,CAAC","sources":["./packages/react/toggle-group/src/packages/react/toggle-group/src/ToggleGroup.tsx","./packages/react/toggle-group/src/packages/react/toggle-group/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toggle-group/src/ToggleGroup.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 React from 'react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Toggle } from '@radix-ui/react-toggle';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup';\n\ntype ToggleGroupElement = ToggleGroupSingleElement | ToggleGroupMultipleElement;\ninterface ToggleGroupWithSingleProps extends ToggleGroupSingleProps {\n type: 'single';\n}\ninterface ToggleGroupWithMultipleProps extends ToggleGroupMultipleProps {\n type: 'multiple';\n}\n\nconst ToggleGroup = React.forwardRef<\n ToggleGroupElement,\n ToggleGroupWithSingleProps | ToggleGroupWithMultipleProps\n>((props, forwardedRef) => {\n const { type, ...toggleGroupProps } = props;\n\n if (type === 'single') {\n const singleProps = toggleGroupProps as ToggleGroupSingleProps;\n return <ToggleGroupSingle {...singleProps} ref={forwardedRef} />;\n }\n\n if (type === 'multiple') {\n const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;\n return <ToggleGroupMultiple {...multipleProps} ref={forwardedRef} />;\n }\n\n throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n value: string[];\n onItemActivate(value: string): void;\n onItemDeactivate(value: string): void;\n};\n\nconst [ToggleGroupValueProvider, useToggleGroupValueContext] =\n createContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupSingleElement = ToggleGroupImplElement;\ninterface ToggleGroupSingleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the item that is pressed.\n */\n value?: string;\n /**\n * The value of the item that is pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string;\n /**\n * The callback that fires when the value of the toggle group changes.\n */\n onValueChange?(value: string): void;\n}\n\nconst ToggleGroupSingle = React.forwardRef<ToggleGroupSingleElement, ToggleGroupSingleProps>(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupSingleProps\n } = props;\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n return (\n <ToggleGroupValueProvider\n value={value ? [value] : []}\n onItemActivate={setValue}\n onItemDeactivate={React.useCallback(() => setValue(''), [setValue])}\n >\n <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n }\n);\n\ntype ToggleGroupMultipleElement = ToggleGroupImplElement;\ninterface ToggleGroupMultipleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the items that are pressed.\n */\n value?: string[];\n /**\n * The value of the items that are pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string[];\n /**\n * The callback that fires when the state of the toggle group changes.\n */\n onValueChange?(value: string[]): void;\n}\n\nconst ToggleGroupMultiple = React.forwardRef<ToggleGroupMultipleElement, ToggleGroupMultipleProps>(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupMultipleProps\n } = props;\n\n const [value = [], setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n const handleButtonActivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n\n const handleButtonDeactivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n [setValue]\n );\n\n return (\n <ToggleGroupValueProvider\n value={value}\n onItemActivate={handleButtonActivate}\n onItemDeactivate={handleButtonDeactivate}\n >\n <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n }\n);\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = { rovingFocus: boolean; disabled: boolean };\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n createContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME);\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToggleGroupImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToggleGroupImplProps extends PrimitiveDivProps {\n /**\n * Whether the group is disabled from user interaction.\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Whether the group should maintain roving focus of its buttons.\n * @defaultValue true\n */\n rovingFocus?: boolean;\n loop?: RovingFocusGroupProps['loop'];\n orientation?: RovingFocusGroupProps['orientation'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst ToggleGroupImpl = React.forwardRef<ToggleGroupImplElement, ToggleGroupImplProps>(\n (props, forwardedRef) => {\n const {\n disabled = false,\n rovingFocus = true,\n orientation,\n dir = 'ltr',\n loop = true,\n ...toggleGroupProps\n } = props;\n const commonProps = { role: 'group', dir, ...toggleGroupProps };\n return (\n <ToggleGroupContext rovingFocus={rovingFocus} disabled={disabled}>\n {rovingFocus ? (\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div {...commonProps} ref={forwardedRef} />\n </RovingFocusGroup>\n ) : (\n <Primitive.div {...commonProps} ref={forwardedRef} />\n )}\n </ToggleGroupContext>\n );\n }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'ToggleGroupItem';\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement;\ninterface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, 'pressed'> {}\n\nconst ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n (props, forwardedRef) => {\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n const context = useToggleGroupContext(ITEM_NAME);\n const pressed = valueContext.value.includes(props.value);\n const disabled = context.disabled || props.disabled;\n const commonProps = { ...props, pressed, disabled };\n const ref = React.useRef<HTMLDivElement>(null);\n return context.rovingFocus ? (\n <RovingFocusItem asChild focusable={!disabled} active={pressed} ref={ref}>\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n </RovingFocusItem>\n ) : (\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n );\n }\n);\n\nToggleGroupItem.displayName = ITEM_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>;\ntype ToggleProps = Radix.ComponentPropsWithoutRef<typeof Toggle>;\ninterface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' | 'onPressedChange'> {\n /**\n * A string value for the toggle group item. All items within a toggle group should use a unique value.\n */\n value: string;\n}\n\nconst ToggleGroupItemImpl = React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(\n (props, forwardedRef) => {\n const { value, ...itemProps } = props;\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n return (\n <Toggle\n {...itemProps}\n ref={forwardedRef}\n onPressedChange={(pressed) => {\n if (pressed) {\n valueContext.onItemActivate(value);\n } else {\n valueContext.onItemDeactivate(value);\n }\n }}\n />\n );\n }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = ToggleGroup;\nconst Item = ToggleGroupItem;\n\nexport {\n ToggleGroup,\n ToggleGroupItem,\n //\n Root,\n Item,\n};\nexport type { ToggleGroupWithSingleProps, ToggleGroupWithMultipleProps, ToggleGroupItemProps };\n"],"names":["$parcel$interopDefault","a","__esModule","default","ToggleGroup","React","forwardRef","props","forwardedRef","type","toggleGroupProps","singleProps","_react","createElement","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupSingle","_babelRuntimeHelpersExtends","ref","multipleProps","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupMultiple","Error","ToggleGroupValueProvider","useToggleGroupValueContext","createContext","ToggleGroupSingle","value","valueProp","defaultValue","onValueChange","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupValueProvider","onItemActivate","onItemDeactivate","useCallback","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupImpl","ToggleGroupMultiple","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","ToggleGroupContext","useToggleGroupContext","ToggleGroupImpl","disabled","rovingFocus","orientation","dir","loop","commonProps","role","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupContext","RovingFocusGroup","asChild","Primitive","div","ToggleGroupItem","valueContext","context","pressed","includes","useRef","RovingFocusItem","focusable","active","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupItemImpl","ToggleGroupItemImpl","itemProps","Toggle","onPressedChange","Root","Item"],"version":3,"file":"index.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toggle-group/src/ToggleGroup.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 React from 'react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Toggle } from '@radix-ui/react-toggle';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup';\n\ntype ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement;\ninterface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {\n type: 'single';\n}\ninterface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {\n type: 'multiple';\n}\n\nconst ToggleGroup = React.forwardRef<\n ToggleGroupElement,\n ToggleGroupSingleProps | ToggleGroupMultipleProps\n>((props, forwardedRef) => {\n const { type, ...toggleGroupProps } = props;\n\n if (type === 'single') {\n const singleProps = toggleGroupProps as ToggleGroupImplSingleProps;\n return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />;\n }\n\n if (type === 'multiple') {\n const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps;\n return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />;\n }\n\n throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n value: string[];\n onItemActivate(value: string): void;\n onItemDeactivate(value: string): void;\n};\n\nconst [ToggleGroupValueProvider, useToggleGroupValueContext] =\n createContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupImplSingleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplSingleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the item that is pressed.\n */\n value?: string;\n /**\n * The value of the item that is pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string;\n /**\n * The callback that fires when the value of the toggle group changes.\n */\n onValueChange?(value: string): void;\n}\n\nconst ToggleGroupImplSingle = React.forwardRef<\n ToggleGroupImplSingleElement,\n ToggleGroupImplSingleProps\n>((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupSingleProps\n } = props;\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n return (\n <ToggleGroupValueProvider\n value={value ? [value] : []}\n onItemActivate={setValue}\n onItemDeactivate={React.useCallback(() => setValue(''), [setValue])}\n >\n <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n});\n\ntype ToggleGroupImplMultipleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the items that are pressed.\n */\n value?: string[];\n /**\n * The value of the items that are pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string[];\n /**\n * The callback that fires when the state of the toggle group changes.\n */\n onValueChange?(value: string[]): void;\n}\n\nconst ToggleGroupImplMultiple = React.forwardRef<\n ToggleGroupImplMultipleElement,\n ToggleGroupImplMultipleProps\n>((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupMultipleProps\n } = props;\n\n const [value = [], setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n const handleButtonActivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n\n const handleButtonDeactivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n [setValue]\n );\n\n return (\n <ToggleGroupValueProvider\n value={value}\n onItemActivate={handleButtonActivate}\n onItemDeactivate={handleButtonDeactivate}\n >\n <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = { rovingFocus: boolean; disabled: boolean };\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n createContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME);\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToggleGroupImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToggleGroupImplProps extends PrimitiveDivProps {\n /**\n * Whether the group is disabled from user interaction.\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Whether the group should maintain roving focus of its buttons.\n * @defaultValue true\n */\n rovingFocus?: boolean;\n loop?: RovingFocusGroupProps['loop'];\n orientation?: RovingFocusGroupProps['orientation'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst ToggleGroupImpl = React.forwardRef<ToggleGroupImplElement, ToggleGroupImplProps>(\n (props, forwardedRef) => {\n const {\n disabled = false,\n rovingFocus = true,\n orientation,\n dir = 'ltr',\n loop = true,\n ...toggleGroupProps\n } = props;\n const commonProps = { role: 'group', dir, ...toggleGroupProps };\n return (\n <ToggleGroupContext rovingFocus={rovingFocus} disabled={disabled}>\n {rovingFocus ? (\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div {...commonProps} ref={forwardedRef} />\n </RovingFocusGroup>\n ) : (\n <Primitive.div {...commonProps} ref={forwardedRef} />\n )}\n </ToggleGroupContext>\n );\n }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'ToggleGroupItem';\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement;\ninterface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, 'pressed'> {}\n\nconst ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n (props, forwardedRef) => {\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n const context = useToggleGroupContext(ITEM_NAME);\n const pressed = valueContext.value.includes(props.value);\n const disabled = context.disabled || props.disabled;\n const commonProps = { ...props, pressed, disabled };\n const ref = React.useRef<HTMLDivElement>(null);\n return context.rovingFocus ? (\n <RovingFocusItem asChild focusable={!disabled} active={pressed} ref={ref}>\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n </RovingFocusItem>\n ) : (\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n );\n }\n);\n\nToggleGroupItem.displayName = ITEM_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>;\ntype ToggleProps = Radix.ComponentPropsWithoutRef<typeof Toggle>;\ninterface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' | 'onPressedChange'> {\n /**\n * A string value for the toggle group item. All items within a toggle group should use a unique value.\n */\n value: string;\n}\n\nconst ToggleGroupItemImpl = React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(\n (props, forwardedRef) => {\n const { value, ...itemProps } = props;\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n return (\n <Toggle\n {...itemProps}\n ref={forwardedRef}\n onPressedChange={(pressed) => {\n if (pressed) {\n valueContext.onItemActivate(value);\n } else {\n valueContext.onItemDeactivate(value);\n }\n }}\n />\n );\n }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = ToggleGroup;\nconst Item = ToggleGroupItem;\n\nexport {\n ToggleGroup,\n ToggleGroupItem,\n //\n Root,\n Item,\n};\nexport type { ToggleGroupSingleProps, ToggleGroupMultipleProps, ToggleGroupItemProps };\n"],"names":["$parcel$interopDefault","a","__esModule","default","ToggleGroup","React","forwardRef","props","forwardedRef","type","toggleGroupProps","singleProps","_react","createElement","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupImplSingle","_babelRuntimeHelpersExtends","ref","multipleProps","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","useToggleGroupValueContext","createContext","ToggleGroupImplSingle","value","valueProp","defaultValue","onValueChange","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupValueProvider","onItemActivate","onItemDeactivate","useCallback","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupImpl","ToggleGroupImplMultiple","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","ToggleGroupContext","useToggleGroupContext","ToggleGroupImpl","disabled","rovingFocus","orientation","dir","loop","commonProps","role","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupContext","RovingFocusGroup","asChild","Primitive","div","ToggleGroupItem","valueContext","context","pressed","includes","useRef","RovingFocusItem","focusable","active","$f77bfc2d84e306a2598fbec8af931a$var$ToggleGroupItemImpl","ToggleGroupItemImpl","itemProps","Toggle","onPressedChange","Root","Item"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"+YAuBA,MAAMA,yBAAcC,EAAMC,YAGxB,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAqBH,EAEtC,GAAa,WAATE,EAAmB,CACrB,MAAME,EAAcD,eACpB,OAAOE,EAAAC,cAACC,EAADC,EAAA,GAAuBJ,EAAvB,CAAoCK,IAAKR,KAGlD,GAAa,aAATC,EAAqB,CACvB,MAAMQ,EAAgBP,eACtB,OAAOE,EAAAC,cAACK,EAADH,EAAA,GAAyBE,EAAzB,CAAwCD,IAAKR,KAGtD,MAAM,IAAIW,MAAO,iEAanB,MAAOC,EAA0BC,GAC/BC,EAxCwB,eA2DpBC,eAAoBlB,EAAMC,YAC9B,CAACC,EAAOC,KACN,MACEgB,MAAOC,EADHC,aAEJA,EAFIC,cAGJA,EAAgB,YACbC,GACDrB,GAEGiB,EAAOK,GAAYC,EAAqB,CAC7CC,KAAMN,EACNO,YAAaN,EACbO,SAAUN,iBAGZ,OACEf,EAAAC,cAACqB,EAAD,CACEV,MAAOA,EAAQ,CAACA,GAAS,GACzBW,eAAgBN,EAChBO,iBAAkB/B,EAAMgC,aAAY,IAAMR,EAAS,KAAK,CAACA,kBAEzDjB,EAAAC,cAACyB,EAADvB,EAAA,GAAqBa,EAArB,CAA6CZ,IAAKR,SAuBpD+B,eAAsBlC,EAAMC,YAChC,CAACC,EAAOC,KACN,MACEgB,MAAOC,EADHC,aAEJA,EAFIC,cAGJA,EAAgB,YACba,GACDjC,GAEGiB,EAAQ,GAAIK,GAAYC,EAAqB,CAClDC,KAAMN,EACNO,YAAaN,EACbO,SAAUN,IAGNc,EAAuBpC,EAAMgC,aAChCK,GAAcb,GAAS,CAACc,EAAY,KAAO,IAAIA,EAAWD,MAC3D,CAACb,IAGGe,EAAyBvC,EAAMgC,aAClCK,GAAcb,GAAS,CAACc,EAAY,KAAOA,EAAUE,QAAQrB,GAAUA,IAAUkB,OAClF,CAACb,iBAGH,OACEjB,EAAAC,cAACqB,EAAD,CACEV,MAAOA,EACPW,eAAgBM,EAChBL,iBAAkBQ,gBAElBhC,EAAAC,cAACyB,EAADvB,EAAA,GAAqByB,EAArB,CAA+CxB,IAAKR,UAYrDsC,EAAoBC,GACzBzB,EAnJwB,eAwKpB0B,eAAkB3C,EAAMC,YAC5B,CAACC,EAAOC,KACN,MAAMyC,SACJA,GAAW,EADPC,YAEJA,GAAc,EAFVC,YAGJA,EAHIC,IAIJA,EAAM,MAJFC,KAKJA,GAAO,KACJ3C,GACDH,EACE+C,EAAc,CAAEC,KAAM,QAASH,IAAAA,KAAQ1C,gBAC7C,OACEE,EAAAC,cAAC2C,EAAD,CAAoBN,YAAaA,EAAaD,SAAUA,GACrDC,eACCtC,EAAAC,cAAC4C,EAAD,CAAkBC,SAAO,EAACP,YAAaA,EAAaC,IAAKA,EAAKC,KAAMA,gBAClEzC,EAAAC,cAAC8C,EAAUC,IAAX7C,EAAA,GAAmBuC,EAAnB,CAAgCtC,IAAKR,mBAGvCI,EAAAC,cAAC8C,EAAUC,IAAX7C,EAAA,GAAmBuC,EAAnB,CAAgCtC,IAAKR,gBAgB/C,MAAMqD,6BAAkBxD,EAAMC,YAC5B,CAACC,EAAOC,KACN,MAAMsD,EAAezC,EAPP,mBAQR0C,EAAUhB,EARF,mBASRiB,EAAUF,EAAatC,MAAMyC,SAAS1D,EAAMiB,OAC5CyB,EAAWc,EAAQd,UAAY1C,EAAM0C,SACrCK,EAAc,IAAK/C,EAAOyD,QAAAA,EAASf,SAAAA,GACnCjC,EAAMX,EAAM6D,OAAuB,MACzC,OAAOH,EAAQb,yBACbtC,EAAAC,cAACsD,EAAD,CAAiBT,SAAO,EAACU,WAAYnB,EAAUoB,OAAQL,EAAShD,IAAKA,gBACnEJ,EAAAC,cAACyD,EAADvD,EAAA,GAAyBuC,EAAzB,CAAsCtC,IAAKR,mBAG7CI,EAAAC,cAACyD,EAADvD,EAAA,GAAyBuC,EAAzB,CAAsCtC,IAAKR,qBAkBjD,MAAM+D,eAAsBlE,EAAMC,YAChC,CAACC,EAAOC,KACN,MAAMgB,MAAEA,KAAUgD,GAAcjE,EAC1BuD,EAAezC,EAvCP,gCAwCd,OACET,EAAAC,cAAC4D,EAAD1D,EAAA,GACMyD,EADN,CAEExD,IAAKR,EACLkE,gBAAkBV,IACZA,EACFF,EAAa3B,eAAeX,GAE5BsC,EAAa1B,iBAAiBZ,iBAU1C,MAAMmD,KAAOvE,mBACb,MAAMwE,KAAOf","sources":["./packages/react/toggle-group/src/ToggleGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Toggle } from '@radix-ui/react-toggle';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup';\n\ntype ToggleGroupElement = ToggleGroupSingleElement | ToggleGroupMultipleElement;\ninterface ToggleGroupWithSingleProps extends ToggleGroupSingleProps {\n type: 'single';\n}\ninterface ToggleGroupWithMultipleProps extends ToggleGroupMultipleProps {\n type: 'multiple';\n}\n\nconst ToggleGroup = React.forwardRef<\n ToggleGroupElement,\n ToggleGroupWithSingleProps | ToggleGroupWithMultipleProps\n>((props, forwardedRef) => {\n const { type, ...toggleGroupProps } = props;\n\n if (type === 'single') {\n const singleProps = toggleGroupProps as ToggleGroupSingleProps;\n return <ToggleGroupSingle {...singleProps} ref={forwardedRef} />;\n }\n\n if (type === 'multiple') {\n const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;\n return <ToggleGroupMultiple {...multipleProps} ref={forwardedRef} />;\n }\n\n throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n value: string[];\n onItemActivate(value: string): void;\n onItemDeactivate(value: string): void;\n};\n\nconst [ToggleGroupValueProvider, useToggleGroupValueContext] =\n createContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupSingleElement = ToggleGroupImplElement;\ninterface ToggleGroupSingleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the item that is pressed.\n */\n value?: string;\n /**\n * The value of the item that is pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string;\n /**\n * The callback that fires when the value of the toggle group changes.\n */\n onValueChange?(value: string): void;\n}\n\nconst ToggleGroupSingle = React.forwardRef<ToggleGroupSingleElement, ToggleGroupSingleProps>(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupSingleProps\n } = props;\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n return (\n <ToggleGroupValueProvider\n value={value ? [value] : []}\n onItemActivate={setValue}\n onItemDeactivate={React.useCallback(() => setValue(''), [setValue])}\n >\n <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n }\n);\n\ntype ToggleGroupMultipleElement = ToggleGroupImplElement;\ninterface ToggleGroupMultipleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the items that are pressed.\n */\n value?: string[];\n /**\n * The value of the items that are pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string[];\n /**\n * The callback that fires when the state of the toggle group changes.\n */\n onValueChange?(value: string[]): void;\n}\n\nconst ToggleGroupMultiple = React.forwardRef<ToggleGroupMultipleElement, ToggleGroupMultipleProps>(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupMultipleProps\n } = props;\n\n const [value = [], setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n const handleButtonActivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n\n const handleButtonDeactivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n [setValue]\n );\n\n return (\n <ToggleGroupValueProvider\n value={value}\n onItemActivate={handleButtonActivate}\n onItemDeactivate={handleButtonDeactivate}\n >\n <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n }\n);\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = { rovingFocus: boolean; disabled: boolean };\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n createContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME);\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToggleGroupImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToggleGroupImplProps extends PrimitiveDivProps {\n /**\n * Whether the group is disabled from user interaction.\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Whether the group should maintain roving focus of its buttons.\n * @defaultValue true\n */\n rovingFocus?: boolean;\n loop?: RovingFocusGroupProps['loop'];\n orientation?: RovingFocusGroupProps['orientation'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst ToggleGroupImpl = React.forwardRef<ToggleGroupImplElement, ToggleGroupImplProps>(\n (props, forwardedRef) => {\n const {\n disabled = false,\n rovingFocus = true,\n orientation,\n dir = 'ltr',\n loop = true,\n ...toggleGroupProps\n } = props;\n const commonProps = { role: 'group', dir, ...toggleGroupProps };\n return (\n <ToggleGroupContext rovingFocus={rovingFocus} disabled={disabled}>\n {rovingFocus ? (\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div {...commonProps} ref={forwardedRef} />\n </RovingFocusGroup>\n ) : (\n <Primitive.div {...commonProps} ref={forwardedRef} />\n )}\n </ToggleGroupContext>\n );\n }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'ToggleGroupItem';\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement;\ninterface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, 'pressed'> {}\n\nconst ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n (props, forwardedRef) => {\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n const context = useToggleGroupContext(ITEM_NAME);\n const pressed = valueContext.value.includes(props.value);\n const disabled = context.disabled || props.disabled;\n const commonProps = { ...props, pressed, disabled };\n const ref = React.useRef<HTMLDivElement>(null);\n return context.rovingFocus ? (\n <RovingFocusItem asChild focusable={!disabled} active={pressed} ref={ref}>\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n </RovingFocusItem>\n ) : (\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n );\n }\n);\n\nToggleGroupItem.displayName = ITEM_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>;\ntype ToggleProps = Radix.ComponentPropsWithoutRef<typeof Toggle>;\ninterface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' | 'onPressedChange'> {\n /**\n * A string value for the toggle group item. All items within a toggle group should use a unique value.\n */\n value: string;\n}\n\nconst ToggleGroupItemImpl = React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(\n (props, forwardedRef) => {\n const { value, ...itemProps } = props;\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n return (\n <Toggle\n {...itemProps}\n ref={forwardedRef}\n onPressedChange={(pressed) => {\n if (pressed) {\n valueContext.onItemActivate(value);\n } else {\n valueContext.onItemDeactivate(value);\n }\n }}\n />\n );\n }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = ToggleGroup;\nconst Item = ToggleGroupItem;\n\nexport {\n ToggleGroup,\n ToggleGroupItem,\n //\n Root,\n Item,\n};\nexport type { ToggleGroupWithSingleProps, ToggleGroupWithMultipleProps, ToggleGroupItemProps };\n"],"names":["ToggleGroup","React","forwardRef","props","forwardedRef","type","toggleGroupProps","singleProps","_react","createElement","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupSingle","_babelRuntimeHelpersEsmExtends","ref","multipleProps","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupMultiple","Error","ToggleGroupValueProvider","useToggleGroupValueContext","createContext","ToggleGroupSingle","value","valueProp","defaultValue","onValueChange","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupValueProvider","onItemActivate","onItemDeactivate","useCallback","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupImpl","ToggleGroupMultiple","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","ToggleGroupContext","useToggleGroupContext","ToggleGroupImpl","disabled","rovingFocus","orientation","dir","loop","commonProps","role","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupContext","RovingFocusGroup","asChild","Primitive","div","ToggleGroupItem","valueContext","context","pressed","includes","useRef","RovingFocusItem","focusable","active","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupItemImpl","ToggleGroupItemImpl","itemProps","Toggle","onPressedChange","Root","Item"],"version":3,"file":"index.module.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["./packages/react/toggle-group/src/ToggleGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Toggle } from '@radix-ui/react-toggle';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup';\n\ntype ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement;\ninterface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {\n type: 'single';\n}\ninterface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {\n type: 'multiple';\n}\n\nconst ToggleGroup = React.forwardRef<\n ToggleGroupElement,\n ToggleGroupSingleProps | ToggleGroupMultipleProps\n>((props, forwardedRef) => {\n const { type, ...toggleGroupProps } = props;\n\n if (type === 'single') {\n const singleProps = toggleGroupProps as ToggleGroupImplSingleProps;\n return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />;\n }\n\n if (type === 'multiple') {\n const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps;\n return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />;\n }\n\n throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n value: string[];\n onItemActivate(value: string): void;\n onItemDeactivate(value: string): void;\n};\n\nconst [ToggleGroupValueProvider, useToggleGroupValueContext] =\n createContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupImplSingleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplSingleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the item that is pressed.\n */\n value?: string;\n /**\n * The value of the item that is pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string;\n /**\n * The callback that fires when the value of the toggle group changes.\n */\n onValueChange?(value: string): void;\n}\n\nconst ToggleGroupImplSingle = React.forwardRef<\n ToggleGroupImplSingleElement,\n ToggleGroupImplSingleProps\n>((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupSingleProps\n } = props;\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n return (\n <ToggleGroupValueProvider\n value={value ? [value] : []}\n onItemActivate={setValue}\n onItemDeactivate={React.useCallback(() => setValue(''), [setValue])}\n >\n <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n});\n\ntype ToggleGroupImplMultipleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {\n /**\n * The controlled stateful value of the items that are pressed.\n */\n value?: string[];\n /**\n * The value of the items that are pressed when initially rendered. Use\n * `defaultValue` if you do not need to control the state of a toggle group.\n */\n defaultValue?: string[];\n /**\n * The callback that fires when the state of the toggle group changes.\n */\n onValueChange?(value: string[]): void;\n}\n\nconst ToggleGroupImplMultiple = React.forwardRef<\n ToggleGroupImplMultipleElement,\n ToggleGroupImplMultipleProps\n>((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {},\n ...toggleGroupMultipleProps\n } = props;\n\n const [value = [], setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n const handleButtonActivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n\n const handleButtonDeactivate = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n [setValue]\n );\n\n return (\n <ToggleGroupValueProvider\n value={value}\n onItemActivate={handleButtonActivate}\n onItemDeactivate={handleButtonDeactivate}\n >\n <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n </ToggleGroupValueProvider>\n );\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = { rovingFocus: boolean; disabled: boolean };\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n createContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME);\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToggleGroupImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToggleGroupImplProps extends PrimitiveDivProps {\n /**\n * Whether the group is disabled from user interaction.\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Whether the group should maintain roving focus of its buttons.\n * @defaultValue true\n */\n rovingFocus?: boolean;\n loop?: RovingFocusGroupProps['loop'];\n orientation?: RovingFocusGroupProps['orientation'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst ToggleGroupImpl = React.forwardRef<ToggleGroupImplElement, ToggleGroupImplProps>(\n (props, forwardedRef) => {\n const {\n disabled = false,\n rovingFocus = true,\n orientation,\n dir = 'ltr',\n loop = true,\n ...toggleGroupProps\n } = props;\n const commonProps = { role: 'group', dir, ...toggleGroupProps };\n return (\n <ToggleGroupContext rovingFocus={rovingFocus} disabled={disabled}>\n {rovingFocus ? (\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div {...commonProps} ref={forwardedRef} />\n </RovingFocusGroup>\n ) : (\n <Primitive.div {...commonProps} ref={forwardedRef} />\n )}\n </ToggleGroupContext>\n );\n }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'ToggleGroupItem';\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement;\ninterface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, 'pressed'> {}\n\nconst ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n (props, forwardedRef) => {\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n const context = useToggleGroupContext(ITEM_NAME);\n const pressed = valueContext.value.includes(props.value);\n const disabled = context.disabled || props.disabled;\n const commonProps = { ...props, pressed, disabled };\n const ref = React.useRef<HTMLDivElement>(null);\n return context.rovingFocus ? (\n <RovingFocusItem asChild focusable={!disabled} active={pressed} ref={ref}>\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n </RovingFocusItem>\n ) : (\n <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n );\n }\n);\n\nToggleGroupItem.displayName = ITEM_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>;\ntype ToggleProps = Radix.ComponentPropsWithoutRef<typeof Toggle>;\ninterface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' | 'onPressedChange'> {\n /**\n * A string value for the toggle group item. All items within a toggle group should use a unique value.\n */\n value: string;\n}\n\nconst ToggleGroupItemImpl = React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(\n (props, forwardedRef) => {\n const { value, ...itemProps } = props;\n const valueContext = useToggleGroupValueContext(ITEM_NAME);\n return (\n <Toggle\n {...itemProps}\n ref={forwardedRef}\n onPressedChange={(pressed) => {\n if (pressed) {\n valueContext.onItemActivate(value);\n } else {\n valueContext.onItemDeactivate(value);\n }\n }}\n />\n );\n }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = ToggleGroup;\nconst Item = ToggleGroupItem;\n\nexport {\n ToggleGroup,\n ToggleGroupItem,\n //\n Root,\n Item,\n};\nexport type { ToggleGroupSingleProps, ToggleGroupMultipleProps, ToggleGroupItemProps };\n"],"names":["ToggleGroup","React","forwardRef","props","forwardedRef","type","toggleGroupProps","singleProps","_react","createElement","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupImplSingle","_babelRuntimeHelpersEsmExtends","ref","multipleProps","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","useToggleGroupValueContext","createContext","ToggleGroupImplSingle","value","valueProp","defaultValue","onValueChange","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupValueProvider","onItemActivate","onItemDeactivate","useCallback","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupImpl","ToggleGroupImplMultiple","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","ToggleGroupContext","useToggleGroupContext","ToggleGroupImpl","disabled","rovingFocus","orientation","dir","loop","commonProps","role","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupContext","RovingFocusGroup","asChild","Primitive","div","ToggleGroupItem","valueContext","context","pressed","includes","useRef","RovingFocusItem","focusable","active","$aa4ce03ccbfe0180cf77e2e37a90e$var$ToggleGroupItemImpl","ToggleGroupItemImpl","itemProps","Toggle","onPressedChange","Root","Item"],"version":3,"file":"index.module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radix-ui/react-toggle-group",
|
|
3
|
-
"version": "0.1.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime": "^7.13.10",
|
|
20
|
-
"@radix-ui/primitive": "0.1.0
|
|
21
|
-
"@radix-ui/react-context": "0.1.0
|
|
22
|
-
"@radix-ui/react-primitive": "0.1.0
|
|
23
|
-
"@radix-ui/react-roving-focus": "0.1.0
|
|
24
|
-
"@radix-ui/react-toggle": "0.1.0
|
|
25
|
-
"@radix-ui/react-use-controllable-state": "0.1.0
|
|
20
|
+
"@radix-ui/primitive": "0.1.0",
|
|
21
|
+
"@radix-ui/react-context": "0.1.0",
|
|
22
|
+
"@radix-ui/react-primitive": "0.1.0",
|
|
23
|
+
"@radix-ui/react-roving-focus": "0.1.0",
|
|
24
|
+
"@radix-ui/react-toggle": "0.1.0",
|
|
25
|
+
"@radix-ui/react-use-controllable-state": "0.1.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"react": "^16.8 || ^17.0"
|
|
@@ -34,6 +34,5 @@
|
|
|
34
34
|
},
|
|
35
35
|
"bugs": {
|
|
36
36
|
"url": "https://github.com/radix-ui/primitives/issues"
|
|
37
|
-
}
|
|
38
|
-
"stableVersion": "0.0.11"
|
|
37
|
+
}
|
|
39
38
|
}
|