v1.0 with SW PWA enabled
This commit is contained in:
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
|
||||
Reference in New Issue
Block a user