@teach-in/react 1.4.0 → 1.6.0

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

@@ -2,36 +2,41 @@
 import {
   TextField
 } from "../../../../chunk-IU2JYI7W.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
-import "../../../../chunk-LLP2PTPK.mjs";
-import "../../../../chunk-E5QSNLSR.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-37MCHF7U.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTWHCUYV.mjs";
+import "../../../../chunk-LLP2PTPK.mjs";
+import "../../../../chunk-GTE5VEBV.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
 import "../../../../chunk-5HK7HRTR.mjs";
 import "../../../../chunk-HJUZTISD.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-RRA7GWP2.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
 import "../../../../chunk-2SNKT7I4.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-C5FQB2UN.mjs";
+import "../../../../chunk-6BWSC6ZH.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
-import "../../../../chunk-5RNCFTW5.mjs";
-import "../../../../chunk-SEJXJZSK.mjs";
-import "../../../../chunk-C2VWADF5.mjs";
+import "../../../../chunk-GEPCSZCU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-MCQGBAUS.mjs";
 import "../../../../chunk-NSU66J5E.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-ALGSVEUS.mjs";
+import "../../../../chunk-BHOCYKBI.mjs";
+import "../../../../chunk-7WIZONLU.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-TUIN5YJW.mjs";
+import "../../../../chunk-Q6XJI7Q2.mjs";
+import "../../../../chunk-LOMRTWX5.mjs";
 export {
   TextField
 };

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

@@ -2,36 +2,41 @@
 import {
   TextareaField
 } from "../../../../chunk-V4HKGJYK.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
-import "../../../../chunk-LLP2PTPK.mjs";
-import "../../../../chunk-E5QSNLSR.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-37MCHF7U.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTWHCUYV.mjs";
+import "../../../../chunk-LLP2PTPK.mjs";
+import "../../../../chunk-GTE5VEBV.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
 import "../../../../chunk-5HK7HRTR.mjs";
 import "../../../../chunk-HJUZTISD.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-RRA7GWP2.mjs";
 import "../../../../chunk-NOXFF2KJ.mjs";
 import "../../../../chunk-2SNKT7I4.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-C5FQB2UN.mjs";
+import "../../../../chunk-6BWSC6ZH.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
-import "../../../../chunk-5RNCFTW5.mjs";
-import "../../../../chunk-SEJXJZSK.mjs";
-import "../../../../chunk-C2VWADF5.mjs";
+import "../../../../chunk-GEPCSZCU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-MCQGBAUS.mjs";
 import "../../../../chunk-NSU66J5E.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-ALGSVEUS.mjs";
+import "../../../../chunk-BHOCYKBI.mjs";
+import "../../../../chunk-7WIZONLU.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-TUIN5YJW.mjs";
+import "../../../../chunk-Q6XJI7Q2.mjs";
+import "../../../../chunk-LOMRTWX5.mjs";
 export {
   TextareaField
 };

package/dist/ui/form/rhf/index.js

@@ -233,11 +233,73 @@ Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/email/email.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Email = import_react7.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
-});
+var EMAIL_REGEX = /^(?!\.)(?!.*\.\.)[A-Za-zА-Яа-яЁё0-9._+%-]+(?<!\.)@(?:(?:[A-Za-zА-Яа-яЁё0-9](?:[A-Za-zА-Яа-яЁё0-9-]*[A-Za-zА-Яа-яЁё0-9])?)\.)+[A-Za-zА-Яа-яЁё]{2,}$/u;
+var DEFAULT_ERROR_MESSAGE = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 email";
+var defaultValidateEmail = (value) => {
+  if (!value) {
+    return;
+  }
+  return EMAIL_REGEX.test(value) ? true : DEFAULT_ERROR_MESSAGE;
+};
+function getValidationMessage(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+  if (Array.isArray(result)) {
+    return result.join(" ");
+  }
+  return;
+}
+var Email = import_react7.default.forwardRef(
+  ({
+    defaultValue,
+    errorMessage,
+    isInvalid,
+    onValueChange,
+    validate = defaultValidateEmail,
+    value,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = import_react7.default.useState(defaultValue != null ? defaultValue : "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : internalValue;
+    const handleValueChange = import_react7.default.useCallback(
+      (nextValue) => {
+        if (!isControlled) {
+          setInternalValue(nextValue);
+        }
+        onValueChange == null ? void 0 : onValueChange(nextValue);
+      },
+      [isControlled, onValueChange]
+    );
+    const validationMessage = getValidationMessage(validate(currentValue != null ? currentValue : ""));
+    const resolvedErrorMessage = errorMessage != null ? errorMessage : validationMessage;
+    const resolvedIsInvalid = isInvalid != null ? isInvalid : Boolean(validationMessage);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Input,
+      {
+        ref,
+        autoComplete: "email",
+        errorMessage: resolvedErrorMessage,
+        isInvalid: resolvedIsInvalid,
+        type: "email",
+        validate,
+        value: currentValue,
+        onValueChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
 Email.displayName = "TeachInUI.Email";
 
+// 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/search/search.tsx
 var import_react9 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
@@ -337,24 +399,17 @@ function useSelect({
   isClearable = true
 }) {
   const isMultiple = selectionMode === "multiple";
-  const [internalValue, setInternalValue] = (0, import_react10.useState)(
-    isMultiple ? [] : null
-  );
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const currentValue = value != null ? value : isMultiple ? [] : null;
   const hasValue = currentValue != null && (Array.isArray(currentValue) ? currentValue.length > 0 : currentValue !== "");
   const handleChange = (0, import_react10.useCallback)(
     (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
       if (isMultiple) {
         onChange == null ? void 0 : onChange(newValue);
       } else {
         onChange == null ? void 0 : onChange(newValue);
       }
     },
-    [isControlled, onChange, isMultiple]
+    [onChange, isMultiple]
   );
   const handleClear = (0, import_react10.useCallback)(() => {
     onClear == null ? void 0 : onClear();
@@ -399,9 +454,11 @@ var selectWrapperVariants = (0, import_tailwind_variants3.tv)({
 var Select = import_react11.default.forwardRef(
   ({
     value,
-    defaultSelectedKeys,
     items,
+    children,
+    selectedKeys: selectedKeysProp,
     onChange,
+    onSelectionChange,
     selectionMode,
     onClear,
     variant,
@@ -410,6 +467,8 @@ var Select = import_react11.default.forwardRef(
     isClearable,
     ...props
   }, ref) => {
+    const usesExternalSelectionControl = selectedKeysProp !== void 0 || onSelectionChange !== void 0;
+    const selectChildren = children != null ? children : (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.SelectItem, { children: item.label }, item.key);
     const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
       value,
       onChange,
@@ -423,21 +482,20 @@ var Select = import_react11.default.forwardRef(
         ref,
         classNames: {
           ...classNames,
-          trigger: selectWrapperVariants({ variant }),
+          trigger: cn(selectWrapperVariants({ variant }), classNames == null ? void 0 : classNames.trigger),
           innerWrapper: "group"
         },
-        defaultSelectedKeys,
         endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1", children: [
           endContent,
           showClearButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClearButton, { onClear: handleClear })
         ] }),
         items,
-        selectedKeys,
+        selectedKeys: usesExternalSelectionControl ? selectedKeysProp : selectedKeys,
         selectionMode,
         variant,
-        onSelectionChange: handleSelectionChange,
+        onSelectionChange: usesExternalSelectionControl ? onSelectionChange : handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: selectChildren
       }
     );
   }

package/dist/ui/form/rhf/index.mjs

@@ -12,7 +12,7 @@ import {
 } from "../../../chunk-CUEG2BFV.mjs";
 import {
   SelectField
-} from "../../../chunk-CKJ5U5Q4.mjs";
+} from "../../../chunk-DEKPRZIQ.mjs";
 import {
   SwitchField
 } from "../../../chunk-EC3NSPHR.mjs";
@@ -33,37 +33,42 @@ import {
 } from "../../../chunk-7GHK5XYK.mjs";
 import {
   EmailField
-} from "../../../chunk-R46SWVWL.mjs";
-import "../../../chunk-UQAG7TKJ.mjs";
-import "../../../chunk-LLP2PTPK.mjs";
-import "../../../chunk-E5QSNLSR.mjs";
-import "../../../chunk-N3EAW6UO.mjs";
+} from "../../../chunk-ZK6VZMUJ.mjs";
+import "../../../chunk-37MCHF7U.mjs";
 import "../../../chunk-DUQFM3QS.mjs";
 import "../../../chunk-KTWHCUYV.mjs";
+import "../../../chunk-LLP2PTPK.mjs";
+import "../../../chunk-GTE5VEBV.mjs";
+import "../../../chunk-N3EAW6UO.mjs";
 import "../../../chunk-5HK7HRTR.mjs";
 import "../../../chunk-HJUZTISD.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-RRA7GWP2.mjs";
 import "../../../chunk-NOXFF2KJ.mjs";
 import "../../../chunk-2SNKT7I4.mjs";
-import "../../../chunk-UUKS7JYX.mjs";
-import "../../../chunk-N3QOXWJI.mjs";
+import "../../../chunk-AQ3ISJKU.mjs";
+import "../../../chunk-C5FQB2UN.mjs";
+import "../../../chunk-6BWSC6ZH.mjs";
 import "../../../chunk-V2HNFTTX.mjs";
-import "../../../chunk-IAJ6G633.mjs";
 import "../../../chunk-V3KKDSQP.mjs";
-import "../../../chunk-46SKVFMZ.mjs";
-import "../../../chunk-5RNCFTW5.mjs";
-import "../../../chunk-SEJXJZSK.mjs";
-import "../../../chunk-C2VWADF5.mjs";
+import "../../../chunk-GEPCSZCU.mjs";
 import "../../../chunk-ZRHEFEFS.mjs";
 import "../../../chunk-MCQGBAUS.mjs";
 import "../../../chunk-NSU66J5E.mjs";
+import "../../../chunk-UUKS7JYX.mjs";
+import "../../../chunk-C4PCTOGM.mjs";
+import "../../../chunk-N3QOXWJI.mjs";
+import "../../../chunk-ALGSVEUS.mjs";
+import "../../../chunk-BHOCYKBI.mjs";
+import "../../../chunk-7WIZONLU.mjs";
+import "../../../chunk-IAJ6G633.mjs";
 import "../../../chunk-WYJW5NNA.mjs";
 import "../../../chunk-C3MURCMZ.mjs";
-import "../../../chunk-C4PCTOGM.mjs";
 import "../../../chunk-TUIN5YJW.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
 export {
   AutocompleteField,
   CheckboxField,

package/dist/ui/format/index.mjs

@@ -1,23 +1,11 @@
 "use client";
 import "../../chunk-5N3SIZHF.mjs";
-import {
-  Number
-} from "../../chunk-NZI5NBXF.mjs";
-import {
-  Percent
-} from "../../chunk-CXAZBWS4.mjs";
-import {
-  Plural
-} from "../../chunk-UHLC7GOU.mjs";
 import {
   Time
 } from "../../chunk-3ZTXXJSO.mjs";
 import {
   Uuid
 } from "../../chunk-M5G6RR4Q.mjs";
-import {
-  Boolean
-} from "../../chunk-26RHRVH2.mjs";
 import {
   Currency
 } from "../../chunk-LN7WH3OB.mjs";
@@ -30,6 +18,18 @@ import {
 import {
   Duration
 } from "../../chunk-4QSIBIUI.mjs";
+import {
+  Number
+} from "../../chunk-NZI5NBXF.mjs";
+import {
+  Percent
+} from "../../chunk-CXAZBWS4.mjs";
+import {
+  Plural
+} from "../../chunk-UHLC7GOU.mjs";
+import {
+  Boolean
+} from "../../chunk-26RHRVH2.mjs";
 export {
   Boolean as FormatBoolean,
   Currency as FormatCurrency,