@erpsquad/common 1.8.40 → 1.8.42

package/dist/components/activity-tag/activity-tag/index.esm.js

@@ -1,153 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { styled, TextField } from "@mui/material";
-import Timeline from "@mui/lab/Timeline";
-import TimelineItem from "@mui/lab/TimelineItem";
-import TimelineSeparator from "@mui/lab/TimelineSeparator";
-import TimelineConnector from "@mui/lab/TimelineConnector";
-import TimelineContent from "@mui/lab/TimelineContent";
-import TimelineDot from "@mui/lab/TimelineDot";
-/* empty css                             */
-import { images } from "../../../images/index.esm.js";
-import { Avatar } from "../../avatar/avatar/index.esm.js";
-import Accordion from "../../accordion/accordion/index.esm.js";
-import { useAuth } from "../../../hooks/useAuth/index.esm.js";
-import formatText from "../../../utils/format-text/index.esm.js";
-import { Typography } from "../../typography/typography/index.esm.js";
-const StyledTextField = styled(TextField)(({ theme: { palette } }) => {
-  var _a, _b, _c, _d;
-  return {
-    width: "100%",
-    "& .MuiOutlinedInput-root": {
-      height: "2rem",
-      "& fieldset": {
-        borderColor: (_a = palette.theme) == null ? void 0 : _a.secondary[300],
-        borderWidth: 2
-      },
-      "&:hover fieldset": {
-        borderColor: (_b = palette.theme) == null ? void 0 : _b.secondary[300]
-      },
-      "&.Mui-focused fieldset": {
-        // borderWidth: "0.0625rem",
-        // borderStyle: "solid",
-        borderColor: (_c = palette.theme) == null ? void 0 : _c.primary[700]
-      },
-      "&.Mui-error fieldset": {
-        borderColor: (_d = palette.theme) == null ? void 0 : _d.error[600]
-      }
-    }
-  };
-});
-const ActivityTag = (props) => {
-  const {
-    type,
-    data,
-    placeholder,
-    error = false,
-    textfield,
-    textfieldTitle,
-    onCommentSubmit,
-    onChange,
-    containerProps,
-    accordion = true,
-    ...rest
-  } = props;
-  const { user } = useAuth();
-  const chatRef = useRef(null);
-  const scrollToBottom = () => {
-    if (chatRef.current) {
-      chatRef.current.scrollTop = chatRef.current.scrollHeight;
-    }
-  };
-  useEffect(() => {
-    scrollToBottom();
-  }, [data]);
-  const formatDateTime = (dateTime) => {
-    const currentDate = /* @__PURE__ */ new Date();
-    const commentDate = new Date(dateTime);
-    const timeDifference = currentDate.getTime() - commentDate.getTime();
-    const secondsDifference = Math.floor(timeDifference / 1e3);
-    const minutesDifference = Math.floor(secondsDifference / 60);
-    const hoursDifference = Math.floor(minutesDifference / 60);
-    if (secondsDifference < 60) {
-      return `${secondsDifference} second${secondsDifference !== 1 ? "s" : ""} ago`;
-    } else if (minutesDifference < 60) {
-      return `${minutesDifference} minute${minutesDifference !== 1 ? "s" : ""} ago`;
-    } else if (hoursDifference < 24) {
-      return `${hoursDifference} hour${hoursDifference !== 1 ? "s" : ""} ago`;
-    } else {
-      const optionsDate = {
-        day: "numeric",
-        month: "short",
-        year: "numeric"
-      };
-      const optionsTime = {
-        hour: "numeric",
-        minute: "numeric",
-        hour12: false
-      };
-      const formattedDate = commentDate.toLocaleString("en-US", optionsDate);
-      const formattedTime = commentDate.toLocaleString("en-US", optionsTime);
-      return `${formattedDate} • ${formattedTime}`;
-    }
-  };
-  const handleKeyPress = (event) => {
-    if (event.key === "Enter") {
-      const commentValue = event.target.value;
-      if (commentValue.trim() !== "") {
-        onCommentSubmit(commentValue);
-        scrollToBottom();
-      }
-    }
-  };
-  const timelineItems = type === "activity" ? data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ jsx("div", { className: "Timeline--Activity", children: /* @__PURE__ */ jsxs(TimelineItem, { children: [
-    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
-      /* @__PURE__ */ jsx(TimelineDot, {}),
-      data.length - 1 !== index && /* @__PURE__ */ jsx(TimelineConnector, {})
-    ] }),
-    /* @__PURE__ */ jsx(TimelineContent, { className: "Timeline--Content", children: /* @__PURE__ */ jsxs(Typography, { type: "s4", color: "theme.secondary.800", className: "Timeline--ActivityLogItem", children: [
-      item.message,
-      " · ",
-      formatDateTime(item.created_at)
-    ] }) })
-  ] }, index) })) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "Timeline--Chat", ref: chatRef, children: data.map((item, index) => /* @__PURE__ */ jsxs(TimelineItem, { children: [
-    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
-      /* @__PURE__ */ jsx(Avatar, { src: images.chat, size: 17 }),
-      /* @__PURE__ */ jsx(TimelineConnector, {})
-    ] }),
-    /* @__PURE__ */ jsxs(TimelineContent, { children: [
-      item.name,
-      " commented this · ",
-      formatDateTime(item.created_at),
-      /* @__PURE__ */ jsx("div", { className: "Timeline--CommentWrap", children: /* @__PURE__ */ jsx("p", { className: "Timeline--Comment", children: item.message }) })
-    ] })
-  ] }, index)) }) });
-  return (
-    // <Box position='relative'>
-    /* @__PURE__ */ jsx("div", { className: "ActivityContainer", ...containerProps, children: /* @__PURE__ */ jsxs(Timeline, { className: "Timeline", children: [
-      accordion ? /* @__PURE__ */ jsx(Accordion, { title: "Activities", accordionProps: { defaultExpanded: true }, children: timelineItems }) : /* @__PURE__ */ jsx("div", { className: "Timeline--ActivityBox", children: timelineItems }),
-      textfield && /* @__PURE__ */ jsxs("div", { className: "Timeline--CommentBox", children: [
-        textfieldTitle,
-        /* @__PURE__ */ jsxs("div", { className: "Timeline--CommentText", children: [
-          /* @__PURE__ */ jsx(Avatar, { size: 32, alt: formatText(user == null ? void 0 : user.full_name), className: "avatar-class" }),
-          /* @__PURE__ */ jsx(
-            StyledTextField,
-            {
-              error,
-              placeholder,
-              className: "textfield",
-              onKeyDown: handleKeyPress,
-              onChange,
-              ...rest
-            }
-          )
-        ] })
-      ] })
-    ] }) })
-  );
-};
-export {
-  ActivityTag,
-  ActivityTag as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/components/activity-tag/activity-tag/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n  width: \"100%\",\n  \"& .MuiOutlinedInput-root\": {\n    height: '2rem',\n    \"& fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n      borderWidth: 2\n    },\n    \"&:hover fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n    },\n    \"&.Mui-focused fieldset\": {\n      // borderWidth: \"0.0625rem\",\n      // borderStyle: \"solid\",\n      borderColor: palette.theme?.primary[700],\n    },\n    \"&.Mui-error fieldset\": {\n      borderColor: palette.theme?.error[600],\n    },\n  },\n}));\n\nexport const ActivityTag = (props: any) => {\n  const {\n    type,\n    data,\n    placeholder,\n    error = false,\n    textfield,\n    textfieldTitle,\n    onCommentSubmit,\n    onChange,\n    containerProps,\n    accordion = true,\n    ...rest\n  } = props;\n  const { user } = useAuth()\n\n  const chatRef = useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (chatRef.current) {\n      chatRef.current.scrollTop = chatRef.current.scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [data]);\n\n  const formatDateTime = (dateTime: string) => {\n    const currentDate = new Date();\n    const commentDate = new Date(dateTime);\n    const timeDifference = currentDate.getTime() - commentDate.getTime();\n    const secondsDifference = Math.floor(timeDifference / 1000);\n    const minutesDifference = Math.floor(secondsDifference / 60);\n    const hoursDifference = Math.floor(minutesDifference / 60);\n\n    if (secondsDifference < 60) {\n      return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (minutesDifference < 60) {\n      return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (hoursDifference < 24) {\n      return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n    } else {\n      // Format the date in the desired format\n      const optionsDate: Intl.DateTimeFormatOptions = {\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric'\n      };\n\n      const optionsTime: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: false\n      };\n\n      const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n      const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n      return `${formattedDate} • ${formattedTime}`;\n    }\n  };\n\n  const handleKeyPress = (event: any) => {\n    if (event.key === 'Enter') {\n      const commentValue = (event.target as HTMLInputElement).value;\n      if (commentValue.trim() !== '') {\n        onCommentSubmit(commentValue);\n        scrollToBottom();\n      }\n    }\n  };\n\n  const timelineItems =\n    type === \"activity\" ? (\n      data?.map((item: any, index: number) => (\n        <div className=\"Timeline--Activity\">\n          <TimelineItem key={index}>\n            <TimelineSeparator>\n              <TimelineDot />\n              {data.length - 1 !== index && <TimelineConnector />}\n            </TimelineSeparator>\n            <TimelineContent className=\"Timeline--Content\">\n              <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n                {item.message} · {formatDateTime(item.created_at)}\n              </Typography>\n            </TimelineContent>\n          </TimelineItem>\n        </div>\n      ))\n    ) : (\n      <>\n        <div className=\"Timeline--Chat\" ref={chatRef}>\n          {data.map((item: any, index: number) => (\n            <TimelineItem key={index}>\n              <TimelineSeparator>\n                <Avatar src={images.chat} size={17} />\n                <TimelineConnector />\n              </TimelineSeparator>\n              <TimelineContent>\n                {item.name} commented this · {formatDateTime(item.created_at)}\n                <div className=\"Timeline--CommentWrap\">\n                  <p className=\"Timeline--Comment\">{item.message}</p>\n                </div>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </div>\n      </>\n    );\n\n  // const avatarStyle = {\n  //   borderRadius: '0.5rem',\n  //   padding: '0.875rem 1.28125rem',\n  //   textAlign: 'center',\n  //   backgroundColor: `${randomColor}.200`,\n  //   color: `${randomColor}.1000`\n  // };\n\n  return (\n    // <Box position='relative'>\n    <div className=\"ActivityContainer\" {...containerProps}>\n      <Timeline className=\"Timeline\">\n        {accordion ? \n          <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n          {timelineItems}\n        </Accordion> : \n        <div className=\"Timeline--ActivityBox\">\n          {timelineItems}\n        </div>\n        }\n        {textfield && (\n          <div className=\"Timeline--CommentBox\">\n            {textfieldTitle}\n            <div className=\"Timeline--CommentText\">\n              <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n              <StyledTextField\n                error={error}\n                placeholder={placeholder}\n                className=\"textfield\"\n                onKeyDown={handleKeyPress}\n                onChange={onChange}\n                {...rest}\n              />\n            </div>\n          </div>\n        )}\n      </Timeline>\n    </div>\n    // </Box>\n  );\n};\n\nexport default ActivityTag;\n"],"names":["MUITextField"],"mappings":"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"}

package/dist/components/activity-tag/activity-tag/index.js

@@ -1,15 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("@mui/lab/Timeline"),a=require("@mui/lab/TimelineItem"),l=require("@mui/lab/TimelineSeparator"),n=require("@mui/lab/TimelineConnector"),s=require("@mui/lab/TimelineContent"),o=require("@mui/lab/TimelineDot");;/* empty css                          */var d=,/* empty css                     */c=,/* empty css                         */u=,/* empty css                               */m=,/* empty css                            */h=,/* empty css                                */x=;/* empty css                                 */function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=/* @__PURE__ */f(t),v=/* @__PURE__ */f(a),p=/* @__PURE__ */f(l),y=/* @__PURE__ */f(n),g=/* @__PURE__ */f(s),T=/* @__PURE__ */f(o);const q=i.styled(i.TextField)(({theme:{palette:e}})=>{var r,i,t,a;return{width:"100%","& .MuiOutlinedInput-root":{height:"2rem","& fieldset":{borderColor:null==(r=e.theme)?void 0:r.secondary[300],borderWidth:2},"&:hover fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[300]},"&.Mui-focused fieldset":{borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(a=e.theme)?void 0:a.error[600]}}}}),C=i=>{const{type:t,data:a,placeholder:l,error:n=!1,textfield:s,textfieldTitle:o,onCommentSubmit:f,onChange:C,containerProps:b,accordion:N=!0,...A}=i,{user:$}=m.useAuth(),M=r.useRef(null),S=()=>{M.current&&(M.current.scrollTop=M.current.scrollHeight)};r.useEffect(()=>{S()},[a]);const _=e=>{const r=/* @__PURE__ */new Date,i=new Date(e),t=r.getTime()-i.getTime(),a=Math.floor(t/1e3),l=Math.floor(a/60),n=Math.floor(l/60);if(a<60)return`${a} second${1!==a?"s":""} ago`;if(l<60)return`${l} minute${1!==l?"s":""} ago`;if(n<24)return`${n} hour${1!==n?"s":""} ago`;{const e={day:"numeric",month:"short",year:"numeric"},r={hour:"numeric",minute:"numeric",hour12:!1};return`${i.toLocaleString("en-US",e)} • ${i.toLocaleString("en-US",r)}`}},w="activity"===t?null==a?void 0:a.map((r,i)=>/* @__PURE__ */e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(v.default,{children:[
-/* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsx(T.default,{}),a.length-1!==i&&/* @__PURE__ */e.jsx(y.default,{})]}),
-/* @__PURE__ */e.jsx(g.default,{className:"Timeline--Content",children:/* @__PURE__ */e.jsxs(x.Typography,{type:"s4",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[r.message," · ",_(r.created_at)]})})]},i)})):/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("div",{className:"Timeline--Chat",ref:M,children:a.map((r,i)=>/* @__PURE__ */e.jsxs(v.default,{children:[
-/* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsx(c.Avatar,{src:d.images.chat,size:17}),
-/* @__PURE__ */e.jsx(y.default,{})]}),
-/* @__PURE__ */e.jsxs(g.default,{children:[r.name," commented this · ",_(r.created_at),
-/* @__PURE__ */e.jsx("div",{className:"Timeline--CommentWrap",children:/* @__PURE__ */e.jsx("p",{className:"Timeline--Comment",children:r.message})})]})]},i))})});
-/* @__PURE__ */
-return e.jsx("div",{className:"ActivityContainer",...b,children:/* @__PURE__ */e.jsxs(j.default,{className:"Timeline",children:[N?/* @__PURE__ */e.jsx(u.default,{title:"Activities",accordionProps:{defaultExpanded:!0},children:w}):/* @__PURE__ */e.jsx("div",{className:"Timeline--ActivityBox",children:w}),s&&/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentBox",children:[o,
-/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentText",children:[
-/* @__PURE__ */e.jsx(c.Avatar,{size:32,alt:h.default(null==$?void 0:$.full_name),className:"avatar-class"}),
-/* @__PURE__ */e.jsx(q,{error:n,placeholder:l,className:"textfield",onKeyDown:e=>{if("Enter"===e.key){const r=e.target.value;""!==r.trim()&&(f(r),S())}},onChange:C,...A})]})]})]})})};exports.ActivityTag=C,exports.default=C;
-//# sourceMappingURL=index.js.map

package/dist/components/activity-tag/activity-tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n  width: \"100%\",\n  \"& .MuiOutlinedInput-root\": {\n    height: '2rem',\n    \"& fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n      borderWidth: 2\n    },\n    \"&:hover fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n    },\n    \"&.Mui-focused fieldset\": {\n      // borderWidth: \"0.0625rem\",\n      // borderStyle: \"solid\",\n      borderColor: palette.theme?.primary[700],\n    },\n    \"&.Mui-error fieldset\": {\n      borderColor: palette.theme?.error[600],\n    },\n  },\n}));\n\nexport const ActivityTag = (props: any) => {\n  const {\n    type,\n    data,\n    placeholder,\n    error = false,\n    textfield,\n    textfieldTitle,\n    onCommentSubmit,\n    onChange,\n    containerProps,\n    accordion = true,\n    ...rest\n  } = props;\n  const { user } = useAuth()\n\n  const chatRef = useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (chatRef.current) {\n      chatRef.current.scrollTop = chatRef.current.scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [data]);\n\n  const formatDateTime = (dateTime: string) => {\n    const currentDate = new Date();\n    const commentDate = new Date(dateTime);\n    const timeDifference = currentDate.getTime() - commentDate.getTime();\n    const secondsDifference = Math.floor(timeDifference / 1000);\n    const minutesDifference = Math.floor(secondsDifference / 60);\n    const hoursDifference = Math.floor(minutesDifference / 60);\n\n    if (secondsDifference < 60) {\n      return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (minutesDifference < 60) {\n      return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (hoursDifference < 24) {\n      return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n    } else {\n      // Format the date in the desired format\n      const optionsDate: Intl.DateTimeFormatOptions = {\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric'\n      };\n\n      const optionsTime: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: false\n      };\n\n      const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n      const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n      return `${formattedDate} • ${formattedTime}`;\n    }\n  };\n\n  const handleKeyPress = (event: any) => {\n    if (event.key === 'Enter') {\n      const commentValue = (event.target as HTMLInputElement).value;\n      if (commentValue.trim() !== '') {\n        onCommentSubmit(commentValue);\n        scrollToBottom();\n      }\n    }\n  };\n\n  const timelineItems =\n    type === \"activity\" ? (\n      data?.map((item: any, index: number) => (\n        <div className=\"Timeline--Activity\">\n          <TimelineItem key={index}>\n            <TimelineSeparator>\n              <TimelineDot />\n              {data.length - 1 !== index && <TimelineConnector />}\n            </TimelineSeparator>\n            <TimelineContent className=\"Timeline--Content\">\n              <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n                {item.message} · {formatDateTime(item.created_at)}\n              </Typography>\n            </TimelineContent>\n          </TimelineItem>\n        </div>\n      ))\n    ) : (\n      <>\n        <div className=\"Timeline--Chat\" ref={chatRef}>\n          {data.map((item: any, index: number) => (\n            <TimelineItem key={index}>\n              <TimelineSeparator>\n                <Avatar src={images.chat} size={17} />\n                <TimelineConnector />\n              </TimelineSeparator>\n              <TimelineContent>\n                {item.name} commented this · {formatDateTime(item.created_at)}\n                <div className=\"Timeline--CommentWrap\">\n                  <p className=\"Timeline--Comment\">{item.message}</p>\n                </div>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </div>\n      </>\n    );\n\n  // const avatarStyle = {\n  //   borderRadius: '0.5rem',\n  //   padding: '0.875rem 1.28125rem',\n  //   textAlign: 'center',\n  //   backgroundColor: `${randomColor}.200`,\n  //   color: `${randomColor}.1000`\n  // };\n\n  return (\n    // <Box position='relative'>\n    <div className=\"ActivityContainer\" {...containerProps}>\n      <Timeline className=\"Timeline\">\n        {accordion ? \n          <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n          {timelineItems}\n        </Accordion> : \n        <div className=\"Timeline--ActivityBox\">\n          {timelineItems}\n        </div>\n        }\n        {textfield && (\n          <div className=\"Timeline--CommentBox\">\n            {textfieldTitle}\n            <div className=\"Timeline--CommentText\">\n              <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n              <StyledTextField\n                error={error}\n                placeholder={placeholder}\n                className=\"textfield\"\n                onKeyDown={handleKeyPress}\n                onChange={onChange}\n                {...rest}\n              />\n            </div>\n          </div>\n        )}\n      </Timeline>\n    </div>\n    // </Box>\n  );\n};\n\nexport default ActivityTag;\n"],"names":["StyledTextField","styled","MUITextField","theme","palette","width","height","borderColor","_a","secondary","borderWidth","_b","_c","primary","_d","error","ActivityTag","props","type","data","placeholder","textfield","textfieldTitle","onCommentSubmit","onChange","containerProps","accordion","rest","user","useAuth","chatRef","useRef","scrollToBottom","current","scrollTop","scrollHeight","useEffect","formatDateTime","dateTime","currentDate","Date","commentDate","timeDifference","getTime","secondsDifference","Math","floor","minutesDifference","hoursDifference","optionsDate","day","month","year","optionsTime","hour","minute","hour12","toLocaleString","timelineItems","map","item","index","jsx","className","children","TimelineItem","jsxs","TimelineSeparator","TimelineDot","length","TimelineConnector","TimelineContent","Typography","color","message","created_at","Fragment","ref","Avatar","src","images","chat","size","name","Timeline","Accordion","title","accordionProps","defaultExpanded","alt","formatText","full_name","onKeyDown","event","key","commentValue","target","value","trim"],"mappings":"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"}

package/dist/components/activityLog/activity-log/index.esm.js

@@ -1,104 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box } from "@mui/material";
-import Timeline from "@mui/lab/Timeline";
-import TimelineItem from "@mui/lab/TimelineItem";
-import TimelineSeparator from "@mui/lab/TimelineSeparator";
-import TimelineConnector from "@mui/lab/TimelineConnector";
-import TimelineContent from "@mui/lab/TimelineContent";
-import TimelineDot from "@mui/lab/TimelineDot";
-/* empty css                             */
-import { Typography } from "../../typography/typography/index.esm.js";
-import dayjs from "dayjs";
-import formatText from "../../../utils/format-text/index.esm.js";
-import { useTranslation } from "react-i18next";
-const ActivityTag = (props) => {
-  const { t } = useTranslation();
-  const { data } = props;
-  const formatDateTime = (date) => {
-    const formattedDate = dayjs(date).format("DD MMM, YYYY");
-    const formattedTime = dayjs(date).format("HH:mm");
-    return `${formattedDate} • ${formattedTime}`;
-  };
-  const actions = {
-    view: t("common.viewed_text"),
-    delete: t("common.deleted_text"),
-    create: t("common.created_text"),
-    update: t("common.updated_text")
-  };
-  return (
-    // <Box position='relative'>
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Timeline, { className: "Timeline", children: /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          gap: 2,
-          padding: "16px"
-        },
-        className: "box-class",
-        children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.secondary.800", children: t("common.activities_label") }),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              sx: {
-                height: 400,
-                overflowY: "auto",
-                gap: 1.5,
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: data == null ? void 0 : data.map((item, index) => {
-                var _a;
-                return /* @__PURE__ */ jsx("div", { className: "Timeline--Activity", children: /* @__PURE__ */ jsxs(TimelineItem, { children: [
-                  /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
-                    /* @__PURE__ */ jsx(
-                      TimelineDot,
-                      {
-                        color: "primary",
-                        sx: { backgroundColor: "#D3D3D4" }
-                      }
-                    ),
-                    data.length - 1 !== index && /* @__PURE__ */ jsx(TimelineConnector, {})
-                  ] }),
-                  /* @__PURE__ */ jsxs(TimelineContent, { className: "Timeline--Content", children: [
-                    /* @__PURE__ */ jsxs(
-                      Typography,
-                      {
-                        type: "s5",
-                        color: "theme.secondary.800",
-                        className: "Timeline--ActivityLogItem",
-                        children: [
-                          /* @__PURE__ */ jsx("b", { children: formatText(item.username) }),
-                          " ",
-                          actions[item.action],
-                          " ",
-                          /* @__PURE__ */ jsx("b", { children: formatText((_a = item.resource) == null ? void 0 : _a.replace("_", " ")) })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Typography,
-                      {
-                        type: "s5",
-                        color: "theme.secondary.800",
-                        className: "Timeline--ActivityLogItem",
-                        children: formatDateTime(item == null ? void 0 : item.created_at)
-                      }
-                    )
-                  ] })
-                ] }, index) });
-              })
-            }
-          )
-        ]
-      }
-    ) }) })
-  );
-};
-export {
-  ActivityTag,
-  ActivityTag as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/components/activityLog/activity-log/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/activityLog/activity-log.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@mui/material';\nimport Timeline from '@mui/lab/Timeline';\nimport TimelineItem from '@mui/lab/TimelineItem';\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\nimport TimelineConnector from '@mui/lab/TimelineConnector';\nimport TimelineContent from '@mui/lab/TimelineContent';\nimport TimelineDot from '@mui/lab/TimelineDot';\nimport './activity-log.scss';\nimport Typography from '../typography/typography';\nimport dayjs from 'dayjs';\nimport formatText from '../../utils/format-text';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActivityTag = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { data } = props;\n\n\tconst formatDateTime = (date: Date): string => {\n\t\tconst formattedDate = dayjs(date).format('DD MMM, YYYY');\n\t\tconst formattedTime = dayjs(date).format('HH:mm');\n\t\treturn `${formattedDate} • ${formattedTime}`;\n\t};\n\n\tconst actions = {\n\t\tview: t('common.viewed_text'),\n\t\tdelete: t('common.deleted_text'),\n\t\tcreate: t('common.created_text'),\n\t\tupdate: t('common.updated_text')\n\t};\n\treturn (\n\t\t// <Box position='relative'>\n\t\t<Box>\n\t\t\t<Timeline className='Timeline'>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 2,\n\t\t\t\t\t\tpadding: '16px'\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='box-class'>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t{t('common.activities_label')}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\theight: 400,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tgap: 1.5,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{data?.map((item: any, index: number) => (\n\t\t\t\t\t\t\t<div className='Timeline--Activity'>\n\t\t\t\t\t\t\t\t<TimelineItem key={index}>\n\t\t\t\t\t\t\t\t\t<TimelineSeparator>\n\t\t\t\t\t\t\t\t\t\t<TimelineDot\n\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\n\t\t\t\t\t\t\t\t\t\t\tsx={{ backgroundColor: '#D3D3D4' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{data.length - 1 !== index && <TimelineConnector />}\n\t\t\t\t\t\t\t\t\t</TimelineSeparator>\n\t\t\t\t\t\t\t\t\t<TimelineContent className='Timeline--Content'>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.username)}</b> {actions[item.action]}{' '}\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.resource?.replace('_', ' '))}</b>\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t{formatDateTime(item?.created_at)}\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t</TimelineContent>\n\t\t\t\t\t\t\t\t</TimelineItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Timeline>\n\t\t</Box>\n\t\t// </Box>\n\t);\n};\n\nexport default ActivityTag;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeO,MAAM,cAAc,CAAC,UAAe;AAC1C,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,SAAS;AAEjB,QAAM,iBAAiB,CAAC,SAAuB;AAC9C,UAAM,gBAAgB,MAAM,IAAI,EAAE,OAAO,cAAc;AACvD,UAAM,gBAAgB,MAAM,IAAI,EAAE,OAAO,OAAO;AAChD,WAAO,GAAG,aAAa,MAAM,aAAa;AAAA,EAC3C;AAEA,QAAM,UAAU;AAAA,IACf,MAAM,EAAE,oBAAoB;AAAA,IAC5B,QAAQ,EAAE,qBAAqB;AAAA,IAC/B,QAAQ,EAAE,qBAAqB;AAAA,IAC/B,QAAQ,EAAE,qBAAqB;AAAA,EAAA;AAEhC;AAAA;AAAA,IAEC,oBAAC,KAAA,EACA,UAAA,oBAAC,UAAA,EAAS,WAAU,YACnB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,IAAI;AAAA,UACH,SAAS;AAAA,UACT,eAAe;AAAA,UACf,KAAK;AAAA,UACL,SAAS;AAAA,QAAA;AAAA,QAEV,WAAU;AAAA,QACV,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAC1C,UAAA,EAAE,yBAAyB,EAAA,CAC7B;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,IAAI;AAAA,gBACH,QAAQ;AAAA,gBACR,WAAW;AAAA,gBACX,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,eAAe;AAAA,cAAA;AAAA,cAEf,UAAA,6BAAM,IAAI,CAAC,MAAW,UAAA;;2CACrB,OAAA,EAAI,WAAU,sBACd,UAAA,qBAAC,cAAA,EACA,UAAA;AAAA,kBAAA,qBAAC,mBAAA,EACA,UAAA;AAAA,oBAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,OAAM;AAAA,wBACN,IAAI,EAAE,iBAAiB,UAAA;AAAA,sBAAU;AAAA,oBAAA;AAAA,oBAEjC,KAAK,SAAS,MAAM,6BAAU,mBAAA,CAAA,CAAkB;AAAA,kBAAA,GAClD;AAAA,kBACA,qBAAC,iBAAA,EAAgB,WAAU,qBAC1B,UAAA;AAAA,oBAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,MAAK;AAAA,wBACL,OAAM;AAAA,wBACN,WAAU;AAAA,wBACV,UAAA;AAAA,0BAAA,oBAAC,KAAA,EAAG,UAAA,WAAW,KAAK,QAAQ,GAAE;AAAA,0BAAI;AAAA,0BAAE,QAAQ,KAAK,MAAM;AAAA,0BAAG;AAAA,0BAC1D,oBAAC,OAAG,UAAA,YAAW,UAAK,aAAL,mBAAe,QAAQ,KAAK,IAAI,EAAA,CAAE;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAElD;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,MAAK;AAAA,wBACL,OAAM;AAAA,wBACN,WAAU;AAAA,wBACT,UAAA,eAAe,6BAAM,UAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACjC,EAAA,CACD;AAAA,gBAAA,EAAA,GAtBkB,KAuBnB,GACD;AAAA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAEF,EAAA,CACD;AAAA;AAGF;"}

package/dist/components/activityLog/activity-log/index.js

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("@mui/lab/Timeline"),r=require("@mui/lab/TimelineItem"),l=require("@mui/lab/TimelineSeparator"),a=require("@mui/lab/TimelineConnector"),o=require("@mui/lab/TimelineContent"),s=require("@mui/lab/TimelineDot");;/* empty css                          */var n=,/* empty css                                 */c=require("dayjs"),d=,/* empty css                                */u=require("react-i18next");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=/* @__PURE__ */m(t),p=/* @__PURE__ */m(r),y=/* @__PURE__ */m(l),h=/* @__PURE__ */m(a),f=/* @__PURE__ */m(o),j=/* @__PURE__ */m(s),v=/* @__PURE__ */m(c);const g=t=>{const{t:r}=u.useTranslation(),{data:l}=t,a={view:r("common.viewed_text"),delete:r("common.deleted_text"),create:r("common.created_text"),update:r("common.updated_text")};
-/* @__PURE__ */
-return e.jsx(i.Box,{children:/* @__PURE__ */e.jsx(x.default,{className:"Timeline",children:/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",flexDirection:"column",gap:2,padding:"16px"},className:"box-class",children:[
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",children:r("common.activities_label")}),
-/* @__PURE__ */e.jsx(i.Box,{sx:{height:400,overflowY:"auto",gap:1.5,display:"flex",flexDirection:"column"},children:null==l?void 0:l.map((i,t)=>{var r,o;/* @__PURE__ */
-return e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsxs(y.default,{children:[
-/* @__PURE__ */e.jsx(j.default,{color:"primary",sx:{backgroundColor:"#D3D3D4"}}),l.length-1!==t&&/* @__PURE__ */e.jsx(h.default,{})]}),
-/* @__PURE__ */e.jsxs(f.default,{className:"Timeline--Content",children:[
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[
-/* @__PURE__ */e.jsx("b",{children:d.default(i.username)})," ",a[i.action]," ",
-/* @__PURE__ */e.jsx("b",{children:d.default(null==(r=i.resource)?void 0:r.replace("_"," "))})]}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:(o=null==i?void 0:i.created_at,`${v.default(o).format("DD MMM, YYYY")} • ${v.default(o).format("HH:mm")}`)})]})]},t)})})})]})})})};exports.ActivityTag=g,exports.default=g;
-//# sourceMappingURL=index.js.map

package/dist/components/activityLog/activity-log/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/activityLog/activity-log.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@mui/material';\nimport Timeline from '@mui/lab/Timeline';\nimport TimelineItem from '@mui/lab/TimelineItem';\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\nimport TimelineConnector from '@mui/lab/TimelineConnector';\nimport TimelineContent from '@mui/lab/TimelineContent';\nimport TimelineDot from '@mui/lab/TimelineDot';\nimport './activity-log.scss';\nimport Typography from '../typography/typography';\nimport dayjs from 'dayjs';\nimport formatText from '../../utils/format-text';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActivityTag = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { data } = props;\n\n\tconst formatDateTime = (date: Date): string => {\n\t\tconst formattedDate = dayjs(date).format('DD MMM, YYYY');\n\t\tconst formattedTime = dayjs(date).format('HH:mm');\n\t\treturn `${formattedDate} • ${formattedTime}`;\n\t};\n\n\tconst actions = {\n\t\tview: t('common.viewed_text'),\n\t\tdelete: t('common.deleted_text'),\n\t\tcreate: t('common.created_text'),\n\t\tupdate: t('common.updated_text')\n\t};\n\treturn (\n\t\t// <Box position='relative'>\n\t\t<Box>\n\t\t\t<Timeline className='Timeline'>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 2,\n\t\t\t\t\t\tpadding: '16px'\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='box-class'>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t{t('common.activities_label')}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\theight: 400,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tgap: 1.5,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{data?.map((item: any, index: number) => (\n\t\t\t\t\t\t\t<div className='Timeline--Activity'>\n\t\t\t\t\t\t\t\t<TimelineItem key={index}>\n\t\t\t\t\t\t\t\t\t<TimelineSeparator>\n\t\t\t\t\t\t\t\t\t\t<TimelineDot\n\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\n\t\t\t\t\t\t\t\t\t\t\tsx={{ backgroundColor: '#D3D3D4' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{data.length - 1 !== index && <TimelineConnector />}\n\t\t\t\t\t\t\t\t\t</TimelineSeparator>\n\t\t\t\t\t\t\t\t\t<TimelineContent className='Timeline--Content'>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.username)}</b> {actions[item.action]}{' '}\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.resource?.replace('_', ' '))}</b>\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t{formatDateTime(item?.created_at)}\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t</TimelineContent>\n\t\t\t\t\t\t\t\t</TimelineItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Timeline>\n\t\t</Box>\n\t\t// </Box>\n\t);\n};\n\nexport default ActivityTag;\n"],"names":["ActivityTag","props","t","useTranslation","data","actions","view","delete","create","update","jsx","Box","children","Timeline","className","jsxs","sx","display","flexDirection","gap","padding","Typography","type","weight","color","height","overflowY","map","item","index","date","TimelineItem","TimelineSeparator","TimelineDot","backgroundColor","length","TimelineConnector","TimelineContent","formatText","username","action","_a","resource","replace","created_at","dayjs","format"],"mappings":"gwBAeO,MAAMA,EAAeC,IAC3B,MAAMC,EAAEA,GAAMC,oBACRC,KAAEA,GAASH,EAQXI,EAAU,CACfC,KAAMJ,EAAE,sBACRK,OAAQL,EAAE,uBACVM,OAAQN,EAAE,uBACVO,OAAQP,EAAE;;AAEX,OAECQ,MAACC,EAAAA,IAAA,CACAC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAASC,UAAU,WACnBF,wBAAAG,EAAAA,KAACJ,EAAAA,IAAA,CACAK,GAAI,CACHC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLC,QAAS,QAEVN,UAAU,YACVF,SAAA;eAAAF,EAAAA,IAACW,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAC1CZ,SAAAV,EAAE;eAEJQ,EAAAA,IAACC,EAAAA,IAAA,CACAK,GAAI,CACHS,OAAQ,IACRC,UAAW,OACXP,IAAK,IACLF,QAAS,OACTC,cAAe,UAEfN,SAAA,MAAAR,OAAA,EAAAA,EAAMuB,IAAI,CAACC,EAAWC,WAnCJC;aAoCjB,MAAA,CAAIhB,UAAU,qBACdF,wBAAAG,EAAAA,KAACgB,EAAAA,QAAA,CACAnB,SAAA;eAAAG,OAACiB,EAAAA,QAAA,CACApB,SAAA;eAAAF,EAAAA,IAACuB,EAAAA,QAAA,CACAT,MAAM,UACNR,GAAI,CAAEkB,gBAAiB,aAEvB9B,EAAK+B,OAAS,IAAMN,wBAAUO,EAAAA,QAAA,CAAA;iBAEhCrB,KAACsB,EAAAA,QAAA,CAAgBvB,UAAU,oBAC1BF,SAAA;eAAAG,EAAAA,KAACM,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACVF,SAAA;eAAAF,EAAAA,IAAC,IAAA,CAAGE,SAAA0B,EAAAA,QAAWV,EAAKW,YAAc,IAAElC,EAAQuB,EAAKY,QAAS;eAC1D9B,EAAAA,IAAC,KAAGE,SAAA0B,UAAW,OAAAG,EAAAb,EAAKc,eAAL,EAAAD,EAAeE,QAAQ,IAAK;eAE5CjC,EAAAA,IAACW,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACTF,UAzDakB,EAyDE,MAAAF,OAAA,EAAAA,EAAMgB,WAtDxB,GAFeC,EAAAA,QAAMf,GAAMgB,OAAO,qBACnBD,EAAAA,QAAMf,GAAMgB,OAAO,mBAmChBjB"}

package/dist/components/button/button.scss/index.esm.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.esm.js.map

package/dist/components/button/button.scss/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/button/button.scss/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/dist/components/charts/bar-chart/bar-chart/index.esm.js

@@ -1,85 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useRef, useMemo, useEffect } from "react";
-import band from "../../../../node_modules/d3-scale/src/band/index.esm.js";
-import linear from "../../../../node_modules/d3-scale/src/linear/index.esm.js";
-import select from "../../../../node_modules/d3-selection/src/select/index.esm.js";
-import { axisBottom, axisLeft } from "../../../../node_modules/d3-axis/src/axis/index.esm.js";
-const formatNumber = (num) => {
-  if (num >= 1e9) return (num / 1e9).toFixed(1) + "B";
-  if (num >= 1e6) return (num / 1e6).toFixed(1) + "M";
-  if (num >= 1e3) return (num / 1e3).toFixed(1) + "K";
-  return num;
-};
-const BarChart = ({
-  data,
-  numOfLines = 5,
-  width = 500,
-  height = 300,
-  line = false
-}) => {
-  const svgRef = useRef(null);
-  const maxValue = useMemo(() => {
-    return Math.max(...data.map((d) => d.value));
-  }, [data]);
-  const yAxisMaxValue = useMemo(() => {
-    return maxValue * 1.25;
-  }, [maxValue]);
-  const yAxisTicks = useMemo(() => {
-    const ticks = [];
-    const interval = yAxisMaxValue / numOfLines;
-    for (let i = 0; i <= numOfLines; i++) {
-      ticks.push(interval * i);
-    }
-    return ticks;
-  }, [yAxisMaxValue, numOfLines]);
-  useEffect(() => {
-    if (!svgRef.current) return;
-    const svg = select(svgRef.current);
-    svg.selectAll("*").remove();
-    const margin = { top: 20, right: 20, bottom: 70, left: 40 };
-    const barWidth = width - margin.left - margin.right;
-    const barHeight = height - margin.top - margin.bottom;
-    const mousemove = (event, d) => {
-      var _a, _b;
-      let xPosition = event.offsetX + margin.left - 25;
-      const yPosition = event.offsetY + margin.top - 40;
-      const tooltipWidth = (_b = (_a = tooltip.node()) == null ? void 0 : _a.getBoundingClientRect()) == null ? void 0 : _b.width;
-      const rightOffset = tooltipWidth ? xPosition + tooltipWidth : xPosition;
-      if (rightOffset > width) {
-        xPosition = Math.floor(
-          tooltipWidth ? xPosition - tooltipWidth - 20 : xPosition - 20
-        );
-      }
-      const text = `${d.label} - ${d.value}`;
-      tooltip.attr("x", xPosition).attr("y", yPosition).style("opacity", 9).style("height", text.length >= 16 ? 50 : 35);
-      tooltipText.html(text);
-    };
-    const mouseleave = () => {
-      tooltip.style("opacity", 0);
-    };
-    const x = band().domain(data.map((d) => d.label)).range([0, barWidth]).padding(0.1);
-    const y = linear().domain([0, yAxisMaxValue]).range([barHeight, 0]);
-    const chart = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
-    if (line) {
-      yAxisTicks.slice(1).forEach((tick) => {
-        chart.append("line").attr("class", "dotted-line").attr("x1", 0).attr("y1", y(tick)).attr("x2", barWidth).attr("y2", y(tick)).style("stroke", "gray").style("stroke-dasharray", "3,3").style("opacity", 1);
-      });
-    }
-    chart.selectAll(".bar").data(data).enter().append("rect").attr("class", "bar").attr("x", (d) => x(d.label)).attr("y", (d) => y(d.value)).attr("width", x.bandwidth()).attr("height", (d) => barHeight - y(d.value)).style("fill", "#357AF6").style("opacity", "1").on("mousemove", mousemove).on("mouseleave", mouseleave);
-    const xAxis = chart.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${barHeight})`).call(axisBottom(x));
-    xAxis.selectAll(".tick line").remove();
-    const yAxis = chart.append("g").attr("class", "y-axis").call(
-      axisLeft(y).tickValues(yAxisTicks).tickFormat((d) => {
-        return formatNumber(d);
-      }).tickSizeOuter(0)
-    );
-    yAxis.selectAll(".tick line").remove();
-    const tooltip = svg.append("foreignObject").attr("class", "tooltip").attr("width", 120).attr("height", 20).style("opacity", 0).style("position", "absolute").style("background-color", "white").style("border", "none").style("box-shadow", "0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)").style("border-radius", "0.313rem").style("padding", "0.625rem").style("font-size", "0.75rem");
-    const tooltipText = tooltip.append("xhtml:div").style("font-size", "0.75rem").style("color", "black");
-  }, [data, height, width, line, yAxisMaxValue, yAxisTicks]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height }) });
-};
-export {
-  BarChart as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/components/charts/bar-chart/bar-chart/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/bar-chart/bar-chart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: DataPoint[];\n  numOfLines?: number;\n  width?: number;\n  height?: number;\n  line?: boolean;\n}\n\nconst formatNumber = (num: number) => {\n  if (num >= 1e9) return (num / 1e9).toFixed(1) + \"B\";\n  if (num >= 1e6) return (num / 1e6).toFixed(1) + \"M\";\n  if (num >= 1e3) return (num / 1e3).toFixed(1) + \"K\";\n  return num;\n};\n\nconst BarChart: React.FC<BarChartProps> = ({\n  data,\n  numOfLines = 5,\n  width = 500,\n  height = 300,\n  line = false,\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const maxValue = useMemo(() => {\n    return Math.max(...data.map((d) => d.value));\n  }, [data]);\n\n  const yAxisMaxValue = useMemo(() => {\n    return maxValue * 1.25;\n  }, [maxValue]);\n\n  const yAxisTicks = useMemo(() => {\n    const ticks = [];\n    const interval = yAxisMaxValue / numOfLines;\n    for (let i = 0; i <= numOfLines; i++) {\n      ticks.push(interval * i);\n    }\n    return ticks;\n  }, [yAxisMaxValue, numOfLines]);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = { top: 20, right: 20, bottom: 70, left: 40 };\n    const barWidth = width - margin.left - margin.right;\n    const barHeight = height - margin.top - margin.bottom;\n\n    const mousemove = (event: MouseEvent, d: DataPoint) => {\n      let xPosition = event.offsetX + margin.left - 25;\n      const yPosition = event.offsetY + margin.top - 40;\n      const tooltipWidth = tooltip.node()?.getBoundingClientRect()?.width;\n      const rightOffset = tooltipWidth ? xPosition + tooltipWidth : xPosition;\n      if (rightOffset > width) {\n        xPosition = Math.floor(\n          tooltipWidth ? xPosition - tooltipWidth - 20 : xPosition - 20,\n        );\n      }\n\n      const text = `${d.label} - ${d.value}`;\n      tooltip\n        .attr(\"x\", xPosition)\n        .attr(\"y\", yPosition)\n        .style(\"opacity\", 9)\n        .style(\"height\", text.length >= 16 ? 50 : 35);\n\n      tooltipText.html(text);\n    };\n\n    const mouseleave = () => {\n      tooltip.style(\"opacity\", 0);\n    };\n\n    const x = d3\n      .scaleBand()\n      .domain(data.map((d) => d.label))\n      .range([0, barWidth])\n      .padding(0.1);\n\n    const y = d3.scaleLinear().domain([0, yAxisMaxValue]).range([barHeight, 0]);\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    if (line) {\n      yAxisTicks.slice(1).forEach((tick) => {\n        chart\n          .append(\"line\")\n          .attr(\"class\", \"dotted-line\")\n          .attr(\"x1\", 0)\n          .attr(\"y1\", y(tick))\n          .attr(\"x2\", barWidth)\n          .attr(\"y2\", y(tick))\n          .style(\"stroke\", \"gray\")\n          .style(\"stroke-dasharray\", \"3,3\")\n          .style(\"opacity\", 1);\n      });\n    }\n\n    chart\n      .selectAll(\".bar\")\n      .data(data)\n      .enter()\n      .append(\"rect\")\n      .attr(\"class\", \"bar\")\n      //@ts-expect-error not applicable\n      .attr(\"x\", (d: any) => x(d.label))\n      .attr(\"y\", (d: any) => y(d.value))\n      .attr(\"width\", x.bandwidth())\n      .attr(\"height\", (d: any) => barHeight - y(d.value))\n      .style(\"fill\", \"#357AF6\")\n      .style(\"opacity\", \"1\")\n      .on(\"mousemove\", mousemove)\n      .on(\"mouseleave\", mouseleave);\n\n    const xAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"x-axis\")\n      .attr(\"transform\", `translate(0, ${barHeight})`)\n      .call(d3.axisBottom(x) as any);\n\n    xAxis.selectAll(\".tick line\").remove();\n\n    const yAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"y-axis\")\n      .call(\n        d3\n          .axisLeft(y)\n          .tickValues(yAxisTicks)\n          //@ts-expect-error not applicable\n          .tickFormat((d: any) => {\n            return formatNumber(d);\n          })\n          .tickSizeOuter(0) as any,\n      );\n\n    yAxis.selectAll(\".tick line\").remove();\n\n    const tooltip = svg\n      .append(\"foreignObject\")\n      .attr(\"class\", \"tooltip\")\n      .attr(\"width\", 120)\n      .attr(\"height\", 20)\n      .style(\"opacity\", 0)\n      .style(\"position\", \"absolute\")\n      .style(\"background-color\", \"white\")\n      .style(\"border\", \"none\")\n      .style(\"box-shadow\", \"0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)\")\n      .style(\"border-radius\", \"0.313rem\")\n      .style(\"padding\", \"0.625rem\")\n      .style(\"font-size\", \"0.75rem\");\n\n    const tooltipText = tooltip\n      .append(\"xhtml:div\")\n      .style(\"font-size\", \"0.75rem\")\n      .style(\"color\", \"black\");\n  }, [data, height, width, line, yAxisMaxValue, yAxisTicks]);\n\n  return (\n    <>\n      <svg ref={svgRef} width={width} height={height}></svg>\n    </>\n  );\n};\n\nexport default BarChart;\n"],"names":["d3.select","d3.scaleBand","d3.scaleLinear","d3.axisBottom","d3.axisLeft"],"mappings":"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"}

package/dist/components/charts/bar-chart/bar-chart/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../node_modules/d3-scale/src/band/index.js"),a=require("../../../../node_modules/d3-scale/src/linear/index.js"),s=require("../../../../node_modules/d3-selection/src/select/index.js"),l=require("../../../../node_modules/d3-axis/src/axis/index.js");exports.default=({data:o,numOfLines:i=5,width:n=500,height:d=300,line:c=!1})=>{const u=t.useRef(null),m=t.useMemo(()=>Math.max(...o.map(e=>e.value)),[o]),y=t.useMemo(()=>1.25*m,[m]),p=t.useMemo(()=>{const e=[],t=y/i;for(let r=0;r<=i;r++)e.push(t*r);return e},[y,i]);return t.useEffect(()=>{if(!u.current)return;const e=s.default(u.current);e.selectAll("*").remove();const t=n-40-20,i=d-20-70,m=r.default().domain(o.map(e=>e.label)).range([0,t]).padding(.1),h=a.default().domain([0,y]).range([i,0]),x=e.append("g").attr("transform","translate(40,20)");c&&p.slice(1).forEach(e=>{x.append("line").attr("class","dotted-line").attr("x1",0).attr("y1",h(e)).attr("x2",t).attr("y2",h(e)).style("stroke","gray").style("stroke-dasharray","3,3").style("opacity",1)}),x.selectAll(".bar").data(o).enter().append("rect").attr("class","bar").attr("x",e=>m(e.label)).attr("y",e=>h(e.value)).attr("width",m.bandwidth()).attr("height",e=>i-h(e.value)).style("fill","#357AF6").style("opacity","1").on("mousemove",(e,t)=>{var r,a;let s=e.offsetX+40-25;const l=e.offsetY+20-40,o=null==(a=null==(r=f.node())?void 0:r.getBoundingClientRect())?void 0:a.width;(o?s+o:s)>n&&(s=Math.floor(o?s-o-20:s-20));const i=`${t.label} - ${t.value}`;f.attr("x",s).attr("y",l).style("opacity",9).style("height",i.length>=16?50:35),g.html(i)}).on("mouseleave",()=>{f.style("opacity",0)}),x.append("g").attr("class","x-axis").attr("transform",`translate(0, ${i})`).call(l.axisBottom(m)).selectAll(".tick line").remove(),x.append("g").attr("class","y-axis").call(l.axisLeft(h).tickValues(p).tickFormat(e=>{return(t=e)>=1e9?(t/1e9).toFixed(1)+"B":t>=1e6?(t/1e6).toFixed(1)+"M":t>=1e3?(t/1e3).toFixed(1)+"K":t;var t}).tickSizeOuter(0)).selectAll(".tick line").remove();const f=e.append("foreignObject").attr("class","tooltip").attr("width",120).attr("height",20).style("opacity",0).style("position","absolute").style("background-color","white").style("border","none").style("box-shadow","0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)").style("border-radius","0.313rem").style("padding","0.625rem").style("font-size","0.75rem"),g=f.append("xhtml:div").style("font-size","0.75rem").style("color","black")},[o,d,n,c,y,p]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("svg",{ref:u,width:n,height:d})})};
-//# sourceMappingURL=index.js.map

package/dist/components/charts/bar-chart/bar-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/bar-chart/bar-chart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: DataPoint[];\n  numOfLines?: number;\n  width?: number;\n  height?: number;\n  line?: boolean;\n}\n\nconst formatNumber = (num: number) => {\n  if (num >= 1e9) return (num / 1e9).toFixed(1) + \"B\";\n  if (num >= 1e6) return (num / 1e6).toFixed(1) + \"M\";\n  if (num >= 1e3) return (num / 1e3).toFixed(1) + \"K\";\n  return num;\n};\n\nconst BarChart: React.FC<BarChartProps> = ({\n  data,\n  numOfLines = 5,\n  width = 500,\n  height = 300,\n  line = false,\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const maxValue = useMemo(() => {\n    return Math.max(...data.map((d) => d.value));\n  }, [data]);\n\n  const yAxisMaxValue = useMemo(() => {\n    return maxValue * 1.25;\n  }, [maxValue]);\n\n  const yAxisTicks = useMemo(() => {\n    const ticks = [];\n    const interval = yAxisMaxValue / numOfLines;\n    for (let i = 0; i <= numOfLines; i++) {\n      ticks.push(interval * i);\n    }\n    return ticks;\n  }, [yAxisMaxValue, numOfLines]);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    const svg = d3.select(svgRef.current);\n\n    svg.selectAll(\"*\").remove();\n\n    const margin = { top: 20, right: 20, bottom: 70, left: 40 };\n    const barWidth = width - margin.left - margin.right;\n    const barHeight = height - margin.top - margin.bottom;\n\n    const mousemove = (event: MouseEvent, d: DataPoint) => {\n      let xPosition = event.offsetX + margin.left - 25;\n      const yPosition = event.offsetY + margin.top - 40;\n      const tooltipWidth = tooltip.node()?.getBoundingClientRect()?.width;\n      const rightOffset = tooltipWidth ? xPosition + tooltipWidth : xPosition;\n      if (rightOffset > width) {\n        xPosition = Math.floor(\n          tooltipWidth ? xPosition - tooltipWidth - 20 : xPosition - 20,\n        );\n      }\n\n      const text = `${d.label} - ${d.value}`;\n      tooltip\n        .attr(\"x\", xPosition)\n        .attr(\"y\", yPosition)\n        .style(\"opacity\", 9)\n        .style(\"height\", text.length >= 16 ? 50 : 35);\n\n      tooltipText.html(text);\n    };\n\n    const mouseleave = () => {\n      tooltip.style(\"opacity\", 0);\n    };\n\n    const x = d3\n      .scaleBand()\n      .domain(data.map((d) => d.label))\n      .range([0, barWidth])\n      .padding(0.1);\n\n    const y = d3.scaleLinear().domain([0, yAxisMaxValue]).range([barHeight, 0]);\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    if (line) {\n      yAxisTicks.slice(1).forEach((tick) => {\n        chart\n          .append(\"line\")\n          .attr(\"class\", \"dotted-line\")\n          .attr(\"x1\", 0)\n          .attr(\"y1\", y(tick))\n          .attr(\"x2\", barWidth)\n          .attr(\"y2\", y(tick))\n          .style(\"stroke\", \"gray\")\n          .style(\"stroke-dasharray\", \"3,3\")\n          .style(\"opacity\", 1);\n      });\n    }\n\n    chart\n      .selectAll(\".bar\")\n      .data(data)\n      .enter()\n      .append(\"rect\")\n      .attr(\"class\", \"bar\")\n      //@ts-expect-error not applicable\n      .attr(\"x\", (d: any) => x(d.label))\n      .attr(\"y\", (d: any) => y(d.value))\n      .attr(\"width\", x.bandwidth())\n      .attr(\"height\", (d: any) => barHeight - y(d.value))\n      .style(\"fill\", \"#357AF6\")\n      .style(\"opacity\", \"1\")\n      .on(\"mousemove\", mousemove)\n      .on(\"mouseleave\", mouseleave);\n\n    const xAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"x-axis\")\n      .attr(\"transform\", `translate(0, ${barHeight})`)\n      .call(d3.axisBottom(x) as any);\n\n    xAxis.selectAll(\".tick line\").remove();\n\n    const yAxis = chart\n      .append(\"g\")\n      .attr(\"class\", \"y-axis\")\n      .call(\n        d3\n          .axisLeft(y)\n          .tickValues(yAxisTicks)\n          //@ts-expect-error not applicable\n          .tickFormat((d: any) => {\n            return formatNumber(d);\n          })\n          .tickSizeOuter(0) as any,\n      );\n\n    yAxis.selectAll(\".tick line\").remove();\n\n    const tooltip = svg\n      .append(\"foreignObject\")\n      .attr(\"class\", \"tooltip\")\n      .attr(\"width\", 120)\n      .attr(\"height\", 20)\n      .style(\"opacity\", 0)\n      .style(\"position\", \"absolute\")\n      .style(\"background-color\", \"white\")\n      .style(\"border\", \"none\")\n      .style(\"box-shadow\", \"0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)\")\n      .style(\"border-radius\", \"0.313rem\")\n      .style(\"padding\", \"0.625rem\")\n      .style(\"font-size\", \"0.75rem\");\n\n    const tooltipText = tooltip\n      .append(\"xhtml:div\")\n      .style(\"font-size\", \"0.75rem\")\n      .style(\"color\", \"black\");\n  }, [data, height, width, line, yAxisMaxValue, yAxisTicks]);\n\n  return (\n    <>\n      <svg ref={svgRef} width={width} height={height}></svg>\n    </>\n  );\n};\n\nexport default BarChart;\n"],"names":["data","numOfLines","width","height","line","svgRef","useRef","maxValue","useMemo","Math","max","map","d","value","yAxisMaxValue","yAxisTicks","ticks","interval","i","push","useEffect","current","svg","d3.select","selectAll","remove","barWidth","barHeight","x","d3.scaleBand","domain","label","range","padding","y","d3.scaleLinear","chart","append","attr","slice","forEach","tick","style","enter","bandwidth","on","event","xPosition","offsetX","yPosition","offsetY","tooltipWidth","_b","_a","tooltip","node","getBoundingClientRect","floor","text","length","tooltipText","html","call","d3.axisBottom","d3.axisLeft","tickValues","tickFormat","num","toFixed","tickSizeOuter","children","jsx","ref"],"mappings":"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"}