@cuemath/leap 3.0.7-hg1 → 3.0.7

package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js

@@ -0,0 +1,9 @@
+import { createPostAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V2 as s } from "../../../../../constants/api.js";
+const { usePost: P } = e({
+  getURL: (o, { studentId: t }) => `${s}/students/${t}/practice-sheets/`
+});
+export {
+  P as usePostLPARResource
+};
+//# sourceMappingURL=lpar-resource-assign.js.map

package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpar-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../../../constants/api';\n\nconst { usePost: usePostLPARResource } = createPostAPI<\n  void,\n  {\n    program_id: string;\n    nodes: { id: string; attempt_location: string }[];\n  },\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V2}/students/${studentId}/practice-sheets/`,\n});\n\nexport { usePostLPARResource };\n"],"names":["usePostLPARResource","createPostAPI","_","studentId","BASE_URL_V2"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAOvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js

@@ -0,0 +1,19 @@
+import o from "styled-components";
+import n from "../../../../../../assets/line-icons/icons/chevron-down.js";
+import i from "../../../../../ui/layout/flex-view.js";
+const p = o(i)`
+  cursor: pointer;
+`, c = o(n)(({ $active: r, theme: e }) => {
+  const { gutter: t } = e.layout;
+  return `
+    width: ${t}px;
+    height: ${t}px;
+    transform: rotate(${r ? 180 : 0}deg);
+    transition: transform 0.3s ease-out;
+  `;
+});
+export {
+  p as FilterItemHeader,
+  c as StyledChevronIcon
+};
+//# sourceMappingURL=filter-item-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n  cursor: pointer;\n`;\n\ninterface IChevronIcon {\n  $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter}px;\n    height: ${gutter}px;\n    transform: rotate(${$active ? 180 : 0}deg);\n    transition: transform 0.3s ease-out;\n  `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,wBACIF,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js

@@ -0,0 +1,47 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { memo as f, useState as x } from "react";
+import l from "../../../../../ui/layout/flex-view.js";
+import u from "../../../../../ui/tab/tab.js";
+import h from "../../../../../ui/text/text.js";
+import { FilterItemHeader as w, StyledChevronIcon as C } from "./filter-item-styled.js";
+const F = f((i) => {
+  const { options: a, title: c, value: s, onClick: d } = i, [r, m] = x(!0);
+  return /* @__PURE__ */ o(l, { $width: "100%", $gapX: 1, $gutterX: 1, $flexGapX: 1, children: [
+    /* @__PURE__ */ o(
+      w,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "space-between",
+        $flexGap: 8,
+        onClick: () => {
+          m((t) => !t);
+        },
+        children: [
+          /* @__PURE__ */ e(h, { $renderAs: "ac4-black", children: c }),
+          /* @__PURE__ */ e(C, { $active: r })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ e(l, { $flexDirection: "row", $flexWrap: !0, $flexGap: 12, children: a.map((t) => {
+      const { id: p, label: $, value: n } = t;
+      return /* @__PURE__ */ e(
+        u,
+        {
+          $width: "fit-content",
+          $renderAs: "primary",
+          label: $,
+          $selected: n === s,
+          shape: "curved",
+          $size: "small",
+          onClick: () => d(n)
+        },
+        p
+      );
+    }) })
+  ] });
+});
+export {
+  F as default
+};
+//# sourceMappingURL=filter-item.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import type { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\n\nconst FilterItem: FC<IFilterItem> = memo(props => {\n  const { options, title, value, onClick } = props;\n  const [expandItem, setExpandedItem] = useState(true);\n\n  const handleOnExpand = () => {\n    setExpandedItem(prev => !prev);\n  };\n\n  return (\n    <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n      <Styled.FilterItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGap={8}\n        onClick={handleOnExpand}\n      >\n        <Text $renderAs=\"ac4-black\">{title}</Text>\n\n        <Styled.StyledChevronIcon $active={expandItem} />\n      </Styled.FilterItemHeader>\n\n      {expandItem && (\n        <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n          {options.map(option => {\n            const { id, label, value: optionValue } = option;\n            const selected = optionValue === value;\n\n            return (\n              <TabComponent\n                key={id}\n                $width=\"fit-content\"\n                $renderAs=\"primary\"\n                label={label}\n                $selected={selected}\n                shape=\"curved\"\n                $size=\"small\"\n                onClick={() => onClick(optionValue)}\n              />\n            );\n          })}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","expandItem","setExpandedItem","useState","jsxs","FlexView","Styled.FilterItemHeader","prev","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,MAAYJ,GACrC,CAACK,GAAYC,CAAe,IAAIC,EAAS,EAAI;AAOjD,SAAA,gBAAAC,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAXiB,MAAM;AACX,UAAAJ,EAAA,CAAAK,MAAQ,CAACA,CAAI;AAAA,QAAA;AAAA,QAYzB,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMX,GAAA;AAAA,UAElC,gBAAAU,EAAAE,GAAA,EAAyB,SAAST,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAO,EAAAH,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQR,EAAA,IAAI,CAAUc,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,MAAgBH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBf;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQc,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAAA;AAAA,IAUV,CAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.js

@@ -0,0 +1,22 @@
+import e from "styled-components";
+import t from "../../../../../ui/text/text.js";
+const i = e(t)`
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  &:hover {
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+`, l = e(t)`
+  word-spacing: 4px;
+`;
+export {
+  l as ResourceItemTags,
+  i as ResourceItemTitle
+};
+//# sourceMappingURL=resource-item-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../../../ui/text/text';\n\nconst ResourceItemTitle = styled(Text)`\n  cursor: pointer;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  &:hover {\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n`;\n\nconst ResourceItemTags = styled(Text)`\n  word-spacing: 4px;\n`;\n\nexport { ResourceItemTitle, ResourceItemTags };\n"],"names":["ResourceItemTitle","styled","Text","ResourceItemTags"],"mappings":";;AAIM,MAAAA,IAAoBC,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAc/BC,IAAmBF,EAAOC,CAAI;AAAA;AAAA;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js

@@ -0,0 +1,60 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { memo as R, useCallback as a } from "react";
+import $ from "../../../../../../assets/line-icons/icons/cross.js";
+import g from "../../../../../../assets/line-icons/icons/plus.js";
+import h from "../../../../../ui/buttons/icon-button/icon-button.js";
+import s from "../../../../../ui/layout/flex-view.js";
+import x from "../../../../../ui/separator/separator.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as l } from "../../resource-assign-analytics-events.js";
+import { ResourceItemTitle as S, ResourceItemTags as A } from "./resource-item-styled.js";
+import { getGradeTags as b, getBoardTags as y } from "./utils.js";
+const U = R((d) => {
+  const { resource: r, selected: e, onResourceAdditionOrDeletion: c, onViewResource: i } = d, { name: m, stream: p, grades: E, boards: f, node_type: u, node_id: t } = r, I = b(E), C = y(f), T = a(() => {
+    c(e ? "deselect" : "select", t);
+  }, [c, t, e]), _ = a(() => {
+    i(r);
+  }, [i, r]);
+  return /* @__PURE__ */ o(s, { $flexGapX: 1.5, children: [
+    /* @__PURE__ */ o(
+      s,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "space-between",
+        $flexGapX: 2,
+        children: [
+          /* @__PURE__ */ o(s, { $flexWrap: !0, $flexGap: 4, $widthX: 25.5, children: [
+            /* @__PURE__ */ n(S, { $renderAs: "ab2", onClick: _, children: m }),
+            /* @__PURE__ */ o(A, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+              p,
+              " ",
+              I,
+              " ",
+              C,
+              " • ",
+              u
+            ] })
+          ] }),
+          /* @__PURE__ */ n(
+            h,
+            {
+              Icon: e ? $ : g,
+              renderAs: e ? "tertiary" : "secondary",
+              analyticsLabel: e ? l.RESOURCE_ITEM_DESELECTED : l.RESOURCE_ITEM_SELECTED,
+              analyticsProps: {
+                node_id: t
+              },
+              size: "xsmall",
+              onClick: T
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(x, { height: 1, background: "WHITE_5" })
+  ] });
+});
+export {
+  U as default
+};
+//# sourceMappingURL=resource-item.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.tsx"],"sourcesContent":["import type { IResourceItem } from './resource-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../../resource-assign-analytics-events';\nimport * as Styled from './resource-item-styled';\nimport { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(props => {\n  const { resource, selected, onResourceAdditionOrDeletion, onViewResource } = props;\n  const { name, stream, grades, boards, node_type: nodeType, node_id: nodeId } = resource;\n  const grade = getGradeTags(grades);\n  const test = getBoardTags(boards);\n\n  const handleOnClick = useCallback(() => {\n    onResourceAdditionOrDeletion(selected ? 'deselect' : 'select', nodeId);\n  }, [onResourceAdditionOrDeletion, nodeId, selected]);\n\n  const handleOnResourceView = useCallback(() => {\n    onViewResource(resource);\n  }, [onViewResource, resource]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGapX={2}\n      >\n        <FlexView $flexWrap $flexGap={4} $widthX={25.5}>\n          <Styled.ResourceItemTitle $renderAs=\"ab2\" onClick={handleOnResourceView}>\n            {name}\n          </Styled.ResourceItemTitle>\n\n          <Styled.ResourceItemTags $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            {stream} {grade} {test} • {nodeType}\n          </Styled.ResourceItemTags>\n        </FlexView>\n\n        <IconButton\n          Icon={selected ? CrossIcon : PlusIcon}\n          renderAs={selected ? 'tertiary' : 'secondary'}\n          analyticsLabel={\n            selected\n              ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED\n              : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED\n          }\n          analyticsProps={{\n            node_id: nodeId,\n          }}\n          size=\"xsmall\"\n          onClick={handleOnClick}\n        />\n      </FlexView>\n\n      <Separator height={1} background=\"WHITE_5\" />\n    </FlexView>\n  );\n});\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","props","resource","selected","onResourceAdditionOrDeletion","onViewResource","name","stream","grades","boards","nodeType","nodeId","grade","getGradeTags","test","getBoardTags","handleOnClick","useCallback","handleOnResourceView","jsxs","FlexView","jsx","Styled.ResourceItemTitle","Styled.ResourceItemTags","IconButton","CrossIcon","PlusIcon","RESOURCE_ASSIGN_ANALYTICS_EVENTS","Separator"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAkCC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,8BAAAC,GAA8B,gBAAAC,MAAmBJ,GACvE,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAW,IAAAT,GACzEU,IAAQC,EAAaL,CAAM,GAC3BM,IAAOC,EAAaN,CAAM,GAE1BO,IAAgBC,EAAY,MAAM;AACT,IAAAb,EAAAD,IAAW,aAAa,UAAUQ,CAAM;AAAA,EACpE,GAAA,CAACP,GAA8BO,GAAQR,CAAQ,CAAC,GAE7Ce,IAAuBD,EAAY,MAAM;AAC7C,IAAAZ,EAAeH,CAAQ;AAAA,EAAA,GACtB,CAACG,GAAgBH,CAAQ,CAAC;AAG3B,SAAA,gBAAAiB,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAS,WAAS,IAAC,UAAU,GAAG,SAAS,MACxC,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAyB,WAAU,OAAM,SAASJ,GAChD,UACHZ,GAAA;AAAA,8BAECiB,GAAA,EAAwB,WAAU,OAAM,QAAO,cAC7C,UAAA;AAAA,cAAAhB;AAAA,cAAO;AAAA,cAAEK;AAAA,cAAM;AAAA,cAAEE;AAAA,cAAK;AAAA,cAAIJ;AAAA,YAAA,GAC7B;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAW;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAMrB,IAAWsB,IAAYC;AAAA,cAC7B,UAAUvB,IAAW,aAAa;AAAA,cAClC,gBACEA,IACIwB,EAAiC,2BACjCA,EAAiC;AAAA,cAEvC,gBAAgB;AAAA,gBACd,SAAShB;AAAA,cACX;AAAA,cACA,MAAK;AAAA,cACL,SAASK;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAK,EAAAO,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/utils.js

@@ -0,0 +1,6 @@
+const a = (e) => e.reduce((r, t) => `${r} • G${t}`, ""), c = (e) => e.reduce((r, t) => `${r} • ${t}`, "");
+export {
+  c as getBoardTags,
+  a as getGradeTags
+};
+//# sourceMappingURL=utils.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/utils.ts"],"sourcesContent":["const getGradeTags = (grades: string[]) => {\n  return grades.reduce((acc, gradeInfo) => `${acc} • G${gradeInfo}`, '');\n};\n\nconst getBoardTags = (boards: string[]) => {\n  return boards.reduce((acc, boardInfo) => `${acc} • ${boardInfo}`, '');\n};\n\nexport { getGradeTags, getBoardTags };\n"],"names":["getGradeTags","grades","acc","gradeInfo","getBoardTags","boards","boardInfo"],"mappings":"AAAM,MAAAA,IAAe,CAACC,MACbA,EAAO,OAAO,CAACC,GAAKC,MAAc,GAAGD,CAAG,OAAOC,CAAS,IAAI,EAAE,GAGjEC,IAAe,CAACC,MACbA,EAAO,OAAO,CAACH,GAAKI,MAAc,GAAGJ,CAAG,MAAMI,CAAS,IAAI,EAAE;"}

package/dist/features/milestone/milestone-resources/resources-assign/constant.js

@@ -0,0 +1,6 @@
+const E = 64, H = 72;
+export {
+  H as FOOTER_HEIGHT,
+  E as HEADER_HEIGHT
+};
+//# sourceMappingURL=constant.js.map

package/dist/features/milestone/milestone-resources/resources-assign/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/constant.ts"],"sourcesContent":["export const HEADER_HEIGHT = 64;\nexport const FOOTER_HEIGHT = 72;\n"],"names":["HEADER_HEIGHT","FOOTER_HEIGHT"],"mappings":"AAAO,MAAMA,IAAgB,IAChBC,IAAgB;"}

package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.js

@@ -0,0 +1,19 @@
+import { PLUGINS as r } from "../../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var s = /* @__PURE__ */ ((e) => (e.RESOURCE_ASSIGNED = "resource_assigned", e.RESOURCE_BOARD_SELECTED = "resource_board_selected", e.RESOURCE_BOARD_DESELECTED = "resource_board_deselected", e.RESOURCE_GRADE_SELECTED = "resource_grade_selected", e.RESOURCE_GRADE_DESELECTED = "resource_grade_deselected", e.RESOURCE_NODE_TYPE_SELECTED = "resource_node_type_selected", e.RESOURCE_NODE_TYPE_DESELECTED = "resource_node_type_deselected", e.RESOURCE_SEARCH_INPUT_VALUE = "resource_search_input_value", e.RESOURCE_ITEM_SELECTED = "resource_item_selected", e.RESOURCE_ITEM_DESELECTED = "resource_item_deselected", e))(s || {});
+const c = {
+  resource_assigned: [r.MIXPANEL],
+  resource_board_selected: [r.MIXPANEL],
+  resource_board_deselected: [r.MIXPANEL],
+  resource_grade_selected: [r.MIXPANEL],
+  resource_grade_deselected: [r.MIXPANEL],
+  resource_node_type_selected: [r.MIXPANEL],
+  resource_node_type_deselected: [r.MIXPANEL],
+  resource_search_input_value: [r.MIXPANEL],
+  resource_item_selected: [r.MIXPANEL],
+  resource_item_deselected: [r.MIXPANEL]
+};
+export {
+  s as RESOURCE_ASSIGN_ANALYTICS_EVENTS,
+  c as RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS
+};
+//# sourceMappingURL=resource-assign-analytics-events.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-assign-analytics-events.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum RESOURCE_ASSIGN_ANALYTICS_EVENTS {\n  RESOURCE_ASSIGNED = 'resource_assigned',\n  RESOURCE_BOARD_SELECTED = 'resource_board_selected',\n  RESOURCE_BOARD_DESELECTED = 'resource_board_deselected',\n  RESOURCE_GRADE_SELECTED = 'resource_grade_selected',\n  RESOURCE_GRADE_DESELECTED = 'resource_grade_deselected',\n  RESOURCE_NODE_TYPE_SELECTED = 'resource_node_type_selected',\n  RESOURCE_NODE_TYPE_DESELECTED = 'resource_node_type_deselected',\n  RESOURCE_SEARCH_INPUT_VALUE = 'resource_search_input_value',\n  RESOURCE_ITEM_SELECTED = 'resource_item_selected',\n  RESOURCE_ITEM_DESELECTED = 'resource_item_deselected',\n}\n\nexport const RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS = {\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED]: [PLUGINS.MIXPANEL],\n  [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["RESOURCE_ASSIGN_ANALYTICS_EVENTS","RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,oBAAoB,qBACpBA,EAAA,0BAA0B,2BAC1BA,EAAA,4BAA4B,6BAC5BA,EAAA,0BAA0B,2BAC1BA,EAAA,4BAA4B,6BAC5BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,iCAChCA,EAAA,8BAA8B,+BAC9BA,EAAA,yBAAyB,0BACzBA,EAAA,2BAA2B,4BAVjBA,IAAAA,KAAA,CAAA,CAAA;AAaL,MAAMC,IAA6C;AAAA,EACvD,mBAAqD,CAACC,EAAQ,QAAQ;AAAA,EACtE,yBAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,2BAA6D,CAACA,EAAQ,QAAQ;AAAA,EAC9E,yBAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,2BAA6D,CAACA,EAAQ,QAAQ;AAAA,EAC9E,6BAA+D,CAACA,EAAQ,QAAQ;AAAA,EAChF,+BAAiE,CAACA,EAAQ,QAAQ;AAAA,EAClF,6BAA+D,CAACA,EAAQ,QAAQ;AAAA,EAChF,wBAA0D,CAACA,EAAQ,QAAQ;AAAA,EAC3E,0BAA4D,CAACA,EAAQ,QAAQ;AAChF;"}

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.js

@@ -0,0 +1,32 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { IMAGES as t } from "../../../../../assets/images/images.js";
+import o from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
+import { NoResourceText as s } from "../resources-assign-styled.js";
+const l = () => /* @__PURE__ */ r(
+  i,
+  {
+    $width: 620,
+    $height: 620,
+    $position: "relative",
+    $justifyContent: "center",
+    $alignItems: "center",
+    children: [
+      /* @__PURE__ */ e(
+        o,
+        {
+          withLoader: !1,
+          src: t.BG_EMPTY_RESOURCES,
+          alt: "Empty resources",
+          width: 520,
+          height: 520
+        }
+      ),
+      /* @__PURE__ */ e(s, { $renderAs: "ab2-bold", children: "Type + Search = Resources!" })
+    ]
+  }
+);
+export {
+  l as default
+};
+//# sourceMappingURL=no-resource-screen.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n  return (\n    <FlexView\n      $width={620}\n      $height={620}\n      $position=\"relative\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      <Image\n        withLoader={false}\n        src={IMAGES.BG_EMPTY_RESOURCES}\n        alt=\"Empty resources\"\n        width={520}\n        height={520}\n      />\n\n      <Styled.NoResourceText $renderAs=\"ab2-bold\">Type + Search = Resources!</Styled.NoResourceText>\n    </FlexView>\n  );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsxs","FlexView","jsx","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAU;AAAA,IACV,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,KAAKC,EAAO;AAAA,UACZ,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,wBAECC,GAAA,EAAsB,WAAU,YAAW,UAA0B,8BAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.js

@@ -0,0 +1,19 @@
+import t from "styled-components";
+import e from "../../../../ui/buttons/button/button.js";
+import r from "../../../../ui/layout/flex-view.js";
+import { HEADER_HEIGHT as p, FOOTER_HEIGHT as i } from "../constant.js";
+const c = t(r)(({ $overflowHidden: o }) => `
+    ${o ? "overflow: hidden;" : "overflow-y: auto;"}
+    height: calc(100vh - ${p}px - ${i}px);
+  `), l = t(r)`
+  position: sticky;
+  bottom: 0;
+`, u = t(e)(({ theme: o }) => `
+    box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
+  `);
+export {
+  l as ButtonWrapper,
+  c as ResourceItemWrapper,
+  u as StyledButton
+};
+//# sourceMappingURL=resource-items-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-items-styled.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { FOOTER_HEIGHT, HEADER_HEIGHT } from '../constant';\n\ninterface IResourceItemWrapper {\n  $overflowHidden?: boolean;\n}\n\nconst ResourceItemWrapper = styled(FlexView)<IResourceItemWrapper>(({ $overflowHidden }) => {\n  return `\n    ${$overflowHidden ? 'overflow: hidden;' : 'overflow-y: auto;'}\n    height: calc(100vh - ${HEADER_HEIGHT}px - ${FOOTER_HEIGHT}px);\n  `;\n});\n\nconst ButtonWrapper = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n`;\n\nconst StyledButton = styled(Button)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nexport { ResourceItemWrapper, ButtonWrapper, StyledButton };\n"],"names":["ResourceItemWrapper","styled","FlexView","$overflowHidden","HEADER_HEIGHT","FOOTER_HEIGHT","ButtonWrapper","StyledButton","Button","theme"],"mappings":";;;;AAUA,MAAMA,IAAsBC,EAAOC,CAAQ,EAAwB,CAAC,EAAE,iBAAAC,QAC7D;AAAA,MACHA,IAAkB,sBAAsB,mBAAmB;AAAA,2BACtCC,CAAa,QAAQC,CAAa;AAAA,GAE5D,GAEKC,IAAgBL,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BK,IAAeN,EAAOO,CAAM,EAAE,CAAC,EAAE,OAAAC,QAC9B;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js

@@ -0,0 +1,85 @@
+import { jsxs as m, jsx as r, Fragment as A } from "react/jsx-runtime";
+import E from "../../../../../node_modules/lodash.debounce/index.js";
+import { memo as _, useRef as y, useMemo as b, useEffect as x } from "react";
+import C from "../../../../../assets/line-icons/icons/sheet.js";
+import N from "../../../../ui/layout/flex-view.js";
+import X from "../../../../ui/text/text.js";
+import j from "../comps/resource-item/resource-item.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as w } from "../resource-assign-analytics-events.js";
+import L from "./no-resource-screen.js";
+import { ResourceItemWrapper as a, ButtonWrapper as P, StyledButton as T } from "./resource-items-styled.js";
+const k = _((u) => {
+  const {
+    pageNumber: t,
+    totalPages: i,
+    resourceItems: l,
+    selectedResource: o,
+    assigningInProgress: f,
+    isFilterAdded: p,
+    onResourceAdditionOrDeletion: g,
+    onResourceAssign: h,
+    onViewResource: $,
+    onPageNumberUpdate: d
+  } = u, c = y(null), R = b(
+    () => ({
+      node_ids: o.map(({ node_id: e }) => e)
+    }),
+    [o]
+  );
+  return x(() => {
+    const e = c.current;
+    if (e) {
+      const n = E(() => {
+        const s = e ? e.scrollTop / (e.scrollHeight - e.clientHeight) : 0;
+        t && i && s > 0.85 && t < i && d(t + 1);
+      }, 300);
+      return e.addEventListener("scroll", n), () => {
+        e.removeEventListener("scroll", n);
+      };
+    }
+  }, [c, t, i, d]), l.length === 0 ? p ? /* @__PURE__ */ m(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ r(C, { opacity: 0.38 }),
+    /* @__PURE__ */ r(X, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
+  ] }) : /* @__PURE__ */ r(a, { $alignItems: "center", $justifyContent: "center", $overflowHidden: !0, children: /* @__PURE__ */ r(L, {}) }) : /* @__PURE__ */ m(A, { children: [
+    /* @__PURE__ */ r(a, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.125, ref: c, children: l.map((e) => {
+      const { id: n, node_id: s } = e, I = o.some((S) => S.node_id === s);
+      return /* @__PURE__ */ r(
+        j,
+        {
+          resource: e,
+          onResourceAdditionOrDeletion: g,
+          onViewResource: $,
+          selected: I
+        },
+        `${n}_${s}`
+      );
+    }) }),
+    o.length > 0 && /* @__PURE__ */ r(
+      P,
+      {
+        $flexDirection: "row",
+        $justifyContent: "flex-end",
+        $gapX: 1,
+        $gutterX: 1,
+        children: /* @__PURE__ */ r(
+          T,
+          {
+            renderAs: "primary",
+            label: "Assign",
+            shape: "square",
+            size: "small",
+            widthX: 8.5,
+            analyticsLabel: w.RESOURCE_ASSIGNED,
+            analyticsProps: R,
+            onClick: h,
+            busy: f
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  k as default
+};
+//# sourceMappingURL=resource-items.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import type { IResourceItems } from './resource-items-types';\nimport type { FC } from 'react';\n\nimport debounce from 'lodash.debounce';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport SheetIcon from '../../../../../assets/line-icons/icons/sheet';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ResourceItem from '../comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../resource-assign-analytics-events';\nimport NoResourceScreen from './no-resource-screen';\nimport * as Styled from './resource-items-styled';\n\nconst ResourceItems: FC<IResourceItems> = memo(props => {\n  const {\n    pageNumber,\n    totalPages,\n    resourceItems,\n    selectedResource,\n    assigningInProgress,\n    isFilterAdded,\n    onResourceAdditionOrDeletion,\n    onResourceAssign,\n    onViewResource,\n    onPageNumberUpdate,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const analyticsProps = useMemo(\n    () => ({\n      node_ids: selectedResource.map(({ node_id: nodeId }) => nodeId),\n    }),\n    [selectedResource],\n  );\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (scrollElement) {\n      const handleScroll = debounce(() => {\n        const scrollPercentage = scrollElement\n          ? scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)\n          : 0;\n\n        if (pageNumber && totalPages)\n          if (scrollPercentage > 0.85 && pageNumber < totalPages) {\n            onPageNumberUpdate(pageNumber + 1);\n          }\n      }, 300);\n\n      scrollElement.addEventListener('scroll', handleScroll);\n\n      return () => {\n        scrollElement.removeEventListener('scroll', handleScroll);\n      };\n    }\n  }, [containerRef, pageNumber, totalPages, onPageNumberUpdate]);\n\n  if (resourceItems.length === 0) {\n    return isFilterAdded ? (\n      <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n        <SheetIcon opacity={0.38} />\n        <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\">\n          No sheets match the selected filters\n        </Text>\n      </FlexView>\n    ) : (\n      <Styled.ResourceItemWrapper $alignItems=\"center\" $justifyContent=\"center\" $overflowHidden>\n        <NoResourceScreen />\n      </Styled.ResourceItemWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.ResourceItemWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.125} ref={containerRef}>\n        {resourceItems.map(item => {\n          const { id, node_id: nodeId } = item;\n          const selected = selectedResource.some(resource => resource.node_id === nodeId);\n\n          return (\n            <ResourceItem\n              key={`${id}_${nodeId}`}\n              resource={item}\n              onResourceAdditionOrDeletion={onResourceAdditionOrDeletion}\n              onViewResource={onViewResource}\n              selected={selected}\n            />\n          );\n        })}\n      </Styled.ResourceItemWrapper>\n\n      {selectedResource.length > 0 && (\n        <Styled.ButtonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"flex-end\"\n          $gapX={1}\n          $gutterX={1}\n        >\n          <Styled.StyledButton\n            renderAs=\"primary\"\n            label=\"Assign\"\n            shape=\"square\"\n            size=\"small\"\n            widthX={8.5}\n            analyticsLabel={RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onResourceAssign}\n            busy={assigningInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default ResourceItems;\n"],"names":["ResourceItems","memo","props","pageNumber","totalPages","resourceItems","selectedResource","assigningInProgress","isFilterAdded","onResourceAdditionOrDeletion","onResourceAssign","onViewResource","onPageNumberUpdate","containerRef","useRef","analyticsProps","useMemo","nodeId","useEffect","scrollElement","handleScroll","debounce","scrollPercentage","FlexView","jsx","SheetIcon","Text","Styled.ResourceItemWrapper","NoResourceScreen","jsxs","Fragment","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAV,GAEEW,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV,EAAiB,IAAI,CAAC,EAAE,SAASW,QAAaA,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACX,CAAgB;AAAA,EAAA;AA0Bf,SAvBJY,EAAU,MAAM;AACd,UAAMC,IAAgBN,EAAa;AAEnC,QAAIM,GAAe;AACX,YAAAC,IAAeC,EAAS,MAAM;AAClC,cAAMC,IAAmBH,IACrBA,EAAc,aAAaA,EAAc,eAAeA,EAAc,gBACtE;AAEJ,QAAIhB,KAAcC,KACZkB,IAAmB,QAAQnB,IAAaC,KAC1CQ,EAAmBT,IAAa,CAAC;AAAA,SAEpC,GAAG;AAEQ,aAAAgB,EAAA,iBAAiB,UAAUC,CAAY,GAE9C,MAAM;AACG,QAAAD,EAAA,oBAAoB,UAAUC,CAAY;AAAA,MAAA;AAAA,IAE5D;AAAA,KACC,CAACP,GAAcV,GAAYC,GAAYQ,CAAkB,CAAC,GAEzDP,EAAc,WAAW,IACpBG,sBACJe,GAAS,EAAA,SAAQ,QAAO,aAAY,UAAS,iBAAgB,UAC5D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,sBACzBC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,wCAAA;AAAA,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,KAAiB,EACpB,CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACG,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,OAAO,KAAKd,GAC3E,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,YAAM,EAAE,IAAAC,GAAI,SAASf,EAAA,IAAWc,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,aAAA,gBAAAO;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,UAAUJ;AAAA,UACV,8BAAAtB;AAAA,UACA,gBAAAE;AAAA,UACA,UAAAsB;AAAA,QAAA;AAAA,QAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,MAAA;AAAA,IAOzB,CAAA,GACH;AAAA,IAECX,EAAiB,SAAS,KACzB,gBAAAkB;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA,gBAAAZ;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,gBAAgBC,EAAiC;AAAA,YACjD,gBAAAvB;AAAA,YACA,SAASL;AAAA,YACT,MAAMH;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js

@@ -0,0 +1,65 @@
+import r from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/text/text.js";
+import { HEADER_HEIGHT as p } from "./constant.js";
+const u = r(t)(({ theme: o, $noBorder: e }) => {
+  const { WHITE_5: i } = o.colors;
+  return `
+    ${!e && `border-bottom: 1px solid ${i}`};
+
+    & > div {
+      width: calc(100% - 48px);
+    }
+  `;
+}), d = r.div(({ theme: o }) => `
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      background: ${o.colors.WHITE_T_15};
+      backdrop-filter: blur(8px);
+      z-index: 2;
+
+      & * {
+        pointer-events: none;
+      }
+
+      & img {
+        top: 50%;
+        position: absolute;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: ${o.layout.gutter * 5}px;
+        height: ${o.layout.gutter * 5}px;
+        filter: brightness(0);
+      }
+    `), b = r(s)`
+  position: absolute;
+  top: 72%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+`, x = r(t)(({ theme: o }) => `
+    overflow-y: auto;
+    border-right: 1px solid ${o.colors.WHITE_5};
+  `), m = r(t)(() => `
+    overflow-y: auto;
+    height: calc(100vh - ${p}px - 16px);
+  `), f = r(t)(({ theme: o, $selected: e }) => `
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: ${e ? o.colors.BLACK : o.colors.WHITE_5};
+    cursor: pointer;
+  `), h = r(t)(() => `
+    min-width: 20px;
+  `);
+export {
+  m as FilterListWrapper,
+  f as FilterTabWrapper,
+  u as HeaderWrapper,
+  d as LoaderWrapper,
+  b as NoResourceText,
+  h as ResourceCountWrapper,
+  x as SearchContainer
+};
+//# sourceMappingURL=resources-assign-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-assign-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { HEADER_HEIGHT } from './constant';\n\ninterface IHeaderWrapper {\n  $noBorder?: boolean;\n}\n\nconst HeaderWrapper = styled(FlexView)<IHeaderWrapper>(({ theme, $noBorder }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n    ${!$noBorder && `border-bottom: 1px solid ${WHITE_5}`};\n\n    & > div {\n      width: calc(100% - 48px);\n    }\n  `;\n});\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n  return `\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background: ${theme.colors.WHITE_T_15};\n      backdrop-filter: blur(8px);\n      z-index: 2;\n\n      & * {\n        pointer-events: none;\n      }\n\n      & img {\n        top: 50%;\n        position: absolute;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: ${theme.layout.gutter * 5}px;\n        height: ${theme.layout.gutter * 5}px;\n        filter: brightness(0);\n      }\n    `;\n});\n\nconst NoResourceText = styled(Text)`\n  position: absolute;\n  top: 72%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nconst SearchContainer = styled(FlexView)(({ theme }) => {\n  return `\n    overflow-y: auto;\n    border-right: 1px solid ${theme.colors.WHITE_5};\n  `;\n});\n\nconst FilterListWrapper = styled(FlexView)(() => {\n  return `\n    overflow-y: auto;\n    height: calc(100vh - ${HEADER_HEIGHT}px - 16px);\n  `;\n});\n\ninterface IFilterTabWrapper {\n  $selected: boolean;\n}\n\nconst FilterTabWrapper = styled(FlexView)<IFilterTabWrapper>(({ theme, $selected }) => {\n  return `\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: ${$selected ? theme.colors.BLACK : theme.colors.WHITE_5};\n    cursor: pointer;\n  `;\n});\n\nconst ResourceCountWrapper = styled(FlexView)(() => {\n  return `\n    min-width: 20px;\n  `;\n});\n\nexport {\n  FilterListWrapper,\n  FilterTabWrapper,\n  HeaderWrapper,\n  LoaderWrapper,\n  NoResourceText,\n  ResourceCountWrapper,\n  SearchContainer,\n};\n"],"names":["HeaderWrapper","styled","FlexView","theme","$noBorder","WHITE_5","LoaderWrapper","NoResourceText","Text","SearchContainer","FilterListWrapper","HEADER_HEIGHT","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;;AAUM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAkB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACzE,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,MACH,CAACC,KAAa,4BAA4BC,CAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAMzD,CAAC,GAEKC,IAAgBL,EAAO,IAAI,CAAC,EAAE,OAAAE,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAa1BA,EAAM,OAAO,SAAS,CAAC;AAAA,kBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAIxC,GAEKI,IAAiBN,EAAOO,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAkBR,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACnC;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAEKO,IAAoBT,EAAOC,CAAQ,EAAE,MAClC;AAAA;AAAA,2BAEkBS,CAAa;AAAA,GAEvC,GAMKC,IAAmBX,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAU,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYV,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKW,IAAuBb,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}