@teach-in/react 0.3.0 → 0.4.0

package/dist/ui/index.mjs

@@ -6,10 +6,10 @@ import "../chunk-BGNMWHME.mjs";
 import {
   ScrollShadow
 } from "../chunk-OZSO3C5Q.mjs";
-import "../chunk-JUIVZCH7.mjs";
+import "../chunk-NVLF7L4R.mjs";
 import {
-  Flex
-} from "../chunk-M5F723W7.mjs";
+  Divider
+} from "../chunk-VWGY6KWP.mjs";
 import "../chunk-NDQAHQFL.mjs";
 import {
   Grid
@@ -34,11 +34,11 @@ import "../chunk-DBQTFBA3.mjs";
 import {
   PageLoading
 } from "../chunk-SPED4RBS.mjs";
-import "../chunk-N7GOJBLM.mjs";
-import "../chunk-NVLF7L4R.mjs";
+import "../chunk-JUIVZCH7.mjs";
 import {
-  Divider
-} from "../chunk-VWGY6KWP.mjs";
+  Flex
+} from "../chunk-M5F723W7.mjs";
+import "../chunk-N7GOJBLM.mjs";
 import {
   Accordion,
   AccordionItem
@@ -47,6 +47,16 @@ import "../chunk-Q6XJI7Q2.mjs";
 import {
   cn
 } from "../chunk-LOMRTWX5.mjs";
+import "../chunk-UNBE67YJ.mjs";
+import "../chunk-PON4ZQKG.mjs";
+import {
+  Bento,
+  bento
+} from "../chunk-J3OZNLTZ.mjs";
+import "../chunk-57JRJHSH.mjs";
+import {
+  Card
+} from "../chunk-UFYLYN5Z.mjs";
 import "../chunk-EVQFKHCM.mjs";
 import "../chunk-XAW35UDV.mjs";
 import {
@@ -54,77 +64,22 @@ import {
 } from "../chunk-NBFOX367.mjs";
 import {
   theme
-} from "../chunk-2ASQXBDD.mjs";
-import "../chunk-NMMWGIQE.mjs";
-import "../chunk-I5AMV7H7.mjs";
-import {
-  Modal
-} from "../chunk-T57H3CGO.mjs";
-import "../chunk-ICRO6HS3.mjs";
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownSection,
-  DropdownTrigger
-} from "../chunk-YNCISHAU.mjs";
-import "../chunk-3N5UZODS.mjs";
-import {
-  UIProvider
-} from "../chunk-FQUYFYMS.mjs";
-import "../chunk-UNBE67YJ.mjs";
-import "../chunk-57JRJHSH.mjs";
-import {
-  Card
-} from "../chunk-UFYLYN5Z.mjs";
-import "../chunk-PON4ZQKG.mjs";
-import {
-  Bento,
-  bento
-} from "../chunk-J3OZNLTZ.mjs";
+} from "../chunk-WFNNN6WU.mjs";
 import "../chunk-JWMPI5AZ.mjs";
-import "../chunk-QCLLPJMB.mjs";
-import "../chunk-2CEZXLZR.mjs";
+import "../chunk-544SDU73.mjs";
+import "../chunk-AFVGHUW2.mjs";
 import "../chunk-EJQH6CYW.mjs";
-import "../chunk-IXPMUODA.mjs";
+import "../chunk-5WDV3PDI.mjs";
+import "../chunk-HOVAPYGJ.mjs";
 import "../chunk-3LOCA2SP.mjs";
+import "../chunk-LUERGYYZ.mjs";
 import "../chunk-YBQFG6QJ.mjs";
 import "../chunk-XKX5LFH7.mjs";
 import "../chunk-SLB2JE3N.mjs";
 import "../chunk-XYQVL4EX.mjs";
-import "../chunk-HOVAPYGJ.mjs";
 import "../chunk-2OPPNAW2.mjs";
 import "../chunk-OW6U64MG.mjs";
-import "../chunk-LUERGYYZ.mjs";
 import "../chunk-VIPLRFPR.mjs";
-import "../chunk-5IHVMMCK.mjs";
-import {
-  Plural
-} from "../chunk-UHLC7GOU.mjs";
-import {
-  Time
-} from "../chunk-3ZTXXJSO.mjs";
-import {
-  Boolean
-} from "../chunk-26RHRVH2.mjs";
-import {
-  Currency
-} from "../chunk-LN7WH3OB.mjs";
-import {
-  DateFormat
-} from "../chunk-BUVPBB4J.mjs";
-import {
-  Datetime
-} from "../chunk-6NZ4IHNU.mjs";
-import {
-  Duration
-} from "../chunk-4QSIBIUI.mjs";
-import {
-  Number
-} from "../chunk-NZI5NBXF.mjs";
-import {
-  Percent
-} from "../chunk-CXAZBWS4.mjs";
 import "../chunk-VOG5HJID.mjs";
 import "../chunk-FXXWSYJA.mjs";
 import "../chunk-Q6JSJOU4.mjs";
@@ -136,7 +91,7 @@ import {
 } from "../chunk-W2A6C27Y.mjs";
 import {
   SelectField
-} from "../chunk-GEJLG5RP.mjs";
+} from "../chunk-NLHQDWUK.mjs";
 import {
   SwitchField
 } from "../chunk-EC3NSPHR.mjs";
@@ -158,14 +113,14 @@ import {
 import {
   EmailField
 } from "../chunk-R7LDL5CU.mjs";
-import "../chunk-CZEO3U25.mjs";
-import "../chunk-LLP2PTPK.mjs";
 import {
-  FavoriteSwitch
-} from "../chunk-E5QSNLSR.mjs";
+  Form
+} from "../chunk-A3AAC7PF.mjs";
+import "../chunk-CZEO3U25.mjs";
+import "../chunk-DUQFM3QS.mjs";
 import {
-  Switch
-} from "../chunk-N3EAW6UO.mjs";
+  Text
+} from "../chunk-KTUGFQWJ.mjs";
 import "../chunk-RRA7GWP2.mjs";
 import {
   RadioGroup
@@ -173,23 +128,33 @@ import {
 import {
   Radio
 } from "../chunk-2SNKT7I4.mjs";
-import "../chunk-DUQFM3QS.mjs";
+import "../chunk-LLP2PTPK.mjs";
 import {
-  Text
-} from "../chunk-KTUGFQWJ.mjs";
+  FavoriteSwitch
+} from "../chunk-E5QSNLSR.mjs";
+import {
+  Switch
+} from "../chunk-N3EAW6UO.mjs";
 import "../chunk-5HK7HRTR.mjs";
 import {
   Textarea
 } from "../chunk-HJUZTISD.mjs";
-import "../chunk-V3KKDSQP.mjs";
 import "../chunk-V2HNFTTX.mjs";
 import {
   DatePicker
 } from "../chunk-IAJ6G633.mjs";
+import "../chunk-V3KKDSQP.mjs";
+import {
+  Email
+} from "../chunk-LJIVY6GU.mjs";
+import "../chunk-ZRHEFEFS.mjs";
+import {
+  Input
+} from "../chunk-V2G5QHZZ.mjs";
 import "../chunk-AQ3ISJKU.mjs";
 import {
   Select
-} from "../chunk-GQ3LBZ2Q.mjs";
+} from "../chunk-3YOW5DEZ.mjs";
 import "../chunk-WYJW5NNA.mjs";
 import {
   Autocomplete
@@ -201,44 +166,51 @@ import {
 import {
   Checkbox
 } from "../chunk-N3QOXWJI.mjs";
+import "../chunk-J3GK2CGQ.mjs";
+import "../chunk-MJTSZFLC.mjs";
 import {
-  Email
-} from "../chunk-LJIVY6GU.mjs";
-import "../chunk-ZRHEFEFS.mjs";
+  Tabs
+} from "../chunk-ZSYIKEXW.mjs";
+import "../chunk-FKHR6G3R.mjs";
 import {
-  Input
-} from "../chunk-V2G5QHZZ.mjs";
+  BreadcrumbItem,
+  Breadcrumbs
+} from "../chunk-TSD6GU35.mjs";
+import "../chunk-25ISU6R3.mjs";
 import {
-  Form
-} from "../chunk-A3AAC7PF.mjs";
-import "../chunk-HZ5YAOU6.mjs";
-import "../chunk-5UKTT75Y.mjs";
+  Link
+} from "../chunk-7T3JFARO.mjs";
+import "../chunk-AT6DX4DN.mjs";
 import {
-  Button
-} from "../chunk-TYMUQULA.mjs";
-import "../chunk-CYSW4N3T.mjs";
-import "../chunk-54FA62HL.mjs";
+  Navbar,
+  NavbarBrand,
+  NavbarContent,
+  NavbarItem,
+  NavbarMenu,
+  NavbarMenuItem,
+  NavbarMenuToggle
+} from "../chunk-SAYYLTIE.mjs";
+import "../chunk-UON5ACST.mjs";
+import "../chunk-ICRO6HS3.mjs";
 import {
-  Table,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow,
-  getKeyValue
-} from "../chunk-PKZZEODR.mjs";
-import "../chunk-CTKWGSNJ.mjs";
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownSection,
+  DropdownTrigger
+} from "../chunk-YNCISHAU.mjs";
+import "../chunk-I5AMV7H7.mjs";
 import {
-  User
-} from "../chunk-XHCXM5MU.mjs";
-import "../chunk-KH4D2C2T.mjs";
+  Modal
+} from "../chunk-T57H3CGO.mjs";
+import "../chunk-UT5RUCAT.mjs";
 import {
-  Pagination
-} from "../chunk-O5T4GUJH.mjs";
-import "../chunk-UTZUYZZL.mjs";
+  Popover
+} from "../chunk-PSK7I7V4.mjs";
+import "../chunk-3N5UZODS.mjs";
 import {
-  Avatar
-} from "../chunk-IZEJE6V2.mjs";
+  UIProvider
+} from "../chunk-FQUYFYMS.mjs";
 import "../chunk-AR4IYKG5.mjs";
 import {
   Toast,
@@ -265,38 +237,76 @@ import "../chunk-3BST3PYD.mjs";
 import {
   Tooltip
 } from "../chunk-TJBXXTYS.mjs";
+import "../chunk-K3WTHFIG.mjs";
+import {
+  Chip
+} from "../chunk-EEGPGLDC.mjs";
 import "../chunk-V77JZXH7.mjs";
 import {
   Alert
 } from "../chunk-TIFF5WZA.mjs";
-import "../chunk-K3WTHFIG.mjs";
+import "../chunk-5IHVMMCK.mjs";
 import {
-  Chip
-} from "../chunk-ONQIPN3G.mjs";
-import "../chunk-J3GK2CGQ.mjs";
-import "../chunk-MJTSZFLC.mjs";
+  DateFormat
+} from "../chunk-BUVPBB4J.mjs";
 import {
-  Tabs
-} from "../chunk-ZSYIKEXW.mjs";
-import "../chunk-AT6DX4DN.mjs";
+  Datetime
+} from "../chunk-6NZ4IHNU.mjs";
 import {
-  Navbar,
-  NavbarBrand,
-  NavbarContent,
-  NavbarItem,
-  NavbarMenu,
-  NavbarMenuItem,
-  NavbarMenuToggle
-} from "../chunk-SAYYLTIE.mjs";
-import "../chunk-25ISU6R3.mjs";
+  Duration
+} from "../chunk-4QSIBIUI.mjs";
 import {
-  Link
-} from "../chunk-7T3JFARO.mjs";
-import "../chunk-FKHR6G3R.mjs";
+  Number
+} from "../chunk-NZI5NBXF.mjs";
 import {
-  BreadcrumbItem,
-  Breadcrumbs
-} from "../chunk-4KPEPEPC.mjs";
+  Percent
+} from "../chunk-CXAZBWS4.mjs";
+import {
+  Plural
+} from "../chunk-UHLC7GOU.mjs";
+import {
+  Time
+} from "../chunk-3ZTXXJSO.mjs";
+import "../chunk-Q2ILWL7L.mjs";
+import "../chunk-7BTEKEON.mjs";
+import "../chunk-HZ5YAOU6.mjs";
+import "../chunk-5UKTT75Y.mjs";
+import {
+  Button
+} from "../chunk-TYMUQULA.mjs";
+import "../chunk-3C4DPNCD.mjs";
+import "../chunk-54FA62HL.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableHeader,
+  TableRow,
+  getKeyValue
+} from "../chunk-PKZZEODR.mjs";
+import "../chunk-CTKWGSNJ.mjs";
+import {
+  User
+} from "../chunk-XHCXM5MU.mjs";
+import "../chunk-UTZUYZZL.mjs";
+import {
+  Avatar
+} from "../chunk-IZEJE6V2.mjs";
+import "../chunk-DRZAPJZH.mjs";
+import {
+  Image
+} from "../chunk-4N3FFVKQ.mjs";
+import "../chunk-KH4D2C2T.mjs";
+import {
+  Pagination
+} from "../chunk-O5T4GUJH.mjs";
+import {
+  Boolean
+} from "../chunk-26RHRVH2.mjs";
+import {
+  Currency
+} from "../chunk-LN7WH3OB.mjs";
 export {
   Accordion,
   AccordionItem,
@@ -341,6 +351,7 @@ export {
   Time as FormatTime,
   Grid,
   Header,
+  Image,
   Input,
   InputField,
   Link,
@@ -355,6 +366,7 @@ export {
   PageContent,
   PageLoading,
   Pagination,
+  Popover,
   Progress,
   Radio,
   RadioField,

package/dist/ui/inputs/index.js

@@ -112,21 +112,33 @@ var import_react7 = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var Select = import_react7.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ value, items, onChange, selectionMode, ...props }, ref) => {
+    const isMultiple = selectionMode === "multiple";
+    const selectedKeys = import_react7.default.useMemo(() => {
+      if (value == null) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const handleSelectionChange = import_react7.default.useCallback(
+      (keys) => {
+        var _a;
+        if (keys === "all") return;
+        const selected = Array.from(keys).filter((key) => typeof key === "string");
+        if (isMultiple) {
+          onChange == null ? void 0 : onChange(selected);
+        } else {
+          onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
+        }
+      },
+      [onChange, isMultiple]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }

package/dist/ui/inputs/index.mjs

@@ -1,12 +1,9 @@
 "use client";
 import "../../chunk-CZEO3U25.mjs";
-import "../../chunk-LLP2PTPK.mjs";
-import {
-  FavoriteSwitch
-} from "../../chunk-E5QSNLSR.mjs";
+import "../../chunk-DUQFM3QS.mjs";
 import {
-  Switch
-} from "../../chunk-N3EAW6UO.mjs";
+  Text
+} from "../../chunk-KTUGFQWJ.mjs";
 import "../../chunk-RRA7GWP2.mjs";
 import {
   RadioGroup
@@ -14,23 +11,33 @@ import {
 import {
   Radio
 } from "../../chunk-2SNKT7I4.mjs";
-import "../../chunk-DUQFM3QS.mjs";
+import "../../chunk-LLP2PTPK.mjs";
 import {
-  Text
-} from "../../chunk-KTUGFQWJ.mjs";
+  FavoriteSwitch
+} from "../../chunk-E5QSNLSR.mjs";
+import {
+  Switch
+} from "../../chunk-N3EAW6UO.mjs";
 import "../../chunk-5HK7HRTR.mjs";
 import {
   Textarea
 } from "../../chunk-HJUZTISD.mjs";
-import "../../chunk-V3KKDSQP.mjs";
 import "../../chunk-V2HNFTTX.mjs";
 import {
   DatePicker
 } from "../../chunk-IAJ6G633.mjs";
+import "../../chunk-V3KKDSQP.mjs";
+import {
+  Email
+} from "../../chunk-LJIVY6GU.mjs";
+import "../../chunk-ZRHEFEFS.mjs";
+import {
+  Input
+} from "../../chunk-V2G5QHZZ.mjs";
 import "../../chunk-AQ3ISJKU.mjs";
 import {
   Select
-} from "../../chunk-GQ3LBZ2Q.mjs";
+} from "../../chunk-3YOW5DEZ.mjs";
 import "../../chunk-WYJW5NNA.mjs";
 import {
   Autocomplete
@@ -42,13 +49,6 @@ import {
 import {
   Checkbox
 } from "../../chunk-N3QOXWJI.mjs";
-import {
-  Email
-} from "../../chunk-LJIVY6GU.mjs";
-import "../../chunk-ZRHEFEFS.mjs";
-import {
-  Input
-} from "../../chunk-V2G5QHZZ.mjs";
 export {
   Autocomplete,
   Checkbox,

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

@@ -40,21 +40,33 @@ var import_react = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ value, items, onChange, selectionMode, ...props }, ref) => {
+    const isMultiple = selectionMode === "multiple";
+    const selectedKeys = import_react.default.useMemo(() => {
+      if (value == null) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const handleSelectionChange = import_react.default.useCallback(
+      (keys) => {
+        var _a;
+        if (keys === "all") return;
+        const selected = Array.from(keys).filter((key) => typeof key === "string");
+        if (isMultiple) {
+          onChange == null ? void 0 : onChange(selected);
+        } else {
+          onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
+        }
+      },
+      [onChange, isMultiple]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }

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

@@ -2,7 +2,7 @@
 import "../../../chunk-AQ3ISJKU.mjs";
 import {
   Select
-} from "../../../chunk-GQ3LBZ2Q.mjs";
+} from "../../../chunk-3YOW5DEZ.mjs";
 export {
   Select
 };

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

@@ -4,10 +4,23 @@ interface Item {
     key: string;
     label: string;
 }
-export interface SelectProps extends Omit<HeroUISelectProps<Item>, "value" | "items" | "onSelectionChange" | "onChange" | "children"> {
+type BaseSelectProps = Omit<HeroUISelectProps<Item>, "selectedKeys" | "onSelectionChange" | "children" | "onChange">;
+export type SelectProps = (BaseSelectProps & {
+    selectionMode?: "single";
     value?: string;
-    items?: Item[];
-    onChange?: (value: string) => void;
-}
-export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+    onChange?: (value: string | null) => void;
+}) | (BaseSelectProps & {
+    selectionMode: "multiple";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+});
+export declare const Select: React.ForwardRefExoticComponent<(Omit<BaseSelectProps & {
+    selectionMode?: "single";
+    value?: string;
+    onChange?: (value: string | null) => void;
+}, "ref"> | Omit<BaseSelectProps & {
+    selectionMode: "multiple";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}, "ref">) & React.RefAttributes<HTMLSelectElement>>;
 export {};

package/dist/ui/inputs/select/select.js

@@ -38,21 +38,33 @@ var import_react = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ value, items, onChange, selectionMode, ...props }, ref) => {
+    const isMultiple = selectionMode === "multiple";
+    const selectedKeys = import_react.default.useMemo(() => {
+      if (value == null) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const handleSelectionChange = import_react.default.useCallback(
+      (keys) => {
+        var _a;
+        if (keys === "all") return;
+        const selected = Array.from(keys).filter((key) => typeof key === "string");
+        if (isMultiple) {
+          onChange == null ? void 0 : onChange(selected);
+        } else {
+          onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
+        }
+      },
+      [onChange, isMultiple]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }

package/dist/ui/inputs/select/select.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Select
-} from "../../../chunk-GQ3LBZ2Q.mjs";
+} from "../../../chunk-3YOW5DEZ.mjs";
 export {
   Select
 };