@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/TextArea-CS-2txl7.js

@@ -0,0 +1,175 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-DoGaUqFm.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { R as $3ef42575df84b30b$export$9d1611c77c2fe928, T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3, z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $2d73ec29415bd339$export$712718f7aec83d5 } from "./useTextField-De01RThI.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import { r as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CLMp_zj4.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
+import $HgANd$react, { createContext, forwardRef, memo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/TextArea.mjs
+const $216918bed6669f72$export$2dc6166a7e65358c = /*#__PURE__*/ createContext({});
+let $216918bed6669f72$var$filterHoverProps = (props) => {
+	let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
+	return otherProps;
+};
+const $216918bed6669f72$export$f5c9f3c2c4054eec = /*#__PURE__*/ forwardRef(function TextArea(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $216918bed6669f72$export$2dc6166a7e65358c);
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+	let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
+		isTextInput: true,
+		autoFocus: props.autoFocus
+	});
+	let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			isHovered,
+			isFocused,
+			isFocusVisible,
+			isDisabled: props.disabled || false,
+			isInvalid
+		},
+		defaultClassName: "react-aria-TextArea"
+	});
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.textarea, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928($216918bed6669f72$var$filterHoverProps(props), focusProps, hoverProps),
+		...renderProps,
+		ref,
+		"data-focused": isFocused || void 0,
+		"data-disabled": props.disabled || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-invalid": isInvalid || void 0
+	});
+});
+//#endregion
+//#region src/components/inputs/Input/TextArea/TextArea.cva.ts
+const textAreaWrapperDefinition = UIOverrides.defineConfig({ base: ["group/text-area relative h-full"] });
+//#endregion
+//#region src/components/inputs/Input/TextArea/TextArea.tsx
+const TextAreaBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const inputCva = useInputCva();
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	const inputSideCva = UIOverrides.useCva("input.sideCva", inputSideDefinition);
+	const textAreaWrapperCva = UIOverrides.useCva("textArea.wrapperCva", textAreaWrapperDefinition);
+	const { ref, className, inputClassName, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, value, onChange, onBlur, as: asProp, hideLabel: hideLabelProp, variant: variantProp, isClearable: isClearableProp, isClearableIfDisabled, ...rest } = props;
+	const as = asProp ?? ui.input.as;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const variant = variantProp ?? ui.input.variant;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const textFieldRef = useRef(null);
+	const textFieldProps = {
+		...rest,
+		label,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		value,
+		onChange,
+		onBlur
+	};
+	const { labelProps, inputProps } = $2d73ec29415bd339$export$712718f7aec83d5(textFieldProps, textFieldRef);
+	const formFieldProps = {
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const showClear = isClearable && value != null && value !== "" && (!isDisabled || isClearableIfDisabled === true);
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error,
+		triggerTabIndex: as === "inline" ? -1 : void 0,
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("group w-full flex flex-col", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: textAreaWrapperCva({}),
+				"data-text-area": true,
+				children: [
+					as === "floating" && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
+						as,
+						...headerProps,
+						className: clsx(headerProps.className, inputSideCva({
+							size: "default",
+							type: "left"
+						}))
+					}),
+					/* @__PURE__ */ jsx($216918bed6669f72$export$f5c9f3c2c4054eec, {
+						...inputProps,
+						"data-is-dirty": isDirty || void 0,
+						"data-is-required": isRequired || void 0,
+						"data-is-empty": value?.trim() === "" || value === null || value === void 0 || void 0,
+						placeholder: as === "floating" ? "" : inputProps.placeholder,
+						className: inputCva({
+							variant,
+							as,
+							...rest,
+							className: clsx("block h-full min-h-8", inputClassName)
+						}),
+						ref
+					}),
+					showClear && /* @__PURE__ */ jsx("span", {
+						className: clsx("absolute top-0 right-0", inputSizeCva({ size: "default" })),
+						children: /* @__PURE__ */ jsx(InputClear, {
+							onClear: () => {
+								onChange?.("");
+								onBlur?.(null);
+							},
+							show: true
+						})
+					})
+				]
+			})
+		})
+	});
+};
+const TextAreaComponent = (props) => {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(TextAreaBase, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
+				value: field.value ?? "",
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(TextAreaBase, { ...props });
+};
+const TextArea = memo(TextAreaComponent);
+//#endregion
+export { textAreaWrapperDefinition as n, TextArea as t };

package/dist/TextButton-BdefN7SL.d.ts

@@ -0,0 +1,15 @@
+import { t as ButtonProps } from "./types-BV15_DBT.js";
+import { n as LinkNavigationProps } from "./Link-DwUGkr9s.js";
+import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-CIOaLH0a.js";
+import { n as ButtonIconProps } from "./Button-C_FOjIn-.js";
+import { ReactNode } from "react";
+//#region src/components/buttons/TextButton/TextButton.d.ts
+type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & ButtonProps & ButtonIconProps<true | false> & {
+  children: ReactNode;
+  isLoading?: boolean;
+  link?: LinkNavigationProps;
+};
+declare const TextButton: ({ children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TextButtonProps as n, TextButton as t };

package/dist/TextEditor-CXDFpX_q.d.ts

@@ -0,0 +1,26 @@
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { n as FormFieldProps } from "./FormField-FvutosEE.js";
+import { Ref } from "react";
+import { JSONContent } from "@tiptap/react";
+//#region src/components/inputs/TextEditor/TextEditor.d.ts
+interface TextEditorValue {
+  html?: string | null;
+  json?: JSONContent | null;
+}
+interface TextEditorBaseProps extends FormFieldProps {
+  ref?: Ref<HTMLDivElement>;
+  placeholder?: string;
+  value?: TextEditorValue | null;
+  onChange?: (value: TextEditorValue | null) => void;
+  onBlur?: () => void;
+  as?: "default" | "filter" | "floating" | "inline" | null;
+  editorClassName?: string;
+  isDirty?: boolean;
+}
+type TextEditorProps = TextEditorBaseProps;
+type ControlledTextEditorProps<TFieldValues extends FieldValues> = ControlProps<TextEditorProps, TFieldValues>;
+declare const TextEditorComponent: <TFieldValues extends FieldValues>(props: ControlledTextEditorProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const TextEditor: typeof TextEditorComponent;
+//#endregion
+export { TextEditorValue as a, TextEditorProps as i, TextEditor as n, TextEditorBaseProps as r, ControlledTextEditorProps as t };