@teach-in/react 1.2.0 → 1.3.0

package/dist/ui/form/rhf/fields/text-field.js

@@ -37,169 +37,32 @@ module.exports = __toCommonJS(text_field_exports);
 var import_react_hook_form = require("react-hook-form");
 
 // src/ui/inputs/input/input.tsx
-var import_react3 = __toESM(require("react"));
-var import_input = require("@heroui/input");
-var import_tailwind_variants = require("tailwind-variants");
-
-// src/ui/inputs/clear-button.tsx
 var import_react = __toESM(require("react"));
-var import_button = require("@heroui/button");
-var import_lucide_react = require("lucide-react");
+var import_input = require("@heroui/input");
 var import_jsx_runtime = require("react/jsx-runtime");
-var ClearButton = import_react.default.forwardRef(
-  ({ onClear }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.Button,
-      {
-        ref,
-        isIconOnly: true,
-        "aria-label": "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
-        as: "span",
-        className: "opacity-0 transition-opacity group-hover:opacity-100",
-        color: "default",
-        radius: "full",
-        size: "sm",
-        tabIndex: 0,
-        variant: "light",
-        onPress: onClear,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XIcon, { className: "size-4 text-default-500" })
-      }
-    );
-  }
-);
-ClearButton.displayName = "TeachInUI.ClearButton";
-
-// src/ui/inputs/input/use-input.ts
-var import_react2 = require("react");
-function useInput({
-  value,
-  defaultValue,
-  onValueChange,
-  onClear,
-  isReadOnly,
-  isClearable = true,
-  ref
-}) {
-  const inputRef = (0, import_react2.useRef)(null);
-  const [internalValue, setInternalValue] = (0, import_react2.useState)(defaultValue != null ? defaultValue : "");
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
-  const hasValue = String(currentValue).length > 0;
-  const handleValueChange = (0, import_react2.useCallback)(
-    (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
-      onValueChange == null ? void 0 : onValueChange(newValue);
-    },
-    [isControlled, onValueChange]
-  );
-  const handleClear = (0, import_react2.useCallback)(() => {
-    var _a;
-    onClear == null ? void 0 : onClear();
-    handleValueChange("");
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
-  }, [onClear, handleValueChange]);
-  const mergedRef = (0, import_react2.useCallback)(
-    (node) => {
-      inputRef.current = node;
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    },
-    [ref]
-  );
-  const showClearButton = hasValue && !isReadOnly && isClearable;
-  return {
-    inputRef,
-    currentValue,
-    hasValue,
-    handleValueChange,
-    handleClear,
-    mergedRef,
-    showClearButton
-  };
-}
-
-// src/ui/inputs/input/input.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var inputWrapperVariants = (0, import_tailwind_variants.tv)({
-  variants: {
-    variant: {
-      flat: "",
-      underlined: "",
-      bordered: "border-1",
-      faded: "border-1"
-    }
-  }
+var Input = import_react.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { ref, ...props });
 });
-var Input = import_react3.default.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onClear,
-    onValueChange,
-    variant,
-    classNames,
-    endContent,
-    isReadOnly,
-    isClearable,
-    ...props
-  }, ref) => {
-    const { currentValue, handleValueChange, handleClear, mergedRef, showClearButton } = useInput({
-      value,
-      defaultValue,
-      onValueChange,
-      onClear,
-      isReadOnly,
-      isClearable,
-      ref
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_input.Input,
-      {
-        ref: mergedRef,
-        classNames: {
-          ...classNames,
-          inputWrapper: inputWrapperVariants({ variant }),
-          innerWrapper: "group"
-        },
-        defaultValue,
-        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-1", children: [
-          endContent,
-          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClearButton, { onClear: handleClear })
-        ] }),
-        isReadOnly,
-        value: currentValue,
-        variant,
-        onValueChange: handleValueChange,
-        ...props
-      }
-    );
-  }
-);
 Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/text/text.tsx
-var import_react4 = __toESM(require("react"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Text = import_react4.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Input, { ref, type: "text", ...props });
+var import_react2 = __toESM(require("react"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Text = import_react2.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Input, { ref, type: "text", ...props });
 });
 Text.displayName = "TeachInUI.Text";
 
 // src/ui/form/rhf/fields/text-field.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function TextField({ name, ...props }) {
   const { control } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_react_hook_form.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }

package/dist/ui/form/rhf/fields/text-field.mjs

@@ -1,37 +1,31 @@
 "use client";
 import {
   TextField
-} from "../../../../chunk-IU2JYI7W.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
-import "../../../../chunk-DUQFM3QS.mjs";
-import "../../../../chunk-KTWHCUYV.mjs";
+} from "../../../../chunk-CETCW7DS.mjs";
+import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-LLP2PTPK.mjs";
 import "../../../../chunk-E5QSNLSR.mjs";
 import "../../../../chunk-N3EAW6UO.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
-import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
-import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-VXYV37IM.mjs";
-import "../../../../chunk-2UHA3DYG.mjs";
-import "../../../../chunk-5RNCFTW5.mjs";
-import "../../../../chunk-SEJXJZSK.mjs";
-import "../../../../chunk-C2VWADF5.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-RRA7GWP2.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
 import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-DUQFM3QS.mjs";
+import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-V3KKDSQP.mjs";
+import "../../../../chunk-LJIVY6GU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
-import "../../../../chunk-MCQGBAUS.mjs";
-import "../../../../chunk-NSU66J5E.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-3YOW5DEZ.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
+import "../../../../chunk-V2HNFTTX.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-C4PCTOGM.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
-import "../../../../chunk-TUIN5YJW.mjs";
 export {
   TextField
 };

package/dist/ui/form/rhf/fields/textarea-field.mjs

@@ -2,36 +2,30 @@
 import {
   TextareaField
 } from "../../../../chunk-V4HKGJYK.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
-import "../../../../chunk-DUQFM3QS.mjs";
-import "../../../../chunk-KTWHCUYV.mjs";
+import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-LLP2PTPK.mjs";
 import "../../../../chunk-E5QSNLSR.mjs";
 import "../../../../chunk-N3EAW6UO.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
-import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
-import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-VXYV37IM.mjs";
-import "../../../../chunk-2UHA3DYG.mjs";
-import "../../../../chunk-5RNCFTW5.mjs";
-import "../../../../chunk-SEJXJZSK.mjs";
-import "../../../../chunk-C2VWADF5.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-RRA7GWP2.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
 import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-DUQFM3QS.mjs";
+import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-V3KKDSQP.mjs";
+import "../../../../chunk-LJIVY6GU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
-import "../../../../chunk-MCQGBAUS.mjs";
-import "../../../../chunk-NSU66J5E.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-3YOW5DEZ.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
+import "../../../../chunk-V2HNFTTX.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-C4PCTOGM.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
-import "../../../../chunk-TUIN5YJW.mjs";
 export {
   TextareaField
 };