@teach-in/react 1.5.0 → 1.6.0

package/dist/ui/inputs/number/index.js

@@ -0,0 +1,218 @@
+"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/inputs/number/index.ts
+var number_exports = {};
+__export(number_exports, {
+  Number: () => Number2
+});
+module.exports = __toCommonJS(number_exports);
+
+// src/ui/inputs/number/number.tsx
+var import_react3 = __toESM(require("react"));
+var import_number_input = require("@heroui/number-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/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/inputs/number/use-number.ts
+var import_number = require("@internationalized/number");
+var import_react2 = require("react");
+function normalizeNumberValue(value) {
+  if (value == null || Number.isNaN(value)) {
+    return null;
+  }
+  return value;
+}
+function useNumber({
+  locale,
+  value,
+  onChange,
+  onValueChange,
+  onClear,
+  isReadOnly,
+  isClearable = true,
+  ref
+}) {
+  const inputRef = (0, import_react2.useRef)(null);
+  const currentValue = normalizeNumberValue(value);
+  const hasValue = currentValue !== null;
+  const currentLocale = locale != null ? locale : Intl.NumberFormat().resolvedOptions().locale;
+  const numberParser = (0, import_react2.useMemo)(() => new import_number.NumberParser(currentLocale), [currentLocale]);
+  const emitValueChange = (0, import_react2.useCallback)(
+    (newValue) => {
+      onValueChange == null ? void 0 : onValueChange(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [onChange, onValueChange]
+  );
+  const handleValueChange = (0, import_react2.useCallback)(
+    (incomingValue) => {
+      let newValue = null;
+      if (incomingValue === null) {
+        newValue = null;
+      } else if (typeof incomingValue === "number") {
+        newValue = Number.isNaN(incomingValue) ? null : incomingValue;
+      } else {
+        const rawValue = incomingValue.target.value;
+        newValue = rawValue === "" ? null : numberParser.parse(rawValue);
+        newValue = Number.isNaN(newValue) ? null : newValue;
+      }
+      emitValueChange(newValue);
+    },
+    [emitValueChange, numberParser]
+  );
+  const handleClear = (0, import_react2.useCallback)(() => {
+    var _a;
+    onClear == null ? void 0 : onClear();
+    emitValueChange(null);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [emitValueChange, onClear]);
+  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/number/number.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 Number2 = import_react3.default.forwardRef(
+  ({
+    locale,
+    value,
+    onChange,
+    onValueChange,
+    onClear,
+    variant,
+    classNames,
+    endContent,
+    isReadOnly,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { currentValue, handleValueChange, handleClear, mergedRef, showClearButton } = useNumber({
+      locale,
+      value,
+      onChange,
+      onValueChange,
+      onClear,
+      isReadOnly,
+      isClearable,
+      ref
+    });
+    const normalizedValue = currentValue === null ? globalThis.Number.NaN : currentValue;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_number_input.NumberInput,
+      {
+        ref: mergedRef,
+        classNames: {
+          ...classNames,
+          inputWrapper: cn(inputWrapperVariants({ variant }), classNames == null ? void 0 : classNames.inputWrapper),
+          innerWrapper: cn("group", classNames == null ? void 0 : classNames.innerWrapper)
+        },
+        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 })
+        ] }),
+        inputMode: "decimal",
+        isReadOnly,
+        value: normalizedValue,
+        variant,
+        onChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
+Number2.displayName = "TeachInUI.Number";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Number
+});

package/dist/ui/inputs/number/index.mjs

@@ -0,0 +1,12 @@
+"use client";
+import "../../../chunk-ALGSVEUS.mjs";
+import {
+  Number
+} from "../../../chunk-BHOCYKBI.mjs";
+import "../../../chunk-7WIZONLU.mjs";
+import "../../../chunk-TUIN5YJW.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
+export {
+  Number
+};

package/dist/ui/inputs/number/number.d.ts

@@ -0,0 +1,12 @@
+import type { NumberInputProps as HeroUINumberInputProps } from "@heroui/number-input";
+import React from "react";
+export interface NumberProps extends Omit<HeroUINumberInputProps, "defaultValue" | "isClearable" | "onChange" | "onClear" | "onValueChange" | "value"> {
+    locale?: string;
+    value: number | null;
+    isClearable?: boolean;
+    onChange?: (value: number | null) => void;
+    onValueChange?: (value: number | null) => void;
+    onClear?: () => void;
+}
+export declare const Number: React.ForwardRefExoticComponent<Omit<NumberProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: React.ForwardRefExoticComponent<Omit<NumberProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/ui/inputs/number/number.js

@@ -0,0 +1,219 @@
+"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/inputs/number/number.tsx
+var number_exports = {};
+__export(number_exports, {
+  Number: () => Number2,
+  NumberInput: () => NumberInput
+});
+module.exports = __toCommonJS(number_exports);
+var import_react3 = __toESM(require("react"));
+var import_number_input = require("@heroui/number-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/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/inputs/number/use-number.ts
+var import_number = require("@internationalized/number");
+var import_react2 = require("react");
+function normalizeNumberValue(value) {
+  if (value == null || Number.isNaN(value)) {
+    return null;
+  }
+  return value;
+}
+function useNumber({
+  locale,
+  value,
+  onChange,
+  onValueChange,
+  onClear,
+  isReadOnly,
+  isClearable = true,
+  ref
+}) {
+  const inputRef = (0, import_react2.useRef)(null);
+  const currentValue = normalizeNumberValue(value);
+  const hasValue = currentValue !== null;
+  const currentLocale = locale != null ? locale : Intl.NumberFormat().resolvedOptions().locale;
+  const numberParser = (0, import_react2.useMemo)(() => new import_number.NumberParser(currentLocale), [currentLocale]);
+  const emitValueChange = (0, import_react2.useCallback)(
+    (newValue) => {
+      onValueChange == null ? void 0 : onValueChange(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [onChange, onValueChange]
+  );
+  const handleValueChange = (0, import_react2.useCallback)(
+    (incomingValue) => {
+      let newValue = null;
+      if (incomingValue === null) {
+        newValue = null;
+      } else if (typeof incomingValue === "number") {
+        newValue = Number.isNaN(incomingValue) ? null : incomingValue;
+      } else {
+        const rawValue = incomingValue.target.value;
+        newValue = rawValue === "" ? null : numberParser.parse(rawValue);
+        newValue = Number.isNaN(newValue) ? null : newValue;
+      }
+      emitValueChange(newValue);
+    },
+    [emitValueChange, numberParser]
+  );
+  const handleClear = (0, import_react2.useCallback)(() => {
+    var _a;
+    onClear == null ? void 0 : onClear();
+    emitValueChange(null);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [emitValueChange, onClear]);
+  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/number/number.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 Number2 = import_react3.default.forwardRef(
+  ({
+    locale,
+    value,
+    onChange,
+    onValueChange,
+    onClear,
+    variant,
+    classNames,
+    endContent,
+    isReadOnly,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { currentValue, handleValueChange, handleClear, mergedRef, showClearButton } = useNumber({
+      locale,
+      value,
+      onChange,
+      onValueChange,
+      onClear,
+      isReadOnly,
+      isClearable,
+      ref
+    });
+    const normalizedValue = currentValue === null ? globalThis.Number.NaN : currentValue;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_number_input.NumberInput,
+      {
+        ref: mergedRef,
+        classNames: {
+          ...classNames,
+          inputWrapper: cn(inputWrapperVariants({ variant }), classNames == null ? void 0 : classNames.inputWrapper),
+          innerWrapper: cn("group", classNames == null ? void 0 : classNames.innerWrapper)
+        },
+        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 })
+        ] }),
+        inputMode: "decimal",
+        isReadOnly,
+        value: normalizedValue,
+        variant,
+        onChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
+Number2.displayName = "TeachInUI.Number";
+var NumberInput = Number2;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Number,
+  NumberInput
+});

package/dist/ui/inputs/number/number.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Number,
+  NumberInput
+} from "../../../chunk-BHOCYKBI.mjs";
+import "../../../chunk-7WIZONLU.mjs";
+import "../../../chunk-TUIN5YJW.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
+export {
+  Number,
+  NumberInput
+};

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

@@ -0,0 +1,20 @@
+interface UseNumberProps {
+    locale?: string;
+    value: number | null;
+    onChange?: (value: number | null) => void;
+    onValueChange?: (value: number | null) => void;
+    onClear?: () => void;
+    isReadOnly?: boolean;
+    isClearable?: boolean;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function useNumber({ locale, value, onChange, onValueChange, onClear, isReadOnly, isClearable, ref, }: UseNumberProps): {
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
+    currentValue: number | null;
+    hasValue: boolean;
+    handleValueChange: (incomingValue: React.ChangeEvent<HTMLInputElement> | number | null) => void;
+    handleClear: () => void;
+    mergedRef: (node: HTMLInputElement | null) => void;
+    showClearButton: boolean;
+};
+export {};

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

@@ -0,0 +1,104 @@
+"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/number/use-number.ts
+var use_number_exports = {};
+__export(use_number_exports, {
+  useNumber: () => useNumber
+});
+module.exports = __toCommonJS(use_number_exports);
+var import_number = require("@internationalized/number");
+var import_react = require("react");
+function normalizeNumberValue(value) {
+  if (value == null || Number.isNaN(value)) {
+    return null;
+  }
+  return value;
+}
+function useNumber({
+  locale,
+  value,
+  onChange,
+  onValueChange,
+  onClear,
+  isReadOnly,
+  isClearable = true,
+  ref
+}) {
+  const inputRef = (0, import_react.useRef)(null);
+  const currentValue = normalizeNumberValue(value);
+  const hasValue = currentValue !== null;
+  const currentLocale = locale != null ? locale : Intl.NumberFormat().resolvedOptions().locale;
+  const numberParser = (0, import_react.useMemo)(() => new import_number.NumberParser(currentLocale), [currentLocale]);
+  const emitValueChange = (0, import_react.useCallback)(
+    (newValue) => {
+      onValueChange == null ? void 0 : onValueChange(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [onChange, onValueChange]
+  );
+  const handleValueChange = (0, import_react.useCallback)(
+    (incomingValue) => {
+      let newValue = null;
+      if (incomingValue === null) {
+        newValue = null;
+      } else if (typeof incomingValue === "number") {
+        newValue = Number.isNaN(incomingValue) ? null : incomingValue;
+      } else {
+        const rawValue = incomingValue.target.value;
+        newValue = rawValue === "" ? null : numberParser.parse(rawValue);
+        newValue = Number.isNaN(newValue) ? null : newValue;
+      }
+      emitValueChange(newValue);
+    },
+    [emitValueChange, numberParser]
+  );
+  const handleClear = (0, import_react.useCallback)(() => {
+    var _a;
+    onClear == null ? void 0 : onClear();
+    emitValueChange(null);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [emitValueChange, onClear]);
+  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 = {
+  useNumber
+});

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

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

package/dist/ui/inputs/radio/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../../chunk-RRA7GWP2.mjs";
-import {
-  Radio
-} from "../../../chunk-2SNKT7I4.mjs";
 import {
   RadioGroup
 } from "../../../chunk-NOXFF2KJ.mjs";
+import {
+  Radio
+} from "../../../chunk-2SNKT7I4.mjs";
 export {
   Radio,
   RadioGroup

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

@@ -1 +1 @@
-export { Select, type SelectProps } from "./select";
+export { Select, SelectItem, type SelectProps } from "./select";