@teach-in/react 1.2.0 → 1.3.0

package/dist/chunk-TUIN5YJW.mjs

@@ -1,33 +0,0 @@
-"use client";
-
-// src/ui/inputs/clear-button.tsx
-import React from "react";
-import { Button } from "@heroui/button";
-import { XIcon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-var ClearButton = React.forwardRef(
-  ({ onClear }, ref) => {
-    return /* @__PURE__ */ jsx(
-      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__ */ jsx(XIcon, { className: "size-4 text-default-500" })
-      }
-    );
-  }
-);
-ClearButton.displayName = "TeachInUI.ClearButton";
-
-export {
-  ClearButton
-};

package/dist/chunk-UQAG7TKJ.mjs

@@ -1 +0,0 @@
-"use client";

package/dist/chunk-VXYV37IM.mjs

@@ -1,74 +0,0 @@
-"use client";
-import {
-  useSelect
-} from "./chunk-2UHA3DYG.mjs";
-import {
-  ClearButton
-} from "./chunk-TUIN5YJW.mjs";
-
-// src/ui/inputs/select/select.tsx
-import React from "react";
-import { Select as HeroUISelect, SelectItem as HeroUISelectItem } from "@heroui/select";
-import { tv } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-var selectWrapperVariants = tv({
-  variants: {
-    variant: {
-      flat: "",
-      underlined: "",
-      bordered: "border-1",
-      faded: "border-1"
-    }
-  }
-});
-var Select = React.forwardRef(
-  ({
-    value,
-    defaultSelectedKeys,
-    items,
-    onChange,
-    selectionMode,
-    onClear,
-    variant,
-    classNames,
-    endContent,
-    isClearable,
-    ...props
-  }, ref) => {
-    const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
-      value,
-      onChange,
-      onClear,
-      selectionMode,
-      isClearable
-    });
-    return /* @__PURE__ */ jsx(
-      HeroUISelect,
-      {
-        ref,
-        classNames: {
-          ...classNames,
-          trigger: selectWrapperVariants({ variant }),
-          innerWrapper: "group"
-        },
-        defaultSelectedKeys,
-        endContent: (endContent || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          endContent,
-          showClearButton && /* @__PURE__ */ jsx(ClearButton, { onClear: handleClear })
-        ] }),
-        items,
-        selectedKeys,
-        selectionMode,
-        variant,
-        onSelectionChange: handleSelectionChange,
-        ...props,
-        children: (item) => /* @__PURE__ */ jsx(HeroUISelectItem, { children: item.label }, item.key)
-      }
-    );
-  }
-);
-Select.displayName = "TeachInUI.Select";
-
-export {
-  Select
-};

package/dist/ui/form/rhf/fields/search-field.d.ts

@@ -1,10 +0,0 @@
-import type { SearchProps } from "../../../inputs";
-import React from "react";
-interface Props extends Omit<SearchProps, "name" | "errorMessage" | "isInvalid"> {
-    readonly name: string;
-}
-export declare function SearchField({ name, ...props }: Props): React.JSX.Element;
-export declare namespace SearchField {
-    var displayName: string;
-}
-export {};

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

@@ -1,296 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/form/rhf/fields/search-field.tsx
-var search_field_exports = {};
-__export(search_field_exports, {
-  SearchField: () => SearchField
-});
-module.exports = __toCommonJS(search_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_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_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/search/search.tsx
-var import_react5 = __toESM(require("react"));
-var import_lucide_react2 = require("lucide-react");
-var import_button2 = require("@heroui/button");
-var import_tailwind_variants2 = require("tailwind-variants");
-
-// src/ui/inputs/search/use-search.ts
-var import_react4 = require("react");
-function useSearch({ value, onSearch, onCancel, onKeyDown }) {
-  const handleKeyDown = (0, import_react4.useCallback)(
-    (event) => {
-      if (event.key === "Enter") {
-        event.preventDefault();
-        onSearch == null ? void 0 : onSearch(event.target.value);
-      } else if (event.key === "Escape") {
-        event.preventDefault();
-        onCancel == null ? void 0 : onCancel();
-      }
-      onKeyDown == null ? void 0 : onKeyDown(event);
-    },
-    [onSearch, onCancel, onKeyDown]
-  );
-  const hasValue = value !== void 0 && String(value).length > 0;
-  const handleSearchClick = (0, import_react4.useCallback)(() => {
-    if (hasValue) {
-      onSearch == null ? void 0 : onSearch(value);
-    }
-  }, [value, onSearch]);
-  return {
-    handleKeyDown,
-    handleSearchClick,
-    hasValue
-  };
-}
-
-// src/ui/inputs/search/search.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var searchIconVariants = (0, import_tailwind_variants2.tv)({
-  base: "size-5 shrink-0",
-  variants: {
-    variant: {
-      faded: "text-default-400",
-      flat: "text-default-foreground",
-      bordered: "text-default-400",
-      underlined: "text-default-foreground"
-    }
-  }
-});
-var Search = import_react5.default.forwardRef(
-  ({ variant = "bordered", radius = "full", value, onSearch, onCancel, onKeyDown, ...props }, ref) => {
-    const { handleKeyDown, handleSearchClick, hasValue } = useSearch({
-      value,
-      onSearch,
-      onCancel,
-      onKeyDown
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      Input,
-      {
-        ref,
-        radius,
-        startContent: onSearch ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_button2.Button,
-          {
-            isIconOnly: true,
-            "aria-label": "\u041F\u043E\u0438\u0441\u043A",
-            isDisabled: !hasValue,
-            radius: "full",
-            size: "sm",
-            variant: "light",
-            onPress: handleSearchClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.SearchIcon, { className: searchIconVariants({ variant }) })
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.SearchIcon, { className: searchIconVariants({ variant }) }),
-        value,
-        variant,
-        onKeyDown: handleKeyDown,
-        ...props
-      }
-    );
-  }
-);
-Search.displayName = "TeachInUI.Search";
-
-// src/ui/form/rhf/fields/search-field.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function SearchField({ name, ...props }) {
-  const { control } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react_hook_form.Controller,
-    {
-      control,
-      name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        Search,
-        {
-          ...props,
-          ...field,
-          ref,
-          errorMessage: error == null ? void 0 : error.message,
-          isInvalid: !!error,
-          onValueChange: field.onChange
-        }
-      )
-    }
-  );
-}
-SearchField.displayName = "TeachInUI.SearchField";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SearchField
-});

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

@@ -1,37 +0,0 @@
-"use client";
-import {
-  SearchField
-} from "../../../../chunk-CUEG2BFV.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
-import "../../../../chunk-DUQFM3QS.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-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-ZRHEFEFS.mjs";
-import "../../../../chunk-MCQGBAUS.mjs";
-import "../../../../chunk-NSU66J5E.mjs";
-import "../../../../chunk-WYJW5NNA.mjs";
-import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-C4PCTOGM.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
-import "../../../../chunk-TUIN5YJW.mjs";
-export {
-  SearchField
-};

package/dist/ui/inputs/clear-button.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface ClearButtonProps {
-    onClear?: () => void;
-}
-export declare const ClearButton: React.ForwardRefExoticComponent<ClearButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/ui/inputs/clear-button.js

@@ -1,67 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/inputs/clear-button.tsx
-var clear_button_exports = {};
-__export(clear_button_exports, {
-  ClearButton: () => ClearButton
-});
-module.exports = __toCommonJS(clear_button_exports);
-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 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";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ClearButton
-});

package/dist/ui/inputs/clear-button.mjs

@@ -1,8 +0,0 @@
-"use client";
-"use client";
-import {
-  ClearButton
-} from "../../chunk-TUIN5YJW.mjs";
-export {
-  ClearButton
-};

package/dist/ui/inputs/input/use-input.d.ts

@@ -1,19 +0,0 @@
-interface UseInputProps {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    onClear?: () => void;
-    isReadOnly?: boolean;
-    isClearable?: boolean;
-    ref?: React.Ref<HTMLInputElement>;
-}
-export declare function useInput({ value, defaultValue, onValueChange, onClear, isReadOnly, isClearable, ref, }: UseInputProps): {
-    inputRef: import("react").RefObject<HTMLInputElement | null>;
-    currentValue: string;
-    hasValue: boolean;
-    handleValueChange: (newValue: string) => void;
-    handleClear: () => void;
-    mergedRef: (node: HTMLInputElement | null) => void;
-    showClearButton: boolean;
-};
-export {};

package/dist/ui/inputs/input/use-input.js

@@ -1,82 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/inputs/input/use-input.ts
-var use_input_exports = {};
-__export(use_input_exports, {
-  useInput: () => useInput
-});
-module.exports = __toCommonJS(use_input_exports);
-var import_react = require("react");
-function useInput({
-  value,
-  defaultValue,
-  onValueChange,
-  onClear,
-  isReadOnly,
-  isClearable = true,
-  ref
-}) {
-  const inputRef = (0, import_react.useRef)(null);
-  const [internalValue, setInternalValue] = (0, import_react.useState)(defaultValue != null ? defaultValue : "");
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
-  const hasValue = String(currentValue).length > 0;
-  const handleValueChange = (0, import_react.useCallback)(
-    (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
-      onValueChange == null ? void 0 : onValueChange(newValue);
-    },
-    [isControlled, onValueChange]
-  );
-  const handleClear = (0, import_react.useCallback)(() => {
-    var _a;
-    onClear == null ? void 0 : onClear();
-    handleValueChange("");
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
-  }, [onClear, handleValueChange]);
-  const mergedRef = (0, import_react.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
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useInput
-});

package/dist/ui/inputs/input/use-input.mjs

@@ -1,7 +0,0 @@
-"use client";
-import {
-  useInput
-} from "../../../chunk-NSU66J5E.mjs";
-export {
-  useInput
-};

package/dist/ui/inputs/search/index.d.ts

@@ -1 +0,0 @@
-export { Search, type SearchProps } from "./search";