@cuemath/leap 3.2.16-as1 → 3.2.16-pzd-beta-0.3

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

@@ -1,5 +1,5 @@
-import { jsxs as k, jsx as o } from "react/jsx-runtime";
-import { useMemo as W, useRef as T, useCallback as c } from "react";
+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";
@@ -10,108 +10,106 @@ import Y from "./select-section/select-section.js";
 const ae = (y) => {
   const {
     label: C,
-    value: s,
-    options: d,
-    searchable: t = !1,
-    searchText: b,
+    value: r,
+    options: u,
+    searchable: n = !1,
+    searchText: g,
     onCloseWithoutSelection: V,
-    onSearchTextChange: r,
-    onChange: g,
-    renderAs: u,
+    onSearchTextChange: o,
+    onChange: b,
+    renderAs: h,
     width: A,
     widthX: E,
-    disabled: h,
-    willShowMessage: L,
-    mandatory: R,
+    disabled: p,
+    willShowMessage: R,
+    mandatory: j,
     size: v = "regular",
     shape: m,
-    theme: p = "light",
+    theme: f = "light",
     isTransparent: w = !1,
     renderOptionsAs: $ = "list",
-    errorMessage: j
-  } = y, i = $ === "section-list" && d, l = $ === "list" && d, I = W(() => {
-    var e;
-    if (t) return b;
-    if (i) {
-      const n = i.flatMap((f) => f.data).find(({ id: f }) => f === s);
-      return n != null && n.inputLabel ? n.inputLabel || "" : (n == null ? void 0 : n.label) || "";
-    }
-    if (l) return (e = l.find((n) => n.id === s)) == null ? void 0 : e.label;
-  }, [t, b, i, l, s]), S = T(null), x = T(null), { menuVisible: a, onMenuClick: z, hideMenu: M } = H(
+    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,
     void 0,
-    !t,
+    !n,
     V,
-    h
-  ), B = c(
+    p
+  ), D = d(
     (e) => {
-      t && r && r(e.target.value);
+      n && o && o(e.target.value);
     },
-    [r, t]
-  ), O = c(
-    (e, n) => {
-      M(), g(e, n);
+    [o, n]
+  ), O = d(
+    (e, c) => {
+      M(), b(e, c);
     },
-    [M, g]
-  ), D = c((e) => {
+    [M, b]
+  ), F = d((e) => {
     e.target.select(), setTimeout(() => {
       e.target.scrollIntoView({
         behavior: "smooth"
       });
     }, 300);
-  }, []), F = c(() => {
+  }, []), L = d(() => {
     var e;
-    r && (r(""), (e = x.current) == null || e.focus());
-  }, [r]);
-  return /* @__PURE__ */ k(J, { ref: S, $width: A, $widthX: E, onClick: z, children: [
-    /* @__PURE__ */ o(
+    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,
       {
-        renderAs: u,
+        renderAs: h,
         label: C,
         stickyLabel: !0,
-        disabled: h,
-        willShowMessage: L,
+        disabled: p,
+        willShowMessage: R,
         size: v,
-        mandatory: R,
+        mandatory: j,
         shape: m,
         isTransparent: w,
-        inputElement: /* @__PURE__ */ o(
+        inputElement: /* @__PURE__ */ t(
           G,
           {
             ref: x,
-            $renderAs: u,
+            $renderAs: h,
             $size: v,
             placeholder: I ? "" : C,
-            disabled: h,
-            readOnly: !t,
+            disabled: p,
+            readOnly: !n,
             value: I ?? "",
-            onFocus: t ? D : void 0,
-            onChange: t ? B : void 0,
+            onFocus: n ? F : void 0,
+            onChange: n ? D : void 0,
             $isTransparent: w
           }
         ),
-        siblingElement: t && a ? /* @__PURE__ */ o(X, { onClick: F }) : m === "curved" || m === "borderLess" ? /* @__PURE__ */ o(P, { $menuVisible: a, pointerEvents: "none" }) : /* @__PURE__ */ o(Q, { $menuVisible: a, pointerEvents: "none" }),
-        errorMessage: j
+        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
       }
     ),
-    d.length > 0 && /* @__PURE__ */ o(K, { $visible: a, children: /* @__PURE__ */ k(N, { $renderAs: u, $theme: p, children: [
-      i && /* @__PURE__ */ o(
+    u.length > 0 && /* @__PURE__ */ t(K, { $visible: a, children: /* @__PURE__ */ k(N, { $renderAs: h, $theme: f, children: [
+      i && /* @__PURE__ */ t(
         Y,
         {
           sectionOptions: i,
-          theme: p,
-          value: s,
+          theme: f,
+          value: r,
           onChange: O
         }
       ),
-      l && l.map((e) => /* @__PURE__ */ o(
+      s && s.map((e) => /* @__PURE__ */ t(
         U,
         {
           option: e,
-          selected: e.id === s,
+          selected: e.id === r,
           onChange: O,
-          theme: p
+          theme: f
         },
         e.id
       ))

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      const option = sectionOptions.flatMap(section => section.data).find(({ id }) => id === value);\n\n      if (option?.inputLabel) return (option.inputLabel || '') as string;\n\n      return option?.label || '';\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","option","section","id","_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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"}
+{"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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"}

package/dist/features/ui/inputs/checkbox-input/checkbox-input.js

@@ -1,29 +1,29 @@
 import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import { useCallback as I } from "react";
-import { useTheme as g } from "styled-components";
-import v from "../../text/text.js";
-import { CheckboxOptionWrapper as W, CheckboxInputWrapper as z, CheckboxInput as A, CheckIcon as T, IndeterminateIcon as y, CheckboxLabelWrapper as L } from "./checkbox-input-styled.js";
-const O = (h) => {
+import { useCallback as g } from "react";
+import { useTheme as v } from "styled-components";
+import I from "../../text/text.js";
+import { CheckboxOptionWrapper as W, CheckboxInputWrapper as z, CheckboxInput as A, CheckIcon as O, IndeterminateIcon as T, CheckboxLabelWrapper as y } from "./checkbox-input-styled.js";
+const L = (h) => {
   const {
     size: r,
     label: i,
-    value: o,
+    value: a,
     checked: e,
     disabled: n,
-    renderAs: a,
+    renderAs: o,
     labelWidthX: p,
-    indeterminate: u,
-    visibleOnCheck: k,
-    alignTopWithLabel: $ = !1,
+    indeterminate: k,
+    visibleOnCheck: u,
+    alignTopWithLabel: C = !1,
     onChange: l
   } = h, {
-    layout: { gutter: C },
+    layout: { gutter: $ },
     checkbox: c
-  } = g(), { textVariant: m } = c.sizes[r ?? "regular"], { textColorName: x } = c.variants[a ?? "black"], s = k ? e : !0, f = !e && u, d = I(() => {
+  } = v(), { textVariant: m } = c.sizes[r ?? "regular"], { textColorName: x } = c.variants[o ?? "black"], s = u ? e : !0, f = !e && k, d = g(() => {
     if (n) return null;
-    l(o, !e);
-  }, [e, n, l, o]);
-  return /* @__PURE__ */ b(W, { $alignTop: $, $disabled: n, children: [
+    l(a, !e);
+  }, [e, n, l, a]);
+  return /* @__PURE__ */ b(W, { $alignTop: C, $disabled: n, children: [
     /* @__PURE__ */ b(z, { onClick: d, $disabled: n, children: [
       /* @__PURE__ */ t(
         A,
@@ -32,15 +32,15 @@ const O = (h) => {
           checked: e,
           disabled: !!n,
           onChange: () => null,
-          $renderAs: a,
+          $renderAs: o,
           $size: r
         }
       ),
-      e && /* @__PURE__ */ t(T, { $renderAs: a, $size: r }),
-      f && /* @__PURE__ */ t(y, { $disabled: n, $size: C * 1.125 })
+      e && /* @__PURE__ */ t(O, { $renderAs: o, $size: r }),
+      f && /* @__PURE__ */ t(T, { $disabled: n, $size: $ * 1.125 })
     ] }),
     /* @__PURE__ */ t(
-      L,
+      y,
       {
         $labelWidthX: p,
         $visible: s,
@@ -48,7 +48,7 @@ const O = (h) => {
         $disabled: n,
         $checked: e,
         children: typeof i == "string" ? /* @__PURE__ */ t(
-          v,
+          I,
           {
             $renderAs: m[e ? "active" : "inactive"],
             $color: x[e ? "active" : "inactive"],
@@ -58,7 +58,7 @@ const O = (h) => {
       }
     )
   ] });
-}, q = O;
+}, q = L;
 export {
   q as default
 };

package/dist/features/ui/inputs/checkbox-input/checkbox-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxInput$1"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}
+{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxOption"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMemo as g, useCallback as I } from "react";
 import L from "../../arrow-tooltip/arrow-tooltip.js";
-import v from "../checkbox-input/checkbox-input.js";
-import { CheckboxInputListWrapper as A, CheckboxOptionWrapper as O } from "./checkbox-input-list-styled.js";
+import O from "../checkbox-input/checkbox-input.js";
+import { CheckboxInputListWrapper as v, CheckboxOptionWrapper as A } from "./checkbox-input-list-styled.js";
 const $ = (h) => {
   const {
     size: a,
@@ -24,9 +24,9 @@ const $ = (h) => {
     },
     [e, i, c, o]
   );
-  return /* @__PURE__ */ r(A, { children: d.map((t) => {
+  return /* @__PURE__ */ r(v, { children: d.map((t) => {
     const { id: n, label: l } = t, p = o.includes(n), m = c && !p, k = (s == null ? void 0 : s.includes(n)) || m;
-    return /* @__PURE__ */ r(O, { $numColumns: C ?? 1, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(A, { $numColumns: C ?? 1, children: /* @__PURE__ */ r(
       L,
       {
         renderAs: "primary",
@@ -35,7 +35,7 @@ const $ = (h) => {
         hidden: !m,
         zIndex: 2,
         children: /* @__PURE__ */ r(
-          v,
+          O,
           {
             value: n,
             size: a,

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EAAA,GAG3BW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EAAA;AAGtD,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+BY,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAS,IAAe9B;"}
+{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EAAA,GAG3BW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EAAA;AAGtD,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+BY,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAS,IAAe9B;"}

package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js

@@ -0,0 +1,28 @@
+import { useMemo as p, useEffect as m } from "react";
+import { usePuzzleAttemptJourney as c } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js";
+import { usePuzzleReviewJourney as f } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-review-journey.js";
+import { usePuzzleUnassignJourney as l } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.js";
+import { useJourney as P } from "../../../journey/use-journey/use-journey.js";
+const C = ({ behavior: a }) => {
+  const { maximumAttempts: e, canStartJourney: t } = a, { isJourneyActive: r, clearJourney: o } = P(), { puzzleAttemptCtaRef: i, startJourney: u } = c(), { puzzleReviewCtaRef: y, startJourney: n } = f(), { puzzleUnassignRef: J, startJourney: s } = l(), z = p(() => e === -2, [e]);
+  return m(() => {
+    z && t && !r && (u(), n(), s());
+  }, [
+    t,
+    r,
+    z,
+    u,
+    n,
+    s
+  ]), m(() => () => {
+    o();
+  }, [o]), {
+    puzzleAttemptCtaRef: i,
+    puzzleReviewCtaRef: y,
+    puzzleUnassignRef: J
+  };
+};
+export {
+  C as useWorksheetJourney
+};
+//# sourceMappingURL=use-worksheet-journey.js.map

package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-worksheet-journey.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-worksheet-journey.ts"],"sourcesContent":["import type { IWorksheetBehavior } from '../worksheet-types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { usePuzzleAttemptJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey';\nimport { usePuzzleReviewJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-review-journey';\nimport { usePuzzleUnassignJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\n\ninterface IUseWorksheetJourney {\n  behavior: IWorksheetBehavior;\n}\n\nconst useWorksheetJourney = ({ behavior }: IUseWorksheetJourney) => {\n  const { maximumAttempts, canStartJourney } = behavior;\n\n  const { isJourneyActive, clearJourney } = useJourney();\n\n  const { puzzleAttemptCtaRef, startJourney: startPuzzleAttemptJourney } =\n    usePuzzleAttemptJourney();\n\n  const { puzzleReviewCtaRef, startJourney: startPuzzleReviewJourney } = usePuzzleReviewJourney();\n  const { puzzleUnassignRef, startJourney: startPuzzleUnassignJourney } =\n    usePuzzleUnassignJourney();\n\n  const isPuzzleCard = useMemo(() => maximumAttempts === -2, [maximumAttempts]);\n\n  useEffect(() => {\n    if (isPuzzleCard && canStartJourney && !isJourneyActive) {\n      //* This will be triggered by STUDENT during resume sheet.\n      startPuzzleAttemptJourney();\n      //* This will be triggered by TEACHER during review sheet\n      startPuzzleReviewJourney();\n      //* This will be trigger by TEACHER during preview sheet.\n      startPuzzleUnassignJourney();\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isPuzzleCard,\n    startPuzzleAttemptJourney,\n    startPuzzleReviewJourney,\n    startPuzzleUnassignJourney,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      clearJourney();\n    };\n  }, [clearJourney]);\n\n  return {\n    puzzleAttemptCtaRef,\n    puzzleReviewCtaRef,\n    puzzleUnassignRef,\n  };\n};\n\nexport { useWorksheetJourney };\n"],"names":["useWorksheetJourney","behavior","maximumAttempts","canStartJourney","isJourneyActive","clearJourney","useJourney","puzzleAttemptCtaRef","startPuzzleAttemptJourney","usePuzzleAttemptJourney","puzzleReviewCtaRef","startPuzzleReviewJourney","usePuzzleReviewJourney","puzzleUnassignRef","startPuzzleUnassignJourney","usePuzzleUnassignJourney","isPuzzleCard","useMemo","useEffect"],"mappings":";;;;;AAaA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,QAAqC;AAC5D,QAAA,EAAE,iBAAAC,GAAiB,iBAAAC,EAAoB,IAAAF,GAEvC,EAAE,iBAAAG,GAAiB,cAAAC,EAAa,IAAIC,EAAW,GAE/C,EAAE,qBAAAC,GAAqB,cAAcC,MACzCC,EAAwB,GAEpB,EAAE,oBAAAC,GAAoB,cAAcC,MAA6BC,EAAuB,GACxF,EAAE,mBAAAC,GAAmB,cAAcC,MACvCC,EAAyB,GAErBC,IAAeC,EAAQ,MAAMf,MAAoB,IAAI,CAACA,CAAe,CAAC;AAE5E,SAAAgB,EAAU,MAAM;AACV,IAAAF,KAAgBb,KAAmB,CAACC,MAEZI,KAEDG,KAEEG;EAC7B,GACC;AAAA,IACDX;AAAA,IACAC;AAAA,IACAY;AAAA,IACAR;AAAA,IACAG;AAAA,IACAG;AAAA,EAAA,CACD,GAEDI,EAAU,MACD,MAAM;AACE,IAAAb;EAAA,GAEd,CAACA,CAAY,CAAC,GAEV;AAAA,IACL,qBAAAE;AAAA,IACA,oBAAAG;AAAA,IACA,mBAAAG;AAAA,EAAA;AAEJ;"}

package/dist/features/worksheet/worksheet/worksheet-helpers.js

@@ -1,10 +1,10 @@
-import S from "../../../assets/line-icons/icons/bulb2.js";
-import y from "../../../assets/line-icons/icons/edit-star.js";
+import w from "../../../assets/line-icons/icons/bulb2.js";
+import S from "../../../assets/line-icons/icons/edit-star.js";
 import A from "../../../assets/line-icons/icons/edit2.js";
-import L from "../../../assets/line-icons/icons/question-letter.js";
-import O from "../../../assets/line-icons/icons/star2.js";
+import k from "../../../assets/line-icons/icons/question-letter.js";
+import L from "../../../assets/line-icons/icons/star2.js";
 import b from "../constants/events.js";
-import { OPTIONAL_ITEM_TYPES as R, ACTION_BAR_HEIGHT as k, QUESTION_WIDTH as w, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
+import { OPTIONAL_ITEM_TYPES as O, ACTION_BAR_HEIGHT as R, QUESTION_WIDTH as C, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
 import { QUESTION_TAGS as E } from "./worksheet-types.js";
 const Q = (e) => {
   switch (e) {
@@ -30,12 +30,12 @@ const Q = (e) => {
     default:
       return;
   }
-}, M = (e) => {
+}, B = (e) => {
   if (!e)
     return !1;
   const r = e.toLowerCase();
   return r === "intro" || r === "concept-intro";
-}, C = (e) => e.reduce((r, t) => {
+}, y = (e) => e.reduce((r, t) => {
   const [n, s] = t.split(":"), a = n == null ? void 0 : n.trim(), c = s == null ? void 0 : s.trim();
   return !a || !c ? r : {
     ...r,
@@ -44,16 +44,16 @@ const Q = (e) => {
 }, {}), Y = (e, { sectioned: r = !1, adaptive: t = !1 }) => {
   if (r)
     return e.reduce((s, a, c) => {
-      var v;
+      var T;
       let d = !1;
       const { content: u, questions: i, itemType: o } = a, l = Q(o), m = s[s.length - 1], g = l === (m == null ? void 0 : m.section_name) && (m != null && m.item_display_number) ? m.item_display_number + 1 : 1, _ = u.match(/question-[^"]*/g), p = _ == null ? void 0 : _.map((f, h) => {
-        const T = i.find(
+        const v = i.find(
           ({ response_id: I }) => I === f.replace("question-", "")
         );
-        if (!T)
+        if (!v)
           throw new Error(`Question not found for the response id: ${f}`);
-        return d = d || M(T.instructor_stimulus), {
-          ...T,
+        return d = d || B(v.instructor_stimulus), {
+          ...v,
           // Some questions are set to limited number of attempts which can show feedback which is causing the question to be stuck in the errored state
           feedback_attempts: void 0,
           item_reference: a.reference,
@@ -61,16 +61,16 @@ const Q = (e) => {
           item_display_number: g,
           section_name: l,
           item_type: r ? o : void 0,
-          is_optional: o ? R.includes(o) : !1,
+          is_optional: o ? O.includes(o) : !1,
           item_tags: a.tags ?? [],
-          item_tags_map: C(a.tags ?? []),
+          item_tags_map: y(a.tags ?? []),
           question_number: h - (d ? 1 : 0),
           total_questions: _.length
         };
       });
       if (d = !1, p != null && p[0] && c > 0 && e.length > 0) {
-        const f = (v = e[c - 1]) == null ? void 0 : v.itemType, h = o != null && o.startsWith("advanced-") ? "advanced" : o, T = f != null && f.startsWith("advanced-") ? "advanced" : f;
-        if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== T)
+        const f = (T = e[c - 1]) == null ? void 0 : T.itemType, h = o != null && o.startsWith("advanced-") ? "advanced" : o, v = f != null && f.startsWith("advanced-") ? "advanced" : f;
+        if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== v)
           return [
             ...s,
             {
@@ -105,7 +105,7 @@ const Q = (e) => {
           item_number: c,
           item_display_number: c + 1,
           item_tags: a.tags ?? [],
-          item_tags_map: C(a.tags ?? []),
+          item_tags_map: y(a.tags ?? []),
           question_number: m,
           total_questions: i.length
         };
@@ -131,7 +131,7 @@ const Q = (e) => {
     });
   }
   return n;
-}, J = ({
+}, z = ({
   questions: e,
   initialQuestion: r,
   initialResponseId: t,
@@ -154,7 +154,7 @@ const Q = (e) => {
   if ((u = e[0]) != null && u.response_id)
     return e[0].response_id;
   throw new Error("Initial question not found");
-}, V = ({
+}, J = ({
   questions: e,
   responses: r,
   behavior: t,
@@ -186,7 +186,7 @@ const Q = (e) => {
   }
   return e.length - u;
 };
-function B(e, r) {
+function M(e, r) {
   var n, s;
   const t = Array.isArray(e) ? e.find((a) => a.response_id === r) : e;
   if (!t)
@@ -206,10 +206,10 @@ function B(e, r) {
     }
   };
 }
-const z = (e) => e.reduce(
+const V = (e) => e.reduce(
   (r, t) => ({
     ...r,
-    [t.response_id]: B(e, t.response_id)
+    [t.response_id]: M(e, t.response_id)
   }),
   {}
 ), X = (e, r) => {
@@ -217,9 +217,9 @@ const z = (e) => e.reduce(
   return {
     questionsContainerWidth: !e.some(
       (a) => a.questions.some((c) => c.stimulus_review)
-    ) ? w : N,
-    maxQuestionWidth: w,
-    actionbarHeight: t === "bottom" ? k : 0
+    ) ? C : N,
+    maxQuestionWidth: C,
+    actionbarHeight: t === "bottom" ? R : 0
   };
 }, Z = ({
   questions: e,
@@ -346,21 +346,21 @@ const z = (e) => e.reduce(
 }, ae = (e) => {
   switch (e) {
     case "learning":
-      return S;
+      return w;
     case "practice-basic":
       return A;
     case "practice-regular":
-      return y;
+      return S;
     case "exit-ticket":
-      return L;
+      return k;
     case "advanced":
-      return O;
+      return L;
     default:
-      return S;
+      return w;
   }
-}, ie = (e) => e === "SAT_ENGLISH_ASSESSMENT" || e === "SAT_MATH_ASSESSMENT", se = (e) => Array.isArray(e.value) ? e.value.some(
+}, ie = (e) => Array.isArray(e.value) ? e.value.some(
   (t) => typeof t == "string" && t.length > x
-) : !1, ce = (e, r) => {
+) : !1, se = (e, r) => {
   const t = e === "TEACHER";
   return r ? {
     bannerBackgroundColor: "GREEN_4",
@@ -369,7 +369,7 @@ const z = (e) => e.reduce(
     bannerBackgroundColor: "ORANGE_2",
     label: "Complete this with your tutor in class"
   };
-}, ue = ({
+}, ce = ({
   isPuzzleWorksheet: e,
   isTestWorksheet: r,
   imageHue: t = "BLUE"
@@ -385,27 +385,27 @@ const z = (e) => e.reduce(
   bgColor: "BLACK",
   borderColor: "BLACK_4",
   textColor: "WHITE"
-};
+}, ue = (e) => e ? `${e}_1` : "BLUE_1";
 export {
-  se as checkIsClozeFormulaResponseInvalid,
-  J as getInitialQuestionId,
-  z as getInitialResponses,
-  V as getLastUnlockedQuestionIndex,
+  ie as checkIsClozeFormulaResponseInvalid,
+  z as getInitialQuestionId,
+  V as getInitialResponses,
+  J as getLastUnlockedQuestionIndex,
   ne as getNavigationSectionBackgroundColor,
   ae as getNavigationSectionIcon,
   oe as getNavigationSectionName,
   ee as getPaperColorByQuestion,
+  ue as getPuzzleWorksheetBackgroundColor,
   te as getQuestionBackgroundImage,
   re as getQuestionBorderColor,
-  B as getQuestionMetadata,
+  M as getQuestionMetadata,
   Y as getQuestionsFromItems,
   Z as getRenderableQuestions,
   X as getWorksheetDimensions,
-  ue as getWorksheetHeaderLayout,
-  ce as getWorksheetNudgeBannerInfo,
-  M as isConceptIntroWidget,
+  ce as getWorksheetHeaderLayout,
+  se as getWorksheetNudgeBannerInfo,
+  B as isConceptIntroWidget,
   W as isOkayTypeQuestion,
-  ie as isSATAssessmentNode,
   j as scrollToQuestion,
   q as setMathJaxConfigInWindow
 };