v1.0 with SW PWA enabled
This commit is contained in:
21
frontend/node_modules/@radix-ui/react-toggle-group/LICENSE
generated
vendored
Normal file
21
frontend/node_modules/@radix-ui/react-toggle-group/LICENSE
generated
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2022 WorkOS
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
3
frontend/node_modules/@radix-ui/react-toggle-group/README.md
generated
vendored
Normal file
3
frontend/node_modules/@radix-ui/react-toggle-group/README.md
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
# `react-toggle-group`
|
||||
|
||||
View docs [here](https://radix-ui.com/primitives/docs/components/toggle-group).
|
||||
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
74
frontend/node_modules/@radix-ui/react-toggle-group/package.json
generated
vendored
Normal file
74
frontend/node_modules/@radix-ui/react-toggle-group/package.json
generated
vendored
Normal file
@ -0,0 +1,74 @@
|
||||
{
|
||||
"name": "@radix-ui/react-toggle-group",
|
||||
"version": "1.1.11",
|
||||
"license": "MIT",
|
||||
"source": "./src/index.ts",
|
||||
"main": "./dist/index.js",
|
||||
"module": "./dist/index.mjs",
|
||||
"files": [
|
||||
"dist",
|
||||
"README.md"
|
||||
],
|
||||
"sideEffects": false,
|
||||
"dependencies": {
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/primitive": "1.1.3",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-direction": "1.1.1",
|
||||
"@radix-ui/react-toggle": "1.1.10",
|
||||
"@radix-ui/react-roving-focus": "1.1.11",
|
||||
"@radix-ui/react-use-controllable-state": "1.2.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^19.0.7",
|
||||
"@types/react-dom": "^19.0.3",
|
||||
"eslint": "^9.18.0",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0",
|
||||
"typescript": "^5.7.3",
|
||||
"@repo/eslint-config": "0.0.0",
|
||||
"@repo/typescript-config": "0.0.0",
|
||||
"@repo/builder": "0.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
},
|
||||
"homepage": "https://radix-ui.com/primitives",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/radix-ui/primitives.git"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/radix-ui/primitives/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"lint": "eslint --max-warnings 0 src",
|
||||
"clean": "rm -rf dist",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build": "radix-build"
|
||||
},
|
||||
"types": "./dist/index.d.ts",
|
||||
"exports": {
|
||||
".": {
|
||||
"import": {
|
||||
"types": "./dist/index.d.mts",
|
||||
"default": "./dist/index.mjs"
|
||||
},
|
||||
"require": {
|
||||
"types": "./dist/index.d.ts",
|
||||
"default": "./dist/index.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user