npm - @cuemath/leap - Versions diffs - 2.8.34-beta-0.2 → 2.8.34-beta-0.3 - Mend

@cuemath/leap 2.8.34-beta-0.2 → 2.8.34-beta-0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js CHANGED Viewed

@@ -26,7 +26,7 @@ const fe = Z((k) => {
     onViewResource: E,
     userMilestoneId: d,
     programId: m
-  } = k, { onEvent: P } = te(), [u, F] = a(1), [p, V] = a(""), [o, C] = a({
+  } = k, { onEvent: C } = te(), [u, F] = a(1), [p, V] = a(""), [o, P] = a({
     stream: N,
     page: u,
     per_page: 50,
@@ -40,14 +40,14 @@ const fe = Z((k) => {
   ), {
     get: f,
     data: s,
-    isProcessing: T,
+    isProcessing: O,
     isProcessingFailed: j
-  } = ae(), { post: O, isProcessing: G } = le({
+  } = ae(), { post: T, isProcessing: G } = le({
     onComplete: x
   }), { post: L, isProcessing: D } = de({
     onComplete: x
   }), H = (e) => {
-    C((n) => ({ ...n, ...e }));
+    P((n) => ({ ...n, ...e }));
   }, b = l(
     (e, n) => {
       if (e === "select") {
@@ -64,19 +64,19 @@ const fe = Z((k) => {
       ...o,
       page: e
     }), F(e);
-  }, W = (e) => {
-    V(e);
-  }, X = l(() => {
-    P(me.RESOURCE_SEARCH_INPUT_VALUE, {
+  }, W = l(() => {
+    C(me.RESOURCE_SEARCH_INPUT_VALUE, {
       search_term: p
-    }), C((e) => ({
+    }), P((e) => ({
       ...e,
       search_term: p || ""
     }));
-  }, [p, P]), R = l(() => {
+  }, [p, C]), X = (e) => {
+    V(e);
+  }, R = l(() => {
     (U(o) || o.stream) && (f("ep-dummy-id", o), y([]));
   }, [o, f]), z = l(() => {
-    d ? O(
+    d ? T(
       {
         node_ids: i.map((e) => e.node_id)
       },
@@ -92,7 +92,7 @@ const fe = Z((k) => {
       { studentId: _ }
     );
   }, [
-    O,
+    T,
     d,
     i,
     L,
@@ -122,11 +122,11 @@ const fe = Z((k) => {
         }
       )
     ] }) });
-  if (T && !s && g.length === 0)
+  if (O && !s && g.length === 0)
     return /* @__PURE__ */ r(ne, { height: "100vh" });
   const { filters: B, total_pages: M = 0 } = s || {}, { boards: Y = [], grades: q = [], node_types: J = [] } = B || {}, K = U(o);
   return /* @__PURE__ */ A(h, { $flexDirection: "row", $height: "100vh", children: [
-    T && /* @__PURE__ */ r(pe, { children: /* @__PURE__ */ r("img", { src: ee.LOADER_1, alt: "resource_loading" }) }),
+    O && /* @__PURE__ */ r(pe, { children: /* @__PURE__ */ r("img", { src: ee.LOADER_1, alt: "resource_loading" }) }),
     /* @__PURE__ */ A(ge, { $width: "60%", children: [
       /* @__PURE__ */ r(
         he,
@@ -139,12 +139,13 @@ const fe = Z((k) => {
             oe,
             {
               value: p,
-              onSearchTextChange: W,
+              onSearchTextChange: X,
               renderAs: "primary",
               width: "99%",
               size: "regular",
               label: "Type topic name...",
-              onEnter: X,
+              onEnter: W,
+              searchOnClear: !0,
               onPrefixElementClick: v,
               prefixElement: /* @__PURE__ */ r(re, {})
             }

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resources-assign.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign.tsx"],"sourcesContent":["import type { IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceItemStep } from './comps/resource-item/resource-item-types';\nimport type { IEPResourceAssign, IResourceData } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Button from '../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../ui/context/context';\nimport SearchableInput from '../../../ui/inputs/searchable-input/searchable-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { useGetSearchResource } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport ResourceItems from './resource-items/resource-items';\nimport * as Styled from './resources-assign-styled';\nimport { checkIfFiltersAreAdded } from './utils';\n\nconst EPResourceAssign: FC<IEPResourceAssign> = memo(props => {\n const {\n studentId,\n stream,\n onResourceAssign,\n onError,\n onExitResourceAssign,\n onViewResource,\n userMilestoneId,\n programId,\n } = props;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [pageNumber, setPageNumber] = useState(1);\n const [searchValue, setSearchValue] = useState('');\n const [searchQuery, setSearchQuery] = useState<IExtraPracticeQuery>({\n stream: stream,\n page: pageNumber,\n per_page: 50,\n user_milestone_id: userMilestoneId,\n program_id: programId,\n });\n const [resourceItems, setResourceItems] = useState<IResourceData['results']>([]);\n const [selectedResourceItems, setSelectedResource] = useState<IResourceData['results']>([]);\n\n const handleOnResourceAssignComplete = useCallback(\n (errorMessage: string \| null) => {\n if (errorMessage) {\n onError(errorMessage);\n } else {\n onResourceAssign();\n }\n },\n [onError, onResourceAssign],\n );\n\n const {\n get: getSearchResource,\n data: resourceSearchData,\n isProcessing,\n isProcessingFailed,\n } = useGetSearchResource();\n\n const { post: postAssignGoalResource, isProcessing: goalResourceAssignInProgress } =\n usePostMilestoneResource({\n onComplete: handleOnResourceAssignComplete,\n });\n const { post: postAssignLPARResource, isProcessing: lparResourceAssignInProgress } =\n usePostLPARResource({\n onComplete: handleOnResourceAssignComplete,\n });\n\n const handleOnSearchQueryChange = (updatedQuery: Omit<IExtraPracticeQuery, 'stream'>) => {\n setSearchQuery(prev => ({ ...prev, ...updatedQuery }));\n };\n\n const handleOnResourceAdditionOrDeletion = useCallback(\n (step: IResourceItemStep, resourceNodeId: string) => {\n if (step === 'select') {\n const resourceItem = resourceItems.find(resource => resource.node_id === resourceNodeId);\n\n if (resourceItem) {\n setSelectedResource(prev => {\n return [...prev, resourceItem];\n });\n }\n } else {\n setSelectedResource(prev =>\n prev.filter(prevResource => prevResource.node_id !== resourceNodeId),\n );\n }\n },\n [resourceItems],\n );\n\n const handleScrollPagination = (newPageNumber: number) => {\n getSearchResource('ep-dummy-id', {\n ...searchQuery,\n page: newPageNumber,\n });\n setPageNumber(newPageNumber);\n };\n\n const handleSearchTextChange = (value: string) => {\n setSearchValue(value);\n };\n\n const handleSearch = useCallback(() => {\n trackEvent(RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE, {\n search_term: searchValue,\n });\n\n setSearchQuery(prev => ({\n ...prev,\n search_term: searchValue \|\| '',\n }));\n }, [searchValue, trackEvent]);\n\n const fetchResource = useCallback(() => {\n if (checkIfFiltersAreAdded(searchQuery) \|\| searchQuery.stream) {\n getSearchResource('ep-dummy-id', searchQuery);\n setResourceItems([]);\n }\n }, [searchQuery, getSearchResource]);\n\n const handleOnResourceAssign = useCallback(() => {\n if (userMilestoneId) {\n postAssignGoalResource(\n {\n node_ids: selectedResourceItems.map(resource => resource.node_id),\n },\n { userMilestoneId },\n );\n } else if (programId) {\n postAssignLPARResource(\n {\n nodes: selectedResourceItems.map(({ node_id: nodeId }) => ({\n id: nodeId,\n attempt_location: 'ANY',\n })),\n program_id: programId,\n },\n { studentId },\n );\n }\n }, [\n postAssignGoalResource,\n userMilestoneId,\n selectedResourceItems,\n postAssignLPARResource,\n programId,\n studentId,\n ]);\n\n useEffect(() => {\n fetchResource();\n }, [fetchResource]);\n\n useEffect(() => {\n if (resourceSearchData?.results.length) {\n setResourceItems(prev => {\n const updatedData =\n pageNumber !== 1 ? [...prev, ...resourceSearchData.results] : resourceSearchData.results;\n\n return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n });\n }\n }, [resourceSearchData?.results, pageNumber]);\n\n if (isProcessingFailed) {\n return (\n <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n <Button\n widthX={14}\n size=\"small\"\n shape=\"square\"\n renderAs=\"primary\"\n label=\"Try again\"\n analyticsLabel=\"resource_get_api_failed\"\n onClick={fetchResource}\n />\n </FlexView>\n </FlexView>\n );\n }\n\n if (isProcessing && !resourceSearchData && resourceItems.length === 0) {\n return <AppLoader height=\"100vh\" />;\n }\n\n const { filters, total_pages: totalPages = 0 } = resourceSearchData \|\| {};\n const { boards = [], grades = [], node_types: nodeTypes = [] } = filters \|\| {};\n const isFilterAdded = checkIfFiltersAreAdded(searchQuery);\n\n return (\n <FlexView $flexDirection=\"row\" $height=\"100vh\">\n {isProcessing && (\n <Styled.LoaderWrapper>\n <img src={ILLUSTRATIONS.LOADER_1} alt=\"resource_loading\" />\n </Styled.LoaderWrapper>\n )}\n\n <Styled.SearchContainer $width=\"60%\">\n <Styled.HeaderWrapper\n $heightX={4}\n $background=\"WHITE_3\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <SearchableInput\n value={searchValue}\n onSearchTextChange={handleSearchTextChange}\n renderAs=\"primary\"\n width=\"99%\"\n size=\"regular\"\n label=\"Type topic name...\"\n onEnter={handleSearch}\n onPrefixElementClick={onExitResourceAssign}\n prefixElement={<Back2Icon />}\n />\n </Styled.HeaderWrapper>\n\n <ResourceItems\n resourceItems={resourceItems}\n selectedResource={selectedResourceItems}\n pageNumber={pageNumber}\n totalPages={totalPages}\n assigningInProgress={goalResourceAssignInProgress \|\| lparResourceAssignInProgress}\n isFilterAdded={isFilterAdded}\n onResourceAdditionOrDeletion={handleOnResourceAdditionOrDeletion}\n onResourceAssign={handleOnResourceAssign}\n onViewResource={onViewResource}\n onPageNumberUpdate={handleScrollPagination}\n />\n </Styled.SearchContainer>\n\n <FlexView $width=\"40%\">\n <AddedResourceAndFilters\n boards={boards}\n grades={grades}\n nodeTypes={nodeTypes}\n selectedResources={selectedResourceItems}\n onResourceDeSelection={handleOnResourceAdditionOrDeletion}\n onFilterUpdate={handleOnSearchQueryChange}\n onViewResource={onViewResource}\n />\n </FlexView>\n </FlexView>\n );\n});\n\nexport default EPResourceAssign;\n"],"names":["EPResourceAssign","memo","props","studentId","stream","onResourceAssign","onError","onExitResourceAssign","onViewResource","userMilestoneId","programId","trackEvent","useUIContext","pageNumber","setPageNumber","useState","searchValue","setSearchValue","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","handleOnResourceAssignComplete","useCallback","errorMessage","getSearchResource","resourceSearchData","isProcessing","isProcessingFailed","useGetSearchResource","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleScrollPagination","newPageNumber","handleSearchTextChange","value","handleSearch","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","checkIfFiltersAreAdded","handleOnResourceAssign","nodeId","useEffect","updatedData","item","jsx","FlexView","jsxs","Text","Button","AppLoader","filters","totalPages","boards","grades","nodeTypes","isFilterAdded","Styled.LoaderWrapper","ILLUSTRATIONS","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}
1	+ {"version":3,"file":"resources-assign.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign.tsx"],"sourcesContent":["import type { IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceItemStep } from './comps/resource-item/resource-item-types';\nimport type { IEPResourceAssign, IResourceData } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Button from '../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../ui/context/context';\nimport SearchableInput from '../../../ui/inputs/searchable-input/searchable-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { useGetSearchResource } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport ResourceItems from './resource-items/resource-items';\nimport * as Styled from './resources-assign-styled';\nimport { checkIfFiltersAreAdded } from './utils';\n\nconst EPResourceAssign: FC<IEPResourceAssign> = memo(props => {\n const {\n studentId,\n stream,\n onResourceAssign,\n onError,\n onExitResourceAssign,\n onViewResource,\n userMilestoneId,\n programId,\n } = props;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [pageNumber, setPageNumber] = useState(1);\n const [searchValue, setSearchValue] = useState('');\n const [searchQuery, setSearchQuery] = useState<IExtraPracticeQuery>({\n stream: stream,\n page: pageNumber,\n per_page: 50,\n user_milestone_id: userMilestoneId,\n program_id: programId,\n });\n const [resourceItems, setResourceItems] = useState<IResourceData['results']>([]);\n const [selectedResourceItems, setSelectedResource] = useState<IResourceData['results']>([]);\n\n const handleOnResourceAssignComplete = useCallback(\n (errorMessage: string \| null) => {\n if (errorMessage) {\n onError(errorMessage);\n } else {\n onResourceAssign();\n }\n },\n [onError, onResourceAssign],\n );\n\n const {\n get: getSearchResource,\n data: resourceSearchData,\n isProcessing,\n isProcessingFailed,\n } = useGetSearchResource();\n\n const { post: postAssignGoalResource, isProcessing: goalResourceAssignInProgress } =\n usePostMilestoneResource({\n onComplete: handleOnResourceAssignComplete,\n });\n const { post: postAssignLPARResource, isProcessing: lparResourceAssignInProgress } =\n usePostLPARResource({\n onComplete: handleOnResourceAssignComplete,\n });\n\n const handleOnSearchQueryChange = (updatedQuery: Omit<IExtraPracticeQuery, 'stream'>) => {\n setSearchQuery(prev => ({ ...prev, ...updatedQuery }));\n };\n\n const handleOnResourceAdditionOrDeletion = useCallback(\n (step: IResourceItemStep, resourceNodeId: string) => {\n if (step === 'select') {\n const resourceItem = resourceItems.find(resource => resource.node_id === resourceNodeId);\n\n if (resourceItem) {\n setSelectedResource(prev => {\n return [...prev, resourceItem];\n });\n }\n } else {\n setSelectedResource(prev =>\n prev.filter(prevResource => prevResource.node_id !== resourceNodeId),\n );\n }\n },\n [resourceItems],\n );\n\n const handleScrollPagination = (newPageNumber: number) => {\n getSearchResource('ep-dummy-id', {\n ...searchQuery,\n page: newPageNumber,\n });\n setPageNumber(newPageNumber);\n };\n\n const handleSearch = useCallback(() => {\n trackEvent(RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE, {\n search_term: searchValue,\n });\n\n setSearchQuery(prev => ({\n ...prev,\n search_term: searchValue \|\| '',\n }));\n }, [searchValue, trackEvent]);\n\n const handleSearchTextChange = (value: string) => {\n setSearchValue(value);\n };\n\n const fetchResource = useCallback(() => {\n if (checkIfFiltersAreAdded(searchQuery) \|\| searchQuery.stream) {\n getSearchResource('ep-dummy-id', searchQuery);\n setResourceItems([]);\n }\n }, [searchQuery, getSearchResource]);\n\n const handleOnResourceAssign = useCallback(() => {\n if (userMilestoneId) {\n postAssignGoalResource(\n {\n node_ids: selectedResourceItems.map(resource => resource.node_id),\n },\n { userMilestoneId },\n );\n } else if (programId) {\n postAssignLPARResource(\n {\n nodes: selectedResourceItems.map(({ node_id: nodeId }) => ({\n id: nodeId,\n attempt_location: 'ANY',\n })),\n program_id: programId,\n },\n { studentId },\n );\n }\n }, [\n postAssignGoalResource,\n userMilestoneId,\n selectedResourceItems,\n postAssignLPARResource,\n programId,\n studentId,\n ]);\n\n useEffect(() => {\n fetchResource();\n }, [fetchResource]);\n\n useEffect(() => {\n if (resourceSearchData?.results.length) {\n setResourceItems(prev => {\n const updatedData =\n pageNumber !== 1 ? [...prev, ...resourceSearchData.results] : resourceSearchData.results;\n\n return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n });\n }\n }, [resourceSearchData?.results, pageNumber]);\n\n if (isProcessingFailed) {\n return (\n <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n <Button\n widthX={14}\n size=\"small\"\n shape=\"square\"\n renderAs=\"primary\"\n label=\"Try again\"\n analyticsLabel=\"resource_get_api_failed\"\n onClick={fetchResource}\n />\n </FlexView>\n </FlexView>\n );\n }\n\n if (isProcessing && !resourceSearchData && resourceItems.length === 0) {\n return <AppLoader height=\"100vh\" />;\n }\n\n const { filters, total_pages: totalPages = 0 } = resourceSearchData \|\| {};\n const { boards = [], grades = [], node_types: nodeTypes = [] } = filters \|\| {};\n const isFilterAdded = checkIfFiltersAreAdded(searchQuery);\n\n return (\n <FlexView $flexDirection=\"row\" $height=\"100vh\">\n {isProcessing && (\n <Styled.LoaderWrapper>\n <img src={ILLUSTRATIONS.LOADER_1} alt=\"resource_loading\" />\n </Styled.LoaderWrapper>\n )}\n\n <Styled.SearchContainer $width=\"60%\">\n <Styled.HeaderWrapper\n $heightX={4}\n $background=\"WHITE_3\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <SearchableInput\n value={searchValue}\n onSearchTextChange={handleSearchTextChange}\n renderAs=\"primary\"\n width=\"99%\"\n size=\"regular\"\n label=\"Type topic name...\"\n onEnter={handleSearch}\n searchOnClear\n onPrefixElementClick={onExitResourceAssign}\n prefixElement={<Back2Icon />}\n />\n </Styled.HeaderWrapper>\n\n <ResourceItems\n resourceItems={resourceItems}\n selectedResource={selectedResourceItems}\n pageNumber={pageNumber}\n totalPages={totalPages}\n assigningInProgress={goalResourceAssignInProgress \|\| lparResourceAssignInProgress}\n isFilterAdded={isFilterAdded}\n onResourceAdditionOrDeletion={handleOnResourceAdditionOrDeletion}\n onResourceAssign={handleOnResourceAssign}\n onViewResource={onViewResource}\n onPageNumberUpdate={handleScrollPagination}\n />\n </Styled.SearchContainer>\n\n <FlexView $width=\"40%\">\n <AddedResourceAndFilters\n boards={boards}\n grades={grades}\n nodeTypes={nodeTypes}\n selectedResources={selectedResourceItems}\n onResourceDeSelection={handleOnResourceAdditionOrDeletion}\n onFilterUpdate={handleOnSearchQueryChange}\n onViewResource={onViewResource}\n />\n </FlexView>\n </FlexView>\n );\n});\n\nexport default EPResourceAssign;\n"],"names":["EPResourceAssign","memo","props","studentId","stream","onResourceAssign","onError","onExitResourceAssign","onViewResource","userMilestoneId","programId","trackEvent","useUIContext","pageNumber","setPageNumber","useState","searchValue","setSearchValue","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","handleOnResourceAssignComplete","useCallback","errorMessage","getSearchResource","resourceSearchData","isProcessing","isProcessingFailed","useGetSearchResource","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleScrollPagination","newPageNumber","handleSearch","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleSearchTextChange","value","fetchResource","checkIfFiltersAreAdded","handleOnResourceAssign","nodeId","useEffect","updatedData","item","jsx","FlexView","jsxs","Text","Button","AppLoader","filters","totalPages","boards","grades","nodeTypes","isFilterAdded","Styled.LoaderWrapper","ILLUSTRATIONS","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}

package/dist/features/ui/inputs/searchable-input/searchable-input.js CHANGED Viewed

@@ -1,59 +1,60 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import { useRef as I, useCallback as i } from "react";
+import { jsx as r, jsxs as I } from "react/jsx-runtime";
+import { useRef as O, useCallback as i } from "react";
 import v from "../../buttons/clickable/clickable.js";
-import E from "../../layout/flex-view.js";
-import O from "../base-input/base-input.js";
-import { Input as S } from "../text-input/text-input-styled.js";
-import { StyledPrefixElementWrapper as z, StyledCrossIcon as A } from "./searchable-input-styled.js";
-const F = (m) => {
+import S from "../../layout/flex-view.js";
+import z from "../base-input/base-input.js";
+import { Input as A } from "../text-input/text-input-styled.js";
+import { StyledPrefixElementWrapper as D, StyledCrossIcon as R } from "./searchable-input-styled.js";
+const G = (m) => {
   const {
-    renderAs: o,
+    renderAs: s,
     value: d,
-    disabled: l,
-    label: s,
+    disabled: t,
+    label: o,
     width: u,
     widthX: f,
     shape: $ = "curved",
     size: c = "regular",
-    onSearchTextChange: t,
-    onPrefixElementClick: n,
-    onEnter: a,
-    analyticsLabel: b,
+    onSearchTextChange: a,
+    onPrefixElementClick: l,
+    onEnter: e,
+    searchOnClear: b,
+    analyticsLabel: C,
     analyticsProps: x,
-    prefixElement: p
-  } = m, h = I(null), C = i(
-    (e) => {
-      t(e.target.value);
-    },
-    [t]
-  ), g = i(
-    (e) => {
-      e.key === "Enter" && (a == null || a());
+    prefixElement: h
+  } = m, p = O(null), g = i(
+    (n) => {
+      a(n.target.value);
     },
     [a]
-  ), w = i(() => {
-    n == null || n();
-  }, [n]), y = i(() => {
-    var e;
-    t(""), (e = h.current) == null || e.focus();
-  }, [t]);
+  ), w = i(
+    (n) => {
+      n.key === "Enter" && (e == null || e());
+    },
+    [e]
+  ), y = i(() => {
+    l == null || l();
+  }, [l]), k = i(() => {
+    var n;
+    a(""), b && (e == null || e()), (n = p.current) == null || n.focus();
+  }, [a, e]);
   return /* @__PURE__ */ r(
     v,
     {
-      label: s ?? "searchable_input",
-      analyticsLabel: b,
+      label: o ?? "searchable_input",
+      analyticsLabel: C,
       analyticsProps: x,
-      disabled: l,
+      disabled: t,
       children: /* @__PURE__ */ r(
-        O,
+        z,
         {
-          renderAs: o,
+          renderAs: s,
           size: c,
           shape: $,
-          disabled: l,
-          label: s,
-          inputElement: /* @__PURE__ */ k(
-            E,
+          disabled: t,
+          label: o,
+          inputElement: /* @__PURE__ */ I(
+            S,
             {
               $flexDirection: "row",
               $alignItems: "center",
@@ -62,39 +63,39 @@ const F = (m) => {
               $width: u,
               $widthX: f,
               children: [
-                n && p && /* @__PURE__ */ r(
-                  z,
+                l && h && /* @__PURE__ */ r(
+                  D,
                   {
-                    $inputRenderAs: o,
-                    $disabled: l,
+                    $inputRenderAs: s,
+                    $disabled: t,
                     $size: c,
-                    onClick: w,
-                    children: p
+                    onClick: y,
+                    children: h
                   }
                 ),
                 /* @__PURE__ */ r(
-                  S,
+                  A,
                   {
-                    $renderAs: o,
-                    placeholder: s,
-                    ref: h,
+                    $renderAs: s,
+                    placeholder: o,
+                    ref: p,
                     $size: c,
                     value: d ?? "",
-                    disabled: l,
-                    onChange: C,
-                    onKeyDown: g
+                    disabled: t,
+                    onChange: g,
+                    onKeyDown: w
                   }
                 )
               ]
             }
           ),
-          siblingElement: d && /* @__PURE__ */ r(A, { onClick: y })
+          siblingElement: d && /* @__PURE__ */ r(R, { onClick: k })
         }
       )
     }
   );
 };
 export {
-  F as default
+  G as default
 };
 //# sourceMappingURL=searchable-input.js.map

package/dist/features/ui/inputs/searchable-input/searchable-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n const {\n renderAs,\n value,\n disabled,\n label,\n width,\n widthX,\n shape = 'curved',\n size = 'regular',\n onSearchTextChange,\n onPrefixElementClick,\n onEnter,\n analyticsLabel,\n analyticsProps,\n prefixElement,\n } = props;\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const handleOnChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onSearchTextChange(e.target.value);\n },\n [onSearchTextChange],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const handleOnPrefixElementClick = useCallback(() => {\n onPrefixElementClick?.();\n }, [onPrefixElementClick]);\n\n const handleOnClear = useCallback(() => {\n onSearchTextChange('');\n inputRef.current?.focus();\n }, [onSearchTextChange]);\n\n return (\n <Clickable\n label={label ?? 'searchable_input'}\n analyticsLabel={analyticsLabel}\n analyticsProps={analyticsProps}\n disabled={disabled}\n >\n <BaseInput\n renderAs={renderAs}\n size={size}\n shape={shape}\n disabled={disabled}\n label={label}\n inputElement={\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $height=\"100%\"\n $flexGap={12}\n $width={width}\n $widthX={widthX}\n >\n {onPrefixElementClick && prefixElement && (\n <Styled.StyledPrefixElementWrapper\n $inputRenderAs={renderAs}\n $disabled={disabled}\n $size={size}\n onClick={handleOnPrefixElementClick}\n >\n {prefixElement}\n </Styled.StyledPrefixElementWrapper>\n )}\n <Input\n $renderAs={renderAs}\n placeholder={label}\n ref={inputRef}\n $size={size}\n value={value ?? ''}\n disabled={disabled}\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n />\n </FlexView>\n }\n siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n />\n </Clickable>\n );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,~~IAAAd~~,~~GAEEe~~,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,~~CAAC~~,MAAqC;AACjB,~~MAAAT~~,~~EAAA~~,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,~~CAACA~~,CAAkB;AAAA,EAAA,~~GAGfU~~,~~IAAkBD~~;AAAA,IACtB,~~CAAC~~,MAA6C;AACxC,~~MAAA~~,EAAE,QAAQ,~~YACFP~~,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,~~GAGJS~~,~~IAA6BF~~,EAAY,MAAM;AAC5B,~~IAAAR~~,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,~~GAEnBW~~,~~IAAgBH~~,EAAY,MAAM;;AACtC,~~IAAAT~~,EAAmB,EAAE,~~IACrBa~~,~~IAAAP~~,EAAS,YAAT,~~QAAAO~~,EAAkB;AAAA,EAAM,GACvB,~~CAACb~~,~~CAAkB~~,CAAC;~~AAGrB~~,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,~~OAAOpB~~,KAAS;AAAA,MAChB,~~gBAAAQ~~;AAAA,MACA,gBAAAC;AAAA,MACA,~~UAAAV~~;AAAA,MAEA,UAAA,~~gBAAAoB~~;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,~~UAAAxB~~;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,~~gBAAAsB~~;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,~~QAAQtB~~;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,~~KAAwBI~~,KACvB,~~gBAAAS~~;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,~~gBAAgB3B~~;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,~~SAASY~~;AAAA,oBAER,~~UAAAN~~;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,~~gBAAAS~~;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,~~WAAW5B~~;AAAA,oBACX,aAAaG;AAAA,oBACb,~~KAAKW~~;AAAA,oBACL,~~OAAOP~~;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,~~UAAUc~~;AAAA,oBACV,~~WAAWE~~;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,~~gBAAgBjB~~,KAAS,~~gBAAAqB~~,EAACO,GAAA,EAAuB,SAAST,GAAe;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"searchable-input.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input.tsx"],"sourcesContent":["import type { ISearchableInputProps } from './searchable-input-types';\nimport type { ChangeEvent } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport Clickable from '../../buttons/clickable/clickable';\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './searchable-input-styled';\n\nconst SearchableInput = <IDType extends string>(props: ISearchableInputProps<IDType>) => {\n const {\n renderAs,\n value,\n disabled,\n label,\n width,\n widthX,\n shape = 'curved',\n size = 'regular',\n onSearchTextChange,\n onPrefixElementClick,\n onEnter,\n searchOnClear,\n analyticsLabel,\n analyticsProps,\n prefixElement,\n } = props;\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const handleOnChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onSearchTextChange(e.target.value);\n },\n [onSearchTextChange],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const handleOnPrefixElementClick = useCallback(() => {\n onPrefixElementClick?.();\n }, [onPrefixElementClick]);\n\n const handleOnClear = useCallback(() => {\n onSearchTextChange('');\n\n if (searchOnClear) {\n onEnter?.();\n }\n\n inputRef.current?.focus();\n }, [onSearchTextChange, onEnter]);\n\n return (\n <Clickable\n label={label ?? 'searchable_input'}\n analyticsLabel={analyticsLabel}\n analyticsProps={analyticsProps}\n disabled={disabled}\n >\n <BaseInput\n renderAs={renderAs}\n size={size}\n shape={shape}\n disabled={disabled}\n label={label}\n inputElement={\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $height=\"100%\"\n $flexGap={12}\n $width={width}\n $widthX={widthX}\n >\n {onPrefixElementClick && prefixElement && (\n <Styled.StyledPrefixElementWrapper\n $inputRenderAs={renderAs}\n $disabled={disabled}\n $size={size}\n onClick={handleOnPrefixElementClick}\n >\n {prefixElement}\n </Styled.StyledPrefixElementWrapper>\n )}\n <Input\n $renderAs={renderAs}\n placeholder={label}\n ref={inputRef}\n $size={size}\n value={value ?? ''}\n disabled={disabled}\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n />\n </FlexView>\n }\n siblingElement={value && <Styled.StyledCrossIcon onClick={handleOnClear} />}\n />\n </Clickable>\n );\n};\n\nexport default SearchableInput;\n"],"names":["SearchableInput","props","renderAs","value","disabled","label","width","widthX","shape","size","onSearchTextChange","onPrefixElementClick","onEnter","searchOnClear","analyticsLabel","analyticsProps","prefixElement","inputRef","useRef","handleOnChange","useCallback","e","handleOnKeyDown","handleOnPrefixElementClick","handleOnClear","_a","jsx","Clickable","BaseInput","jsxs","FlexView","Styled.StyledPrefixElementWrapper","Input","Styled.StyledCrossIcon"],"mappings":";;;;;;;AAWM,MAAAA,IAAkB,CAAwBC,MAAyC;AACjF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAf,GAEEgB,IAAWC,EAAyB,IAAI,GAExCC,IAAiBC;AAAA,IACrB,CAACC,MAAqC;AACjB,MAAAX,EAAAW,EAAE,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAACX,CAAkB;AAAA,EAAA,GAGfY,IAAkBF;AAAA,IACtB,CAACC,MAA6C;AACxC,MAAAA,EAAE,QAAQ,YACFT,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJW,IAA6BH,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA;AAAA,EAAA,GACtB,CAACA,CAAoB,CAAC,GAEnBa,IAAgBJ,EAAY,MAAM;;AACtC,IAAAV,EAAmB,EAAE,GAEjBG,MACQD,KAAA,QAAAA,OAGZa,IAAAR,EAAS,YAAT,QAAAQ,EAAkB;AAAA,EAAM,GACvB,CAACf,GAAoBE,CAAO,CAAC;AAG9B,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOtB,KAAS;AAAA,MAChB,gBAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAX;AAAA,MAEA,UAAA,gBAAAsB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAA1B;AAAA,UACA,MAAAO;AAAA,UACA,OAAAD;AAAA,UACA,UAAAJ;AAAA,UACA,OAAAC;AAAA,UACA,cACE,gBAAAwB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,QAAQxB;AAAA,cACR,SAASC;AAAA,cAER,UAAA;AAAA,gBAAAI,KAAwBK,KACvB,gBAAAU;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,gBAAgB7B;AAAA,oBAChB,WAAWE;AAAA,oBACX,OAAOK;AAAA,oBACP,SAASc;AAAA,oBAER,UAAAP;AAAA,kBAAA;AAAA,gBACH;AAAA,gBAEF,gBAAAU;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAW9B;AAAA,oBACX,aAAaG;AAAA,oBACb,KAAKY;AAAA,oBACL,OAAOR;AAAA,oBACP,OAAON,KAAS;AAAA,oBAChB,UAAAC;AAAA,oBACA,UAAUe;AAAA,oBACV,WAAWG;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,gBAAgBnB,KAAS,gBAAAuB,EAACO,GAAA,EAAuB,SAAST,GAAe;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.34-beta-0.2",
+  "version": "2.8.34-beta-0.3",
   "type": "module",
   "files": [
     "dist"