@teach-in/react 1.0.0 → 1.2.0

package/dist/ui/form/index.mjs

@@ -1,22 +1,25 @@
 "use client";
 import "../../chunk-VOG5HJID.mjs";
 import "../../chunk-FXXWSYJA.mjs";
-import "../../chunk-Q6JSJOU4.mjs";
+import "../../chunk-PTCNYQVY.mjs";
 import {
   InputField
-} from "../../chunk-JDFRAN4S.mjs";
+} from "../../chunk-5FFWQB7D.mjs";
 import {
   RadioField
 } from "../../chunk-W2A6C27Y.mjs";
+import {
+  SearchField
+} from "../../chunk-CUEG2BFV.mjs";
 import {
   SelectField
-} from "../../chunk-NLHQDWUK.mjs";
+} from "../../chunk-CKJ5U5Q4.mjs";
 import {
   SwitchField
 } from "../../chunk-EC3NSPHR.mjs";
 import {
   TextField
-} from "../../chunk-CETCW7DS.mjs";
+} from "../../chunk-IU2JYI7W.mjs";
 import {
   TextareaField
 } from "../../chunk-V4HKGJYK.mjs";
@@ -31,31 +34,37 @@ import {
 } from "../../chunk-7GHK5XYK.mjs";
 import {
   EmailField
-} from "../../chunk-R7LDL5CU.mjs";
-import "../../chunk-CZEO3U25.mjs";
+} from "../../chunk-R46SWVWL.mjs";
+import "../../chunk-UQAG7TKJ.mjs";
 import "../../chunk-DUQFM3QS.mjs";
-import "../../chunk-KTUGFQWJ.mjs";
+import "../../chunk-KTWHCUYV.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-LJIVY6GU.mjs";
-import "../../chunk-ZRHEFEFS.mjs";
-import "../../chunk-V2G5QHZZ.mjs";
+import "../../chunk-46SKVFMZ.mjs";
 import "../../chunk-AQ3ISJKU.mjs";
-import "../../chunk-3YOW5DEZ.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-2SNKT7I4.mjs";
 import "../../chunk-NOXFF2KJ.mjs";
+import "../../chunk-2SNKT7I4.mjs";
+import "../../chunk-ZRHEFEFS.mjs";
+import "../../chunk-MCQGBAUS.mjs";
+import "../../chunk-NSU66J5E.mjs";
 import "../../chunk-WYJW5NNA.mjs";
 import "../../chunk-C3MURCMZ.mjs";
-import "../../chunk-V2HNFTTX.mjs";
-import "../../chunk-IAJ6G633.mjs";
-import "../../chunk-UUKS7JYX.mjs";
 import "../../chunk-C4PCTOGM.mjs";
 import "../../chunk-N3QOXWJI.mjs";
+import "../../chunk-TUIN5YJW.mjs";
 import {
   Form
 } from "../../chunk-A3AAC7PF.mjs";
@@ -67,6 +76,7 @@ export {
   Form,
   InputField,
   RadioField,
+  SearchField,
   SelectField,
   SwitchField,
   TextField,

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

@@ -2,30 +2,36 @@
 import {
   AutocompleteField
 } from "../../../../chunk-S3ET5HKP.mjs";
-import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-UQAG7TKJ.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
-import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-KTWHCUYV.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-LJIVY6GU.mjs";
-import "../../../../chunk-ZRHEFEFS.mjs";
-import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-46SKVFMZ.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-3YOW5DEZ.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-2SNKT7I4.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-MCQGBAUS.mjs";
+import "../../../../chunk-NSU66J5E.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
 import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-TUIN5YJW.mjs";
 export {
   AutocompleteField
 };

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

@@ -2,30 +2,36 @@
 import {
   CheckboxField
 } from "../../../../chunk-MCZBJUTN.mjs";
-import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-UQAG7TKJ.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
-import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-KTWHCUYV.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-LJIVY6GU.mjs";
-import "../../../../chunk-ZRHEFEFS.mjs";
-import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-46SKVFMZ.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-3YOW5DEZ.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-2SNKT7I4.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-MCQGBAUS.mjs";
+import "../../../../chunk-NSU66J5E.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
 import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-TUIN5YJW.mjs";
 export {
   CheckboxField
 };

package/dist/ui/form/rhf/fields/date-picker-field.mjs

@@ -2,30 +2,36 @@
 import {
   DatePickerField
 } from "../../../../chunk-7GHK5XYK.mjs";
-import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-UQAG7TKJ.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
-import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-KTWHCUYV.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-LJIVY6GU.mjs";
-import "../../../../chunk-ZRHEFEFS.mjs";
-import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-46SKVFMZ.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-3YOW5DEZ.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-2SNKT7I4.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-MCQGBAUS.mjs";
+import "../../../../chunk-NSU66J5E.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
 import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-TUIN5YJW.mjs";
 export {
   DatePickerField
 };

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

@@ -37,34 +37,171 @@ module.exports = __toCommonJS(email_field_exports);
 var import_react_hook_form = require("react-hook-form");
 
 // src/ui/inputs/email/email.tsx
-var import_react2 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 
 // src/ui/inputs/input/input.tsx
-var import_react = __toESM(require("react"));
+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_jsx_runtime = require("react/jsx-runtime");
-var Input = import_react.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { ref, ...props });
+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_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/email/email.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Email = import_react2.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Email = import_react4.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
 });
 Email.displayName = "TeachInUI.Email";
 
 // src/ui/form/rhf/fields/email-field.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function EmailField({ name, ...props }) {
   const { control } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_react_hook_form.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }

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

@@ -1,31 +1,37 @@
 "use client";
 import {
   EmailField
-} from "../../../../chunk-R7LDL5CU.mjs";
-import "../../../../chunk-CZEO3U25.mjs";
+} from "../../../../chunk-R46SWVWL.mjs";
+import "../../../../chunk-UQAG7TKJ.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
-import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-KTWHCUYV.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-LJIVY6GU.mjs";
-import "../../../../chunk-ZRHEFEFS.mjs";
-import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-46SKVFMZ.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-3YOW5DEZ.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-2SNKT7I4.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-MCQGBAUS.mjs";
+import "../../../../chunk-NSU66J5E.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
 import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-TUIN5YJW.mjs";
 export {
   EmailField
 };

package/dist/ui/form/rhf/fields/index.d.ts

@@ -1,6 +1,7 @@
 export { InputField } from "./input-field";
 export { TextField } from "./text-field";
 export { EmailField } from "./email-field";
+export { SearchField } from "./search-field";
 export { TextareaField } from "./textarea-field";
 export { SelectField } from "./select-field";
 export { AutocompleteField } from "./autocomplete-field";