v1.0 with SW PWA enabled
This commit is contained in:
75
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.d.mts
generated
vendored
Normal file
75
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.d.mts
generated
vendored
Normal file
@ -0,0 +1,75 @@
|
||||
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
||||
import React from 'react';
|
||||
import { Primitive } from '@radix-ui/react-primitive';
|
||||
import * as RovingFocusGroup from '@radix-ui/react-roving-focus';
|
||||
import { Toggle } from '@radix-ui/react-toggle';
|
||||
|
||||
declare const createToggleGroupScope: _radix_ui_react_context.CreateScope;
|
||||
interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
|
||||
type: 'single';
|
||||
}
|
||||
interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
|
||||
type: 'multiple';
|
||||
}
|
||||
declare const ToggleGroup: React.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
||||
interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
|
||||
/**
|
||||
* The controlled stateful value of the item that is pressed.
|
||||
*/
|
||||
value?: string;
|
||||
/**
|
||||
* The value of the item that is pressed when initially rendered. Use
|
||||
* `defaultValue` if you do not need to control the state of a toggle group.
|
||||
*/
|
||||
defaultValue?: string;
|
||||
/**
|
||||
* The callback that fires when the value of the toggle group changes.
|
||||
*/
|
||||
onValueChange?(value: string): void;
|
||||
}
|
||||
interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
|
||||
/**
|
||||
* The controlled stateful value of the items that are pressed.
|
||||
*/
|
||||
value?: string[];
|
||||
/**
|
||||
* The value of the items that are pressed when initially rendered. Use
|
||||
* `defaultValue` if you do not need to control the state of a toggle group.
|
||||
*/
|
||||
defaultValue?: string[];
|
||||
/**
|
||||
* The callback that fires when the state of the toggle group changes.
|
||||
*/
|
||||
onValueChange?(value: string[]): void;
|
||||
}
|
||||
type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;
|
||||
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
||||
interface ToggleGroupImplProps extends PrimitiveDivProps {
|
||||
/**
|
||||
* Whether the group is disabled from user interaction.
|
||||
* @defaultValue false
|
||||
*/
|
||||
disabled?: boolean;
|
||||
/**
|
||||
* Whether the group should maintain roving focus of its buttons.
|
||||
* @defaultValue true
|
||||
*/
|
||||
rovingFocus?: boolean;
|
||||
loop?: RovingFocusGroupProps['loop'];
|
||||
orientation?: RovingFocusGroupProps['orientation'];
|
||||
dir?: RovingFocusGroupProps['dir'];
|
||||
}
|
||||
interface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, 'pressed'> {
|
||||
}
|
||||
declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
||||
type ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle>;
|
||||
interface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' | 'onPressedChange'> {
|
||||
/**
|
||||
* A string value for the toggle group item. All items within a toggle group should use a unique value.
|
||||
*/
|
||||
value: string;
|
||||
}
|
||||
declare const Root: React.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
||||
declare const Item: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
||||
|
||||
export { Item, Root, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps, createToggleGroupScope };
|
||||
75
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.d.ts
generated
vendored
Normal file
75
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.d.ts
generated
vendored
Normal file
@ -0,0 +1,75 @@
|
||||
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
||||
import React from 'react';
|
||||
import { Primitive } from '@radix-ui/react-primitive';
|
||||
import * as RovingFocusGroup from '@radix-ui/react-roving-focus';
|
||||
import { Toggle } from '@radix-ui/react-toggle';
|
||||
|
||||
declare const createToggleGroupScope: _radix_ui_react_context.CreateScope;
|
||||
interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
|
||||
type: 'single';
|
||||
}
|
||||
interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
|
||||
type: 'multiple';
|
||||
}
|
||||
declare const ToggleGroup: React.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
||||
interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
|
||||
/**
|
||||
* The controlled stateful value of the item that is pressed.
|
||||
*/
|
||||
value?: string;
|
||||
/**
|
||||
* The value of the item that is pressed when initially rendered. Use
|
||||
* `defaultValue` if you do not need to control the state of a toggle group.
|
||||
*/
|
||||
defaultValue?: string;
|
||||
/**
|
||||
* The callback that fires when the value of the toggle group changes.
|
||||
*/
|
||||
onValueChange?(value: string): void;
|
||||
}
|
||||
interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
|
||||
/**
|
||||
* The controlled stateful value of the items that are pressed.
|
||||
*/
|
||||
value?: string[];
|
||||
/**
|
||||
* The value of the items that are pressed when initially rendered. Use
|
||||
* `defaultValue` if you do not need to control the state of a toggle group.
|
||||
*/
|
||||
defaultValue?: string[];
|
||||
/**
|
||||
* The callback that fires when the state of the toggle group changes.
|
||||
*/
|
||||
onValueChange?(value: string[]): void;
|
||||
}
|
||||
type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;
|
||||
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
||||
interface ToggleGroupImplProps extends PrimitiveDivProps {
|
||||
/**
|
||||
* Whether the group is disabled from user interaction.
|
||||
* @defaultValue false
|
||||
*/
|
||||
disabled?: boolean;
|
||||
/**
|
||||
* Whether the group should maintain roving focus of its buttons.
|
||||
* @defaultValue true
|
||||
*/
|
||||
rovingFocus?: boolean;
|
||||
loop?: RovingFocusGroupProps['loop'];
|
||||
orientation?: RovingFocusGroupProps['orientation'];
|
||||
dir?: RovingFocusGroupProps['dir'];
|
||||
}
|
||||
interface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, 'pressed'> {
|
||||
}
|
||||
declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
||||
type ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle>;
|
||||
interface ToggleGroupItemImplProps extends Omit<ToggleProps, 'defaultPressed' | 'onPressedChange'> {
|
||||
/**
|
||||
* A string value for the toggle group item. All items within a toggle group should use a unique value.
|
||||
*/
|
||||
value: string;
|
||||
}
|
||||
declare const Root: React.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
||||
declare const Item: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
||||
|
||||
export { Item, Root, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps, createToggleGroupScope };
|
||||
209
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.js
generated
vendored
Normal file
209
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.js
generated
vendored
Normal file
@ -0,0 +1,209 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
var __create = Object.create;
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __getProtoOf = Object.getPrototypeOf;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __export = (target, all) => {
|
||||
for (var name in all)
|
||||
__defProp(target, name, { get: all[name], enumerable: true });
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") {
|
||||
for (let key of __getOwnPropNames(from))
|
||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
||||
// If the importer is in node compatibility mode or this is not an ESM
|
||||
// file that has been converted to a CommonJS file using a Babel-
|
||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
||||
mod
|
||||
));
|
||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||||
|
||||
// src/index.ts
|
||||
var index_exports = {};
|
||||
__export(index_exports, {
|
||||
Item: () => Item2,
|
||||
Root: () => Root2,
|
||||
ToggleGroup: () => ToggleGroup,
|
||||
ToggleGroupItem: () => ToggleGroupItem,
|
||||
createToggleGroupScope: () => createToggleGroupScope
|
||||
});
|
||||
module.exports = __toCommonJS(index_exports);
|
||||
|
||||
// src/toggle-group.tsx
|
||||
var import_react = __toESM(require("react"));
|
||||
var import_react_context = require("@radix-ui/react-context");
|
||||
var import_react_primitive = require("@radix-ui/react-primitive");
|
||||
var RovingFocusGroup = __toESM(require("@radix-ui/react-roving-focus"));
|
||||
var import_react_roving_focus = require("@radix-ui/react-roving-focus");
|
||||
var import_react_toggle = require("@radix-ui/react-toggle");
|
||||
var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
|
||||
var import_react_direction = require("@radix-ui/react-direction");
|
||||
var import_jsx_runtime = require("react/jsx-runtime");
|
||||
var TOGGLE_GROUP_NAME = "ToggleGroup";
|
||||
var [createToggleGroupContext, createToggleGroupScope] = (0, import_react_context.createContextScope)(TOGGLE_GROUP_NAME, [
|
||||
import_react_roving_focus.createRovingFocusGroupScope
|
||||
]);
|
||||
var useRovingFocusGroupScope = (0, import_react_roving_focus.createRovingFocusGroupScope)();
|
||||
var ToggleGroup = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
const { type, ...toggleGroupProps } = props;
|
||||
if (type === "single") {
|
||||
const singleProps = toggleGroupProps;
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
|
||||
}
|
||||
if (type === "multiple") {
|
||||
const multipleProps = toggleGroupProps;
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
|
||||
}
|
||||
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
||||
});
|
||||
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
||||
var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
||||
var ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
const {
|
||||
value: valueProp,
|
||||
defaultValue,
|
||||
onValueChange = () => {
|
||||
},
|
||||
...toggleGroupSingleProps
|
||||
} = props;
|
||||
const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
|
||||
prop: valueProp,
|
||||
defaultProp: defaultValue ?? "",
|
||||
onChange: onValueChange,
|
||||
caller: TOGGLE_GROUP_NAME
|
||||
});
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
ToggleGroupValueProvider,
|
||||
{
|
||||
scope: props.__scopeToggleGroup,
|
||||
type: "single",
|
||||
value: import_react.default.useMemo(() => value ? [value] : [], [value]),
|
||||
onItemActivate: setValue,
|
||||
onItemDeactivate: import_react.default.useCallback(() => setValue(""), [setValue]),
|
||||
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
|
||||
}
|
||||
);
|
||||
});
|
||||
var ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
const {
|
||||
value: valueProp,
|
||||
defaultValue,
|
||||
onValueChange = () => {
|
||||
},
|
||||
...toggleGroupMultipleProps
|
||||
} = props;
|
||||
const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
|
||||
prop: valueProp,
|
||||
defaultProp: defaultValue ?? [],
|
||||
onChange: onValueChange,
|
||||
caller: TOGGLE_GROUP_NAME
|
||||
});
|
||||
const handleButtonActivate = import_react.default.useCallback(
|
||||
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
||||
[setValue]
|
||||
);
|
||||
const handleButtonDeactivate = import_react.default.useCallback(
|
||||
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
||||
[setValue]
|
||||
);
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
ToggleGroupValueProvider,
|
||||
{
|
||||
scope: props.__scopeToggleGroup,
|
||||
type: "multiple",
|
||||
value,
|
||||
onItemActivate: handleButtonActivate,
|
||||
onItemDeactivate: handleButtonDeactivate,
|
||||
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })
|
||||
}
|
||||
);
|
||||
});
|
||||
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
||||
var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
||||
var ToggleGroupImpl = import_react.default.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const {
|
||||
__scopeToggleGroup,
|
||||
disabled = false,
|
||||
rovingFocus = true,
|
||||
orientation,
|
||||
dir,
|
||||
loop = true,
|
||||
...toggleGroupProps
|
||||
} = props;
|
||||
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
|
||||
const direction = (0, import_react_direction.useDirection)(dir);
|
||||
const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
RovingFocusGroup.Root,
|
||||
{
|
||||
asChild: true,
|
||||
...rovingFocusGroupScope,
|
||||
orientation,
|
||||
dir: direction,
|
||||
loop,
|
||||
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { ...commonProps, ref: forwardedRef })
|
||||
}
|
||||
) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { ...commonProps, ref: forwardedRef }) });
|
||||
}
|
||||
);
|
||||
var ITEM_NAME = "ToggleGroupItem";
|
||||
var ToggleGroupItem = import_react.default.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);
|
||||
const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);
|
||||
const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);
|
||||
const pressed = valueContext.value.includes(props.value);
|
||||
const disabled = context.disabled || props.disabled;
|
||||
const commonProps = { ...props, pressed, disabled };
|
||||
const ref = import_react.default.useRef(null);
|
||||
return context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
RovingFocusGroup.Item,
|
||||
{
|
||||
asChild: true,
|
||||
...rovingFocusGroupScope,
|
||||
focusable: !disabled,
|
||||
active: pressed,
|
||||
ref,
|
||||
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
|
||||
}
|
||||
) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef });
|
||||
}
|
||||
);
|
||||
ToggleGroupItem.displayName = ITEM_NAME;
|
||||
var ToggleGroupItemImpl = import_react.default.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const { __scopeToggleGroup, value, ...itemProps } = props;
|
||||
const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);
|
||||
const singleProps = { role: "radio", "aria-checked": props.pressed, "aria-pressed": void 0 };
|
||||
const typeProps = valueContext.type === "single" ? singleProps : void 0;
|
||||
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
import_react_toggle.Toggle,
|
||||
{
|
||||
...typeProps,
|
||||
...itemProps,
|
||||
ref: forwardedRef,
|
||||
onPressedChange: (pressed) => {
|
||||
if (pressed) {
|
||||
valueContext.onItemActivate(value);
|
||||
} else {
|
||||
valueContext.onItemDeactivate(value);
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
var Root2 = ToggleGroup;
|
||||
var Item2 = ToggleGroupItem;
|
||||
//# sourceMappingURL=index.js.map
|
||||
7
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.js.map
generated
vendored
Normal file
7
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
177
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.mjs
generated
vendored
Normal file
177
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.mjs
generated
vendored
Normal file
@ -0,0 +1,177 @@
|
||||
"use client";
|
||||
|
||||
// src/toggle-group.tsx
|
||||
import React from "react";
|
||||
import { createContextScope } from "@radix-ui/react-context";
|
||||
import { Primitive } from "@radix-ui/react-primitive";
|
||||
import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
|
||||
import { createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
|
||||
import { Toggle } from "@radix-ui/react-toggle";
|
||||
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
||||
import { useDirection } from "@radix-ui/react-direction";
|
||||
import { jsx } from "react/jsx-runtime";
|
||||
var TOGGLE_GROUP_NAME = "ToggleGroup";
|
||||
var [createToggleGroupContext, createToggleGroupScope] = createContextScope(TOGGLE_GROUP_NAME, [
|
||||
createRovingFocusGroupScope
|
||||
]);
|
||||
var useRovingFocusGroupScope = createRovingFocusGroupScope();
|
||||
var ToggleGroup = React.forwardRef((props, forwardedRef) => {
|
||||
const { type, ...toggleGroupProps } = props;
|
||||
if (type === "single") {
|
||||
const singleProps = toggleGroupProps;
|
||||
return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
|
||||
}
|
||||
if (type === "multiple") {
|
||||
const multipleProps = toggleGroupProps;
|
||||
return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
|
||||
}
|
||||
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
||||
});
|
||||
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
||||
var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
||||
var ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
|
||||
const {
|
||||
value: valueProp,
|
||||
defaultValue,
|
||||
onValueChange = () => {
|
||||
},
|
||||
...toggleGroupSingleProps
|
||||
} = props;
|
||||
const [value, setValue] = useControllableState({
|
||||
prop: valueProp,
|
||||
defaultProp: defaultValue ?? "",
|
||||
onChange: onValueChange,
|
||||
caller: TOGGLE_GROUP_NAME
|
||||
});
|
||||
return /* @__PURE__ */ jsx(
|
||||
ToggleGroupValueProvider,
|
||||
{
|
||||
scope: props.__scopeToggleGroup,
|
||||
type: "single",
|
||||
value: React.useMemo(() => value ? [value] : [], [value]),
|
||||
onItemActivate: setValue,
|
||||
onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
|
||||
children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
|
||||
}
|
||||
);
|
||||
});
|
||||
var ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
|
||||
const {
|
||||
value: valueProp,
|
||||
defaultValue,
|
||||
onValueChange = () => {
|
||||
},
|
||||
...toggleGroupMultipleProps
|
||||
} = props;
|
||||
const [value, setValue] = useControllableState({
|
||||
prop: valueProp,
|
||||
defaultProp: defaultValue ?? [],
|
||||
onChange: onValueChange,
|
||||
caller: TOGGLE_GROUP_NAME
|
||||
});
|
||||
const handleButtonActivate = React.useCallback(
|
||||
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
||||
[setValue]
|
||||
);
|
||||
const handleButtonDeactivate = React.useCallback(
|
||||
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
||||
[setValue]
|
||||
);
|
||||
return /* @__PURE__ */ jsx(
|
||||
ToggleGroupValueProvider,
|
||||
{
|
||||
scope: props.__scopeToggleGroup,
|
||||
type: "multiple",
|
||||
value,
|
||||
onItemActivate: handleButtonActivate,
|
||||
onItemDeactivate: handleButtonDeactivate,
|
||||
children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })
|
||||
}
|
||||
);
|
||||
});
|
||||
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
||||
var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
||||
var ToggleGroupImpl = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const {
|
||||
__scopeToggleGroup,
|
||||
disabled = false,
|
||||
rovingFocus = true,
|
||||
orientation,
|
||||
dir,
|
||||
loop = true,
|
||||
...toggleGroupProps
|
||||
} = props;
|
||||
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
|
||||
const direction = useDirection(dir);
|
||||
const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
|
||||
return /* @__PURE__ */ jsx(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsx(
|
||||
RovingFocusGroup.Root,
|
||||
{
|
||||
asChild: true,
|
||||
...rovingFocusGroupScope,
|
||||
orientation,
|
||||
dir: direction,
|
||||
loop,
|
||||
children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
|
||||
}
|
||||
) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });
|
||||
}
|
||||
);
|
||||
var ITEM_NAME = "ToggleGroupItem";
|
||||
var ToggleGroupItem = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);
|
||||
const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);
|
||||
const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);
|
||||
const pressed = valueContext.value.includes(props.value);
|
||||
const disabled = context.disabled || props.disabled;
|
||||
const commonProps = { ...props, pressed, disabled };
|
||||
const ref = React.useRef(null);
|
||||
return context.rovingFocus ? /* @__PURE__ */ jsx(
|
||||
RovingFocusGroup.Item,
|
||||
{
|
||||
asChild: true,
|
||||
...rovingFocusGroupScope,
|
||||
focusable: !disabled,
|
||||
active: pressed,
|
||||
ref,
|
||||
children: /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
|
||||
}
|
||||
) : /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef });
|
||||
}
|
||||
);
|
||||
ToggleGroupItem.displayName = ITEM_NAME;
|
||||
var ToggleGroupItemImpl = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const { __scopeToggleGroup, value, ...itemProps } = props;
|
||||
const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);
|
||||
const singleProps = { role: "radio", "aria-checked": props.pressed, "aria-pressed": void 0 };
|
||||
const typeProps = valueContext.type === "single" ? singleProps : void 0;
|
||||
return /* @__PURE__ */ jsx(
|
||||
Toggle,
|
||||
{
|
||||
...typeProps,
|
||||
...itemProps,
|
||||
ref: forwardedRef,
|
||||
onPressedChange: (pressed) => {
|
||||
if (pressed) {
|
||||
valueContext.onItemActivate(value);
|
||||
} else {
|
||||
valueContext.onItemDeactivate(value);
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
var Root2 = ToggleGroup;
|
||||
var Item2 = ToggleGroupItem;
|
||||
export {
|
||||
Item2 as Item,
|
||||
Root2 as Root,
|
||||
ToggleGroup,
|
||||
ToggleGroupItem,
|
||||
createToggleGroupScope
|
||||
};
|
||||
//# sourceMappingURL=index.mjs.map
|
||||
7
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.mjs.map
generated
vendored
Normal file
7
frontend/node_modules/@radix-ui/react-toggle-group/dist/index.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user