@erpsquad/common 1.8.41 → 1.8.43

package/src/styles/index.ts

@@ -1,146 +1 @@
-/**
- * Styles Entry Point - CSS Import Order
- * 
- * This file imports ALL SCSS/CSS files in the correct cascade order:
- * 1. CSS Reset/Normalize (third-party)
- * 2. Base Styles (variables, mixins)
- * 3. Component Styles (custom components)
- * 4. Utility Classes (highest priority - can override everything)
- * 
- * Total imports: 83 component style files + base styles
- * 
- * Usage in consuming applications:
- * 
- * ```typescript
- * // Import the bundled styles (includes all component styles)
- * import '@erpsquad/common/style.css';
- * ```
- * 
- * For SCSS variables and mixins:
- * 
- * ```scss
- * // In your .scss file
- * @import '@erpsquad/common/styles/variables';
- * @import '@erpsquad/common/styles/mixins';
- * @import '@erpsquad/common/styles/all';
- * ```
- * 
- * Note: This file is processed during build to generate dist/style.css
- * All component SCSS files are verified to be included.
- */
-
-// ============================================
-// 1. THIRD-PARTY STYLES (Lowest Priority)
-// ============================================
-// These are loaded first so they can be overridden by custom styles
-import 'normalize.css';
-
-// ============================================
-// 2. BASE STYLES (Variables, Mixins, Reset)
-// ============================================
-import './css/reset.css';
-import './sass/_variables.scss';
-import './sass/_mixins.scss';
-import './sass/_animations.scss';
-
-// ============================================
-// 3. COMPONENT STYLES (Custom Components)
-// ============================================
-// All component-specific styles
-import '../components/action-bar/action-bar.scss';
-import '../components/editor/custom-editor.css';
-import '../components/activity-tag/activity-tag.scss';
-import '../components/activityArea/activityArea.scss';
-import '../components/activityLog/activity-log.scss';
-import '../components/appbar/appbar.scss';
-import '../components/avatar/avatar.scss';
-import '../components/board/board.scss';
-import '../components/button/button.scss';
-import '../components/calculation-summary/calculation-summary.scss';
-import '../components/calendar/calendar.scss';
-import '../components/card-wrapper/card-wrapper.scss';
-import '../components/confirm-modal/confirm-modal.scss';
-import '../components/country-select/index.scss';
-import '../components/custom-snackbar/custom-snackbar.scss';
-import '../components/Dashboard/dashboard.scss';
-import '../components/date-picker/date-picker.scss';
-import '../components/date-range-picker/date-range-picker.scss';
-import '../components/date-time-picker/date-time-picker.scss';
-import '../components/expandable-summary-wrapper/expandable-summary-wrapper.scss';
-import '../components/fallback/fallback.scss';
-import '../components/filter/filter.scss';
-import '../components/footer/footer.scss';
-import '../components/form-control/form-builder/form-builder-element/element.scss';
-import '../components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.scss';
-import '../components/form-control/form-parser/form-parser.scss';
-import '../components/form-header/form-header.scss';
-import '../components/gantt/gantt.scss';
-import '../components/grid/grid-card/grid-card.scss';
-import '../components/grid/grid-wrapper/grid-wrapper.scss';
-import '../components/grid-fallback/grid-fallback.scss';
-import '../components/header/header.scss';
-import '../components/header-card/header-card.scss';
-import '../components/hr-line/hr-line.scss';
-import '../components/info-card/info-card.scss';
-import '../components/inventory-reports-title-bar/component/reportFilter.scss';
-import '../components/inventory-reports-title-bar/inventory-reports-title-bar.scss';
-import '../components/inventory-reports-title-bar/report-buttons/report-buttons.scss';
-import '../components/list/list.scss';
-import '../components/material-table/material-table.scss';
-import '../components/module-button/module-button.scss';
-import '../components/mulitline/multiline.scss';
-import '../components/multi-select/multi-select.scss';
-import '../components/page-navigator/page-navigator.scss';
-import '../components/page-navigator/components/shared-page-modal.scss';
-import '../components/pagination/pagination.scss';
-import '../components/parties-modal/parties-modal.scss';
-import '../components/quick-approval-modal/quick-approval-modal.scss';
-import '../components/reports/dynamic-report/dynamic-report.scss';
-import '../components/reports-title-bar/reports-title-bar.scss';
-import '../components/reports-title-bar/report-buttons/report-buttons.scss';
-import '../components/schedule-report/schedule-report.scss';
-import '../components/schedule-report/schedule-report-modal.scss';
-import '../components/search-bar/search-bar.scss';
-import '../components/select/controller/controller-select.scss';
-import '../components/share-modal/share-modal.scss';
-import '../components/sidebar/sidebar.scss';
-import '../components/sub-header-doc/sub-header-doc.scss';
-import '../components/tab-bar-ui/tab-bar-ui.scss';
-import '../components/tabs/tabs.scss';
-import '../components/text-field/text-field.scss';
-import '../components/time-picker/time-picker.scss';
-import '../components/time-range-picker/time-range-picker.scss';
-import '../components/toast/toast.scss';
-import '../components/toggle/toggle.scss';
-import '../components/upload/upload.scss';
-import '../components/upload-excel/upload-excel.scss';
-import '../components/user-dropdown/user-dropdown.scss';
-import '../components/value-field/value-field.scss';
-import '../components/view-modal/view-modal.scss';
-
-// Charts
-import '../components/charts/barLineChart/barLineChart.scss';
-import '../components/charts/chartLegend.scss';
-import '../components/charts/donut-chart/donut-chart.scss';
-import '../components/charts/donutChart/donut-chart.scss';
-
-// Views
-import '../views/afterAuth/dashboard/dashboard.scss';
-import '../views/beforeAuth/components/index.scss';
-import '../views/beforeAuth/landing/landing.scss';
-import '../views/beforeAuth/login/index.scss';
-import '../views/template-editor/add-template/add-template.scss';
-import '../views/template-editor/company-selection-modal/company-selection-modal.scss';
-import '../views/template-editor/edit-section-modal/edit-section-modal.scss';
-import '../views/template-editor/template-name-modal/template-name-modal.scss';
-import '../views/template-editor/templates.scss';
-
-// ============================================
-// 4. UTILITY CLASSES (Highest Priority)
-// ============================================
-// These are loaded LAST so they can override component styles
-// Utility classes use !important to ensure they work everywhere
-import './sass/_utils.scss';
-
-export {};
-
+export * from './themes';

package/dist/_virtual/ArrowBack/index.esm.js

@@ -1,5 +0,0 @@
-var ArrowBack = {};
-export {
-  ArrowBack as __exports
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/ArrowBack/index.esm.js.map

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

package/dist/_virtual/ArrowBack/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__exports={};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/ArrowBack/index.js.map

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

package/dist/_virtual/ArrowForward/index.esm.js

@@ -1,5 +0,0 @@
-var ArrowForward = {};
-export {
-  ArrowForward as __exports
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/ArrowForward/index.esm.js.map

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

package/dist/_virtual/ArrowForward/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__exports={};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/ArrowForward/index.js.map

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

package/dist/_virtual/IndeterminateCheckBox/index.esm.js

@@ -1,5 +0,0 @@
-var IndeterminateCheckBox = {};
-export {
-  IndeterminateCheckBox as __exports
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/IndeterminateCheckBox/index.esm.js.map

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

package/dist/_virtual/IndeterminateCheckBox/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__exports={};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/IndeterminateCheckBox/index.js.map

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

package/dist/_virtual/NorthEast/index.esm.js

@@ -1,5 +0,0 @@
-var NorthEast = {};
-export {
-  NorthEast as __exports
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/NorthEast/index.esm.js.map

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

package/dist/_virtual/NorthEast/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__exports={};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/NorthEast/index.js.map

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

package/dist/_virtual/Visibility/index.esm.js

@@ -1,5 +0,0 @@
-var Visibility = {};
-export {
-  Visibility as __exports
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/Visibility/index.esm.js.map

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

package/dist/_virtual/Visibility/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__exports={};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/Visibility/index.js.map

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

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

@@ -1,154 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-/* 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";
-import TimelineItem from "../../../node_modules/@mui/lab/TimelineItem/TimelineItem/index.esm.js";
-import TimelineSeparator from "../../../node_modules/@mui/lab/TimelineSeparator/TimelineSeparator/index.esm.js";
-import TimelineDot from "../../../node_modules/@mui/lab/TimelineDot/TimelineDot/index.esm.js";
-import TimelineConnector from "../../../node_modules/@mui/lab/TimelineConnector/TimelineConnector/index.esm.js";
-import TimelineContent from "../../../node_modules/@mui/lab/TimelineContent/TimelineContent/index.esm.js";
-import Timeline from "../../../node_modules/@mui/lab/Timeline/Timeline/index.esm.js";
-import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
-import TextField from "../../../node_modules/@mui/material/TextField/TextField/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"),i=require("react");;/* empty css                          */var r=,/* empty css                     */t=,/* empty css                         */n=,/* empty css                               */l=,/* empty css                            */s=,/* empty css                                */a=,/* empty css                                 */o=,/* empty css                                                              */d=,/* empty css                                                                        */m=,/* empty css                                                            */u=,/* empty css                                                                        */c=,/* empty css                                                                    */x=,/* empty css                                                      */h=,/* empty css                                                       */j=;/* empty css                                                             */const f=h.default(j.default)(({theme:{palette:e}})=>{var i,r,t,n;return{width:"100%","& .MuiOutlinedInput-root":{height:"2rem","& fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[300],borderWidth:2},"&:hover fieldset":{borderColor:null==(r=e.theme)?void 0:r.secondary[300]},"&.Mui-focused fieldset":{borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(n=e.theme)?void 0:n.error[600]}}}}),v=h=>{const{type:j,data:v,placeholder:T,error:p=!1,textfield:y,textfieldTitle:g,onCommentSubmit:C,onChange:q,containerProps:b,accordion:N=!0,..._}=h,{user:A}=l.useAuth(),$=i.useRef(null),M=()=>{$.current&&($.current.scrollTop=$.current.scrollHeight)};i.useEffect(()=>{M()},[v]);const S=e=>{const i=/* @__PURE__ */new Date,r=new Date(e),t=i.getTime()-r.getTime(),n=Math.floor(t/1e3),l=Math.floor(n/60),s=Math.floor(l/60);if(n<60)return`${n} second${1!==n?"s":""} ago`;if(l<60)return`${l} minute${1!==l?"s":""} ago`;if(s<24)return`${s} hour${1!==s?"s":""} ago`;{const e={day:"numeric",month:"short",year:"numeric"},i={hour:"numeric",minute:"numeric",hour12:!1};return`${r.toLocaleString("en-US",e)} • ${r.toLocaleString("en-US",i)}`}},D="activity"===j?null==v?void 0:v.map((i,r)=>/* @__PURE__ */e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(o.default,{children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
-/* @__PURE__ */e.jsx(m.default,{}),v.length-1!==r&&/* @__PURE__ */e.jsx(u.default,{})]}),
-/* @__PURE__ */e.jsx(c.default,{className:"Timeline--Content",children:/* @__PURE__ */e.jsxs(a.Typography,{type:"s4",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[i.message," · ",S(i.created_at)]})})]},r)})):/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("div",{className:"Timeline--Chat",ref:$,children:v.map((i,n)=>/* @__PURE__ */e.jsxs(o.default,{children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
-/* @__PURE__ */e.jsx(t.Avatar,{src:r.images.chat,size:17}),
-/* @__PURE__ */e.jsx(u.default,{})]}),
-/* @__PURE__ */e.jsxs(c.default,{children:[i.name," commented this · ",S(i.created_at),
-/* @__PURE__ */e.jsx("div",{className:"Timeline--CommentWrap",children:/* @__PURE__ */e.jsx("p",{className:"Timeline--Comment",children:i.message})})]})]},n))})});
-/* @__PURE__ */
-return e.jsx("div",{className:"ActivityContainer",...b,children:/* @__PURE__ */e.jsxs(x.default,{className:"Timeline",children:[N?/* @__PURE__ */e.jsx(n.default,{title:"Activities",accordionProps:{defaultExpanded:!0},children:D}):/* @__PURE__ */e.jsx("div",{className:"Timeline--ActivityBox",children:D}),y&&/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentBox",children:[g,
-/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentText",children:[
-/* @__PURE__ */e.jsx(t.Avatar,{size:32,alt:s.default(null==A?void 0:A.full_name),className:"avatar-class"}),
-/* @__PURE__ */e.jsx(f,{error:p,placeholder:T,className:"textfield",onKeyDown:e=>{if("Enter"===e.key){const i=e.target.value;""!==i.trim()&&(C(i),M())}},onChange:q,..._})]})]})]})})};exports.ActivityTag=v,exports.default=v;
-//# 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":"ujCAgBA,MAAMA,EAAkBC,EAAAA,QAAOC,UAAPD,CAAqB,EAAGE,OAASC,2BAAiB,MAAA,CACxEC,MAAO,OACP,2BAA4B,CAC1BC,OAAQ,OACR,aAAc,CACZC,YAAa,OAAAC,EAAAJ,EAAQD,YAAR,EAAAK,EAAeC,UAAU,KACtCC,YAAa,GAEf,mBAAoB,CAClBH,YAAa,OAAAI,EAAAP,EAAQD,YAAR,EAAAQ,EAAeF,UAAU,MAExC,yBAA0B,CAGxBF,YAAa,OAAAK,EAAAR,EAAQD,YAAR,EAAAS,EAAeC,QAAQ,MAEtC,uBAAwB,CACtBN,YAAa,OAAAO,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,MAAM,UAK3BC,EAAeC,IAC1B,MAAMC,KACJA,EAAAC,KACAA,EAAAC,YACAA,EAAAL,MACAA,GAAQ,EAAAM,UACRA,EAAAC,eACAA,EAAAC,gBACAA,EAAAC,SACAA,EAAAC,eACAA,EAAAC,UACAA,GAAY,KACTC,GACDV,GACEW,KAAEA,GAASC,YAEXC,EAAUC,EAAAA,OAAuB,MAEjCC,EAAiB,KACjBF,EAAQG,UACVH,EAAQG,QAAQC,UAAYJ,EAAQG,QAAQE,eAIhDC,EAAAA,UAAU,KACRJ,KACC,CAACb,IAEJ,MAAMkB,EAAkBC,IACtB,MAAMC,qBAAkBC,KAClBC,EAAc,IAAID,KAAKF,GACvBI,EAAiBH,EAAYI,UAAYF,EAAYE,UACrDC,EAAoBC,KAAKC,MAAMJ,EAAiB,KAChDK,EAAoBF,KAAKC,MAAMF,EAAoB,IACnDI,EAAkBH,KAAKC,MAAMC,EAAoB,IAEvD,GAAIH,EAAoB,GACtB,MAAO,GAAGA,WAAiD,IAAtBA,EAA0B,IAAM,SAEvE,GAAWG,EAAoB,GAC7B,MAAO,GAAGA,WAAiD,IAAtBA,EAA0B,IAAM,SAEvE,GAAWC,EAAkB,GAC3B,MAAO,GAAGA,SAA2C,IAApBA,EAAwB,IAAM,SAC1D,CAEL,MAAMC,EAA0C,CAC9CC,IAAK,UACLC,MAAO,QACPC,KAAM,WAGFC,EAA0C,CAC9CC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAMV,MAAO,GAHef,EAAYgB,eAAe,QAASR,QACpCR,EAAYgB,eAAe,QAASJ,IAG5D,GAaIK,EACK,aAATxC,EACE,MAAAC,OAAA,EAAAA,EAAMwC,IAAI,CAACC,EAAWC,mBACpBC,EAAAA,IAAC,MAAA,CAAIC,UAAU,qBACbC,+BAACC,EAAAA,QAAA,CACCD,SAAA;eAAAE,OAACC,EAAAA,QAAA,CACCH,SAAA;eAAAF,EAAAA,IAACM,EAAAA,QAAA,IACAjD,EAAKkD,OAAS,IAAMR,wBAAUS,EAAAA,QAAA,CAAA;iBAEjCR,IAACS,EAAAA,QAAA,CAAgBR,UAAU,oBACzBC,wBAAAE,EAAAA,KAACM,EAAAA,WAAA,CAAWtD,KAAK,KAAKuD,MAAM,sBAAsBV,UAAU,4BACzDC,SAAA,CAAAJ,EAAKc,QAAQ,MAAIrC,EAAeuB,EAAKe,mBAPzBd,qBAcvBC,EAAAA,IAAAc,WAAA,CACEZ,8BAAC,MAAA,CAAID,UAAU,iBAAiBc,IAAK/C,EAClCkC,SAAA7C,EAAKwC,IAAI,CAACC,EAAWC,0BACnBI,EAAAA,QAAA,CACCD,SAAA;eAAAE,OAACC,EAAAA,QAAA,CACCH,SAAA;eAAAF,EAAAA,IAACgB,EAAAA,OAAA,CAAOC,IAAKC,EAAAA,OAAOC,KAAMC,KAAM;qBAC/BZ,EAAAA,QAAA,CAAA;sBAEFC,EAAAA,QAAA,CACEP,SAAA,CAAAJ,EAAKuB,KAAK,qBAAmB9C,EAAeuB,EAAKe;iBAClDb,IAAC,MAAA,CAAIC,UAAU,wBACbC,wBAAAF,EAAAA,IAAC,KAAEC,UAAU,oBAAqBC,SAAAJ,EAAKc,iBAR1Bb;;AAyB7B,SAEEC,IAAC,OAAIC,UAAU,uBAAwBtC,EACrCuC,wBAAAE,EAAAA,KAACkB,EAAAA,QAAA,CAASrB,UAAU,WACjBC,SAAA,CAAAtC,iBACCoC,EAAAA,IAACuB,EAAAA,QAAA,CAAUC,MAAM,aAAaC,eAAgB,CAAEC,iBAAiB,GAChExB,4BAEHF,EAAAA,IAAC,MAAA,CAAIC,UAAU,wBACZC,SAAAN,IAGFrC,kBACC6C,EAAAA,KAAC,MAAA,CAAIH,UAAU,uBACZC,SAAA,CAAA1C;iBACD4C,KAAC,MAAA,CAAIH,UAAU,wBACbC,SAAA;eAAAF,EAAAA,IAACgB,EAAAA,OAAA,CAAOI,KAAM,GAAIO,IAAKC,UAAW,MAAA9D,OAAA,EAAAA,EAAM+D,WAAY5B,UAAU;eAC9DD,EAAAA,IAAC9D,EAAA,CACCe,QACAK,cACA2C,UAAU,YACV6B,UA7EUC,IACtB,GAAkB,UAAdA,EAAMC,IAAiB,CACzB,MAAMC,EAAgBF,EAAMG,OAA4BC,MAC5B,KAAxBF,EAAaG,SACf3E,EAAgBwE,GAChB/D,IAEJ,GAuEYR,cACIG"}

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

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