@cuemath/leap 3.2.21-as1 → 3.2.21-as111

package/dist/features/ui/inputs/base-select-input/base-select-input.js

@@ -1,114 +1,117 @@
-import { jsxs as k, jsx as t } from "react/jsx-runtime";
-import { useMemo as W, useRef as T, useCallback as d } from "react";
-import X from "../../../../assets/line-icons/icons/cross.js";
-import H from "../../hooks/use-context-menu-click-handler.js";
-import q from "../base-input/base-input.js";
-import { Input as G } from "../text-input/text-input-styled.js";
-import { Container as J, OptionsContainer as K, OptionsWrapper as N, StyledChevronDownIcon as P, StyledDownIcon as Q } from "./base-select-input-styled.js";
-import U from "./select-option/select-option.js";
-import Y from "./select-section/select-section.js";
-const ae = (y) => {
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { useMemo as q, useRef as V, useCallback as d } from "react";
+import G from "../../../../assets/line-icons/icons/cross.js";
+import J from "../../hooks/use-context-menu-click-handler.js";
+import K from "../base-input/base-input.js";
+import { Input as N } from "../text-input/text-input-styled.js";
+import { Container as P, OptionsContainer as Q, OptionsWrapper as U, StyledChevronDownIcon as Y, StyledDownIcon as Z } from "./base-select-input-styled.js";
+import _ from "./select-option/select-option.js";
+import ee from "./select-section/select-section.js";
+const ue = (A) => {
   const {
-    label: C,
+    label: b,
     value: r,
     options: u,
     searchable: n = !1,
-    searchText: g,
-    onCloseWithoutSelection: V,
-    onSearchTextChange: o,
-    onChange: b,
+    searchText: v,
+    onCloseWithoutSelection: E,
+    onSearchTextChange: s,
+    onChange: w,
     renderAs: h,
-    width: A,
-    widthX: E,
-    disabled: p,
-    willShowMessage: R,
-    mandatory: j,
-    size: v = "regular",
-    shape: m,
+    width: L,
+    widthX: R,
+    disabled: m,
+    willShowMessage: j,
+    mandatory: z,
+    size: I = "regular",
+    shape: p,
     theme: f = "light",
-    isTransparent: w = !1,
+    isTransparent: S = !1,
     renderOptionsAs: $ = "list",
-    errorMessage: z
-  } = y, i = $ === "section-list" && u, s = $ === "list" && u, I = W(() => {
-    var e, c;
-    if (n) return g;
-    if (i)
-      return (e = i.flatMap((l) => l.data).find(({ id: l }) => l === r)) == null ? void 0 : e.label;
-    if (s) return (c = s.find((l) => l.id === r)) == null ? void 0 : c.label;
-  }, [n, g, i, s, r]), S = T(null), x = T(null), { menuVisible: a, onMenuClick: B, hideMenu: M } = H(
-    S,
+    errorMessage: B,
+    getSectionInputLabel: C
+  } = A, i = $ === "section-list" && u, l = $ === "list" && u, x = q(() => {
+    var e;
+    if (n) return v;
+    if (i) {
+      const t = i.find((g) => g.data.some(({ id: H }) => H === r)), c = t == null ? void 0 : t.data.find(({ id: g }) => g === r);
+      return t && C ? C(t, c) : (c == null ? void 0 : c.label) || "";
+    }
+    if (l) return (e = l.find((t) => t.id === r)) == null ? void 0 : e.label;
+  }, [n, v, i, l, C, r]), O = V(null), k = V(null), { menuVisible: a, onMenuClick: D, hideMenu: M } = J(
+    O,
     void 0,
     !n,
-    V,
-    p
-  ), D = d(
+    E,
+    m
+  ), F = d(
     (e) => {
-      n && o && o(e.target.value);
+      n && s && s(e.target.value);
     },
-    [o, n]
-  ), O = d(
-    (e, c) => {
-      M(), b(e, c);
+    [s, n]
+  ), T = d(
+    (e, t) => {
+      M(), w(e, t);
     },
-    [M, b]
-  ), F = d((e) => {
+    [M, w]
+  ), W = d((e) => {
     e.target.select(), setTimeout(() => {
       e.target.scrollIntoView({
         behavior: "smooth"
       });
     }, 300);
-  }, []), L = d(() => {
+  }, []), X = d(() => {
     var e;
-    o && (o(""), (e = x.current) == null || e.focus());
-  }, [o]);
-  return /* @__PURE__ */ k(J, { ref: S, $width: A, $widthX: E, onClick: B, children: [
-    /* @__PURE__ */ t(
-      q,
+    s && (s(""), (e = k.current) == null || e.focus());
+  }, [s]);
+  return /* @__PURE__ */ y(P, { ref: O, $width: L, $widthX: R, onClick: D, children: [
+    /* @__PURE__ */ o(
+      K,
       {
         renderAs: h,
-        label: C,
+        label: b,
         stickyLabel: !0,
-        disabled: p,
-        willShowMessage: R,
-        size: v,
-        mandatory: j,
-        shape: m,
-        isTransparent: w,
-        inputElement: /* @__PURE__ */ t(
-          G,
+        disabled: m,
+        willShowMessage: j,
+        size: I,
+        mandatory: z,
+        shape: p,
+        isTransparent: S,
+        inputElement: /* @__PURE__ */ o(
+          N,
           {
-            ref: x,
+            ref: k,
             $renderAs: h,
-            $size: v,
-            placeholder: I ? "" : C,
-            disabled: p,
+            $size: I,
+            placeholder: x ? "" : b,
+            disabled: m,
             readOnly: !n,
-            value: I ?? "",
-            onFocus: n ? F : void 0,
-            onChange: n ? D : void 0,
-            $isTransparent: w
+            value: x ?? "",
+            onFocus: n ? W : void 0,
+            onChange: n ? F : void 0,
+            $isTransparent: S
           }
         ),
-        siblingElement: n && a ? /* @__PURE__ */ t(X, { onClick: L }) : m === "curved" || m === "borderLess" ? /* @__PURE__ */ t(P, { $menuVisible: a, pointerEvents: "none" }) : /* @__PURE__ */ t(Q, { $menuVisible: a, pointerEvents: "none" }),
-        errorMessage: z
+        siblingElement: n && a ? /* @__PURE__ */ o(G, { onClick: X }) : p === "curved" || p === "borderLess" ? /* @__PURE__ */ o(Y, { $menuVisible: a, pointerEvents: "none" }) : /* @__PURE__ */ o(Z, { $menuVisible: a, pointerEvents: "none" }),
+        errorMessage: B
       }
     ),
-    u.length > 0 && /* @__PURE__ */ t(K, { $visible: a, children: /* @__PURE__ */ k(N, { $renderAs: h, $theme: f, children: [
-      i && /* @__PURE__ */ t(
-        Y,
+    u.length > 0 && /* @__PURE__ */ o(Q, { $visible: a, children: /* @__PURE__ */ y(U, { $renderAs: h, $theme: f, children: [
+      i && /* @__PURE__ */ o(
+        ee,
         {
           sectionOptions: i,
           theme: f,
           value: r,
-          onChange: O
+          onChange: T
         }
       ),
-      s && s.map((e) => /* @__PURE__ */ t(
-        U,
+      l && l.map((e) => /* @__PURE__ */ o(
+        _,
         {
           option: e,
           selected: e.id === r,
-          onChange: O,
+          onChange: T,
           theme: f
         },
         e.id
@@ -117,6 +120,6 @@ const ae = (y) => {
   ] });
 };
 export {
-  ae as default
+  ue as default
 };
 //# sourceMappingURL=base-select-input.js.map

package/dist/features/ui/inputs/base-select-input/base-select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-select-input.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input.tsx"],"sourcesContent":["import type { ISectionOption } from '../../section-list/section-list-types';\nimport type { IBaseSelectInputProps, ISelectOption } from './base-select-input-types';\nimport type { ChangeEvent, FocusEvent, ReactElement } from 'react';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport useContextMenuClickHandler from '../../hooks/use-context-menu-click-handler';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './base-select-input-styled';\nimport SelectOption from './select-option/select-option';\nimport SelectSection from './select-section/select-section';\n\nconst BaseSelectInput = <IDType extends string | number>(\n  props: IBaseSelectInputProps<IDType>,\n): ReactElement => {\n  const {\n    label,\n    value,\n    options,\n    searchable = false,\n    searchText,\n    onCloseWithoutSelection,\n    onSearchTextChange,\n    onChange,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    mandatory,\n    size = 'regular',\n    shape,\n    theme = 'light',\n    isTransparent = false,\n    renderOptionsAs = 'list',\n    errorMessage,\n  } = props;\n\n  const sectionOptions =\n    renderOptionsAs === 'section-list' && (options as ISectionOption<ISelectOption<IDType>>[]);\n  const selectOptions = renderOptionsAs === 'list' && (options as ISelectOption<IDType>[]);\n\n  const inputValue = useMemo(() => {\n    if (searchable) return searchText;\n\n    if (sectionOptions) {\n      return sectionOptions.flatMap(section => section.data).find(({ id }) => id === value)\n        ?.label as string;\n    }\n\n    if (selectOptions) return selectOptions.find(option => option.id === value)?.label;\n  }, [searchable, searchText, sectionOptions, selectOptions, value]);\n\n  const containerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const inputRef = useRef<HTMLInputElement>(null) as React.RefObject<HTMLInputElement>;\n  const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(\n    containerRef,\n    undefined,\n    !searchable,\n    onCloseWithoutSelection,\n    disabled,\n  );\n\n  const handleTextChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (searchable && onSearchTextChange) {\n        onSearchTextChange(e.target.value);\n      }\n    },\n    [onSearchTextChange, searchable],\n  );\n\n  const handleChange = useCallback<IBaseSelectInputProps<IDType>['onChange']>(\n    (id, option) => {\n      hideMenu();\n      onChange(id, option);\n    },\n    [hideMenu, onChange],\n  );\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n    setTimeout(() => {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n      });\n    }, 300);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (onSearchTextChange) {\n      onSearchTextChange('');\n      inputRef.current?.focus();\n    }\n  }, [onSearchTextChange]);\n\n  const downIcon =\n    shape === 'curved' || shape === 'borderLess' ? (\n      <Styled.StyledChevronDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    ) : (\n      <Styled.StyledDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    );\n\n  return (\n    <Styled.Container ref={containerRef} $width={width} $widthX={widthX} onClick={onMenuClick}>\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={true}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={size}\n        mandatory={mandatory}\n        shape={shape}\n        isTransparent={isTransparent}\n        inputElement={\n          <Input\n            ref={inputRef}\n            $renderAs={renderAs}\n            $size={size}\n            placeholder={inputValue ? '' : label}\n            disabled={disabled}\n            readOnly={!searchable}\n            value={inputValue ?? ''}\n            onFocus={searchable ? handleFocus : undefined}\n            onChange={searchable ? handleTextChange : undefined}\n            $isTransparent={isTransparent}\n          />\n        }\n        siblingElement={searchable && menuVisible ? <CrossIcon onClick={handleClear} /> : downIcon}\n        errorMessage={errorMessage}\n      />\n\n      {options.length > 0 && (\n        <Styled.OptionsContainer $visible={menuVisible}>\n          <Styled.OptionsWrapper $renderAs={renderAs} $theme={theme}>\n            {sectionOptions && (\n              <SelectSection<IDType>\n                sectionOptions={sectionOptions}\n                theme={theme}\n                value={value}\n                onChange={handleChange}\n              />\n            )}\n\n            {selectOptions &&\n              selectOptions.map(option => (\n                <SelectOption<IDType>\n                  key={option.id}\n                  option={option}\n                  selected={option.id === value}\n                  onChange={handleChange}\n                  theme={theme}\n                />\n              ))}\n          </Styled.OptionsWrapper>\n        </Styled.OptionsContainer>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default BaseSelectInput;\n"],"names":["BaseSelectInput","props","label","value","options","searchable","searchText","onCloseWithoutSelection","onSearchTextChange","onChange","renderAs","width","widthX","disabled","willShowMessage","mandatory","size","shape","theme","isTransparent","renderOptionsAs","errorMessage","sectionOptions","selectOptions","inputValue","useMemo","_a","section","id","_b","option","containerRef","useRef","inputRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleTextChange","useCallback","handleChange","handleFocus","handleClear","jsxs","Styled.Container","jsx","BaseInput","Input","CrossIcon","Styled.StyledChevronDownIcon","Styled.StyledDownIcon","Styled.OptionsContainer","Styled.OptionsWrapper","SelectSection","SelectOption"],"mappings":"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"}
+{"version":3,"file":"base-select-input.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input.tsx"],"sourcesContent":["import type { ISectionOption } from '../../section-list/section-list-types';\nimport type { IBaseSelectInputProps, ISelectOption } from './base-select-input-types';\nimport type { ChangeEvent, FocusEvent, ReactElement } from 'react';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport useContextMenuClickHandler from '../../hooks/use-context-menu-click-handler';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './base-select-input-styled';\nimport SelectOption from './select-option/select-option';\nimport SelectSection from './select-section/select-section';\n\nconst BaseSelectInput = <IDType extends string | number>(\n  props: IBaseSelectInputProps<IDType>,\n): ReactElement => {\n  const {\n    label,\n    value,\n    options,\n    searchable = false,\n    searchText,\n    onCloseWithoutSelection,\n    onSearchTextChange,\n    onChange,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    mandatory,\n    size = 'regular',\n    shape,\n    theme = 'light',\n    isTransparent = false,\n    renderOptionsAs = 'list',\n    errorMessage,\n    getSectionInputLabel,\n  } = props;\n\n  const sectionOptions =\n    renderOptionsAs === 'section-list' && (options as ISectionOption<ISelectOption<IDType>>[]);\n  const selectOptions = renderOptionsAs === 'list' && (options as ISelectOption<IDType>[]);\n\n  const inputValue = useMemo(() => {\n    if (searchable) return searchText;\n\n    if (sectionOptions) {\n      const section = sectionOptions.find(sec => sec.data.some(({ id }) => id === value));\n      const option = section?.data.find(({ id }) => id === value);\n\n      if (section && getSectionInputLabel) return getSectionInputLabel(section, option);\n\n      return option?.label || '';\n    }\n\n    if (selectOptions) return selectOptions.find(option => option.id === value)?.label;\n  }, [searchable, searchText, sectionOptions, selectOptions, getSectionInputLabel, value]);\n\n  const containerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const inputRef = useRef<HTMLInputElement>(null) as React.RefObject<HTMLInputElement>;\n  const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(\n    containerRef,\n    undefined,\n    !searchable,\n    onCloseWithoutSelection,\n    disabled,\n  );\n\n  const handleTextChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (searchable && onSearchTextChange) {\n        onSearchTextChange(e.target.value);\n      }\n    },\n    [onSearchTextChange, searchable],\n  );\n\n  const handleChange = useCallback<IBaseSelectInputProps<IDType>['onChange']>(\n    (id, option) => {\n      hideMenu();\n      onChange(id, option);\n    },\n    [hideMenu, onChange],\n  );\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n    setTimeout(() => {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n      });\n    }, 300);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (onSearchTextChange) {\n      onSearchTextChange('');\n      inputRef.current?.focus();\n    }\n  }, [onSearchTextChange]);\n\n  const downIcon =\n    shape === 'curved' || shape === 'borderLess' ? (\n      <Styled.StyledChevronDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    ) : (\n      <Styled.StyledDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    );\n\n  return (\n    <Styled.Container ref={containerRef} $width={width} $widthX={widthX} onClick={onMenuClick}>\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={true}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={size}\n        mandatory={mandatory}\n        shape={shape}\n        isTransparent={isTransparent}\n        inputElement={\n          <Input\n            ref={inputRef}\n            $renderAs={renderAs}\n            $size={size}\n            placeholder={inputValue ? '' : label}\n            disabled={disabled}\n            readOnly={!searchable}\n            value={inputValue ?? ''}\n            onFocus={searchable ? handleFocus : undefined}\n            onChange={searchable ? handleTextChange : undefined}\n            $isTransparent={isTransparent}\n          />\n        }\n        siblingElement={searchable && menuVisible ? <CrossIcon onClick={handleClear} /> : downIcon}\n        errorMessage={errorMessage}\n      />\n\n      {options.length > 0 && (\n        <Styled.OptionsContainer $visible={menuVisible}>\n          <Styled.OptionsWrapper $renderAs={renderAs} $theme={theme}>\n            {sectionOptions && (\n              <SelectSection<IDType>\n                sectionOptions={sectionOptions}\n                theme={theme}\n                value={value}\n                onChange={handleChange}\n              />\n            )}\n\n            {selectOptions &&\n              selectOptions.map(option => (\n                <SelectOption<IDType>\n                  key={option.id}\n                  option={option}\n                  selected={option.id === value}\n                  onChange={handleChange}\n                  theme={theme}\n                />\n              ))}\n          </Styled.OptionsWrapper>\n        </Styled.OptionsContainer>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default BaseSelectInput;\n"],"names":["BaseSelectInput","props","label","value","options","searchable","searchText","onCloseWithoutSelection","onSearchTextChange","onChange","renderAs","width","widthX","disabled","willShowMessage","mandatory","size","shape","theme","isTransparent","renderOptionsAs","errorMessage","getSectionInputLabel","sectionOptions","selectOptions","inputValue","useMemo","section","sec","id","option","_a","containerRef","useRef","inputRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleTextChange","useCallback","handleChange","handleFocus","handleClear","jsxs","Styled.Container","jsx","BaseInput","Input","CrossIcon","Styled.StyledChevronDownIcon","Styled.StyledDownIcon","Styled.OptionsContainer","Styled.OptionsWrapper","SelectSection","SelectOption"],"mappings":"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"}

package/dist/index.d.ts

@@ -187,36 +187,6 @@ export declare const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const Callout: React.FC<ICalloutProps>;
 
-export declare const Carousel: React_2.FC<CarouselProps>;
-
-declare interface CarouselProps {
-    children: React_2.ReactNode[] | React_2.ReactNode;
-    initialPosition?: number;
-    infinite?: boolean;
-    slideDuration?: number;
-    dotColor?: string;
-    changeColor?: (position: number) => void;
-    slideAlign?: string | null;
-    inactiveDotColor?: string;
-    activeIndicatorSize?: string;
-    flexCenterIndicators?: boolean;
-    isTestimonial?: boolean;
-    setColor?: (position: number) => void;
-    setPosition?: (position: number) => void;
-    carouselSlotPadding?: string;
-    wrapperMargin?: string;
-    hideIndicators?: boolean;
-    autoScroll?: boolean;
-    nodeRef?: {
-        current?: {
-            next?: () => void;
-            prev?: () => void;
-            position?: number;
-        };
-    } | null;
-    onChange?: () => void;
-}
-
 export declare const CascadingSelectInput: React_2.FC<ICascadingSelectInputProps>;
 
 export declare const Chapter: FC<IChapterProps>;
@@ -868,6 +838,7 @@ declare interface IBaseSelectInputProps<IDType extends string | number> extends
     controlled?: boolean;
     size?: TInputSizes;
     theme?: 'light' | 'dark';
+    getSectionInputLabel?: (section: ISectionOption<ISelectOption<IDType>>, option: ISelectOption<IDType> | undefined) => string;
 }
 
 declare interface IBaseWebGameProps {
@@ -4708,28 +4679,6 @@ export declare enum NODE_TYPES {
     'PUZZLE_CARD' = "PUZZLE_CARD"
 }
 
-declare const Notification_2: React.FC<NotificationProps>;
-export { Notification_2 as Notification }
-
-declare interface NotificationProps {
-    avatarUrl?: string | null;
-    Component?: React.ComponentType<Record<string, unknown>> | null;
-    componentProps?: Record<string, unknown>;
-    duration?: number | null;
-    gap?: number;
-    gutter?: number;
-    hideNotification?: () => void;
-    horizontalDist?: number;
-    notificationTheme?: NotificationTheme;
-    position?: Position;
-    showCloseIcon?: boolean;
-    text?: string | null;
-    verticalDist?: number;
-    visible?: boolean;
-}
-
-declare type NotificationTheme = 'white' | 'black';
-
 export declare const Nudge: React_2.NamedExoticComponent<INudgeProps>;
 
 export declare const NumRangeInput: React.FC<NumRangeInputProps>;
@@ -4814,8 +4763,6 @@ export declare const PlusIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const PointerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-declare type Position = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
-
 export declare const PostGameStats: NamedExoticComponent<IPostGameStatsProps & RefAttributes<IPostGameStatsRef>>;
 
 export declare const PracticeIcon: React.FC<React.SVGProps<SVGSVGElement>>;