UEA-PRODEM
This commit is contained in:
+1
-1
@@ -1,5 +1,5 @@
|
||||
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
||||
import React from 'react';
|
||||
import * as 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';
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
||||
import React from 'react';
|
||||
import * as 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';
|
||||
|
||||
+12
-12
@@ -40,7 +40,7 @@ __export(index_exports, {
|
||||
module.exports = __toCommonJS(index_exports);
|
||||
|
||||
// src/toggle-group.tsx
|
||||
var import_react = __toESM(require("react"));
|
||||
var 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"));
|
||||
@@ -54,7 +54,7 @@ var [createToggleGroupContext, createToggleGroupScope] = (0, import_react_contex
|
||||
import_react_roving_focus.createRovingFocusGroupScope
|
||||
]);
|
||||
var useRovingFocusGroupScope = (0, import_react_roving_focus.createRovingFocusGroupScope)();
|
||||
var ToggleGroup = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
var ToggleGroup = React.forwardRef((props, forwardedRef) => {
|
||||
const { type, ...toggleGroupProps } = props;
|
||||
if (type === "single") {
|
||||
const singleProps = toggleGroupProps;
|
||||
@@ -68,7 +68,7 @@ var ToggleGroup = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
});
|
||||
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
||||
var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
||||
var ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
var ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
|
||||
const {
|
||||
value: valueProp,
|
||||
defaultValue,
|
||||
@@ -87,14 +87,14 @@ var ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef
|
||||
{
|
||||
scope: props.__scopeToggleGroup,
|
||||
type: "single",
|
||||
value: import_react.default.useMemo(() => value ? [value] : [], [value]),
|
||||
value: React.useMemo(() => value ? [value] : [], [value]),
|
||||
onItemActivate: setValue,
|
||||
onItemDeactivate: import_react.default.useCallback(() => setValue(""), [setValue]),
|
||||
onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
|
||||
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
|
||||
}
|
||||
);
|
||||
});
|
||||
var ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedRef) => {
|
||||
var ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
|
||||
const {
|
||||
value: valueProp,
|
||||
defaultValue,
|
||||
@@ -108,11 +108,11 @@ var ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedR
|
||||
onChange: onValueChange,
|
||||
caller: TOGGLE_GROUP_NAME
|
||||
});
|
||||
const handleButtonActivate = import_react.default.useCallback(
|
||||
const handleButtonActivate = React.useCallback(
|
||||
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
||||
[setValue]
|
||||
);
|
||||
const handleButtonDeactivate = import_react.default.useCallback(
|
||||
const handleButtonDeactivate = React.useCallback(
|
||||
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
||||
[setValue]
|
||||
);
|
||||
@@ -130,7 +130,7 @@ var ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedR
|
||||
});
|
||||
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
||||
var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
||||
var ToggleGroupImpl = import_react.default.forwardRef(
|
||||
var ToggleGroupImpl = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const {
|
||||
__scopeToggleGroup,
|
||||
@@ -158,7 +158,7 @@ var ToggleGroupImpl = import_react.default.forwardRef(
|
||||
}
|
||||
);
|
||||
var ITEM_NAME = "ToggleGroupItem";
|
||||
var ToggleGroupItem = import_react.default.forwardRef(
|
||||
var ToggleGroupItem = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);
|
||||
const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);
|
||||
@@ -166,7 +166,7 @@ var ToggleGroupItem = import_react.default.forwardRef(
|
||||
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);
|
||||
const ref = React.useRef(null);
|
||||
return context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
||||
RovingFocusGroup.Item,
|
||||
{
|
||||
@@ -181,7 +181,7 @@ var ToggleGroupItem = import_react.default.forwardRef(
|
||||
}
|
||||
);
|
||||
ToggleGroupItem.displayName = ITEM_NAME;
|
||||
var ToggleGroupItemImpl = import_react.default.forwardRef(
|
||||
var ToggleGroupItemImpl = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const { __scopeToggleGroup, value, ...itemProps } = props;
|
||||
const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);
|
||||
|
||||
+3
-3
File diff suppressed because one or more lines are too long
+1
-1
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
// src/toggle-group.tsx
|
||||
import React from "react";
|
||||
import * as 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";
|
||||
|
||||
+2
-2
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user