@erpsquad/common 1.8.46 → 1.8.48

package/dist/_virtual/index/index.esm10.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.esm.js";
-var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/system/esm/createTheme/index/index.esm.js";
+var require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$1 as default
+  require$$7 as default
 };
 //# sourceMappingURL=index.esm10.js.map

package/dist/_virtual/index/index.esm11.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/clamp/index/index.esm.js";
-var require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/system/esm/styleFunctionSx/index/index.esm.js";
+var require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$2 as default
+  require$$8 as default
 };
 //# sourceMappingURL=index.esm11.js.map

package/dist/_virtual/index/index.esm2.js

@@ -1,7 +1,5 @@
-import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/material/utils/index/index.esm.js";
-var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
+var dist = { exports: {} };
 export {
-  require$$0 as default
+  dist as __module
 };
 //# sourceMappingURL=index.esm2.js.map

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

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

package/dist/_virtual/index/index.esm3.js

@@ -1,5 +1,7 @@
-var dist = { exports: {} };
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/material/utils/index/index.esm.js";
+var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  dist as __module
+  require$$0 as default
 };
 //# sourceMappingURL=index.esm3.js.map

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

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

package/dist/_virtual/index/index.esm4.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/styled-engine/index/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.esm.js";
 var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
   require$$1 as default

package/dist/_virtual/index/index.esm5.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/deepmerge/index/index.esm.js";
-var require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/clamp/index/index.esm.js";
+var require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$4 as default
+  require$$2 as default
 };
 //# sourceMappingURL=index.esm5.js.map

package/dist/_virtual/index/index.esm6.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/capitalize/index/index.esm.js";
-var require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/styled-engine/index/index.esm.js";
+var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$5 as default
+  require$$1 as default
 };
 //# sourceMappingURL=index.esm6.js.map

package/dist/_virtual/index/index.esm7.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/getDisplayName/index/index.esm.js";
-var require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/deepmerge/index/index.esm.js";
+var require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$6 as default
+  require$$4 as default
 };
 //# sourceMappingURL=index.esm7.js.map

package/dist/_virtual/index/index.esm8.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/system/esm/createTheme/index/index.esm.js";
-var require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/capitalize/index/index.esm.js";
+var require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$7 as default
+  require$$5 as default
 };
 //# sourceMappingURL=index.esm8.js.map

package/dist/_virtual/index/index.esm9.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/system/esm/styleFunctionSx/index/index.esm.js";
-var require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/getDisplayName/index/index.esm.js";
+var require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$8 as default
+  require$$6 as default
 };
 //# sourceMappingURL=index.esm9.js.map

package/dist/_virtual/index/index10.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/createTheme/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index/index11.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/clamp/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/styleFunctionSx/index/index.js"),t=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=t;
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index/index2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/material/utils/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index/index3.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/material/utils/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index/index4.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/styled-engine/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index/index5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/deepmerge/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/clamp/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index/index6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/capitalize/index/index.js"),i=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/styled-engine/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index/index7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/getDisplayName/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/deepmerge/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index/index8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/createTheme/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/capitalize/index/index.js"),i=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=i;
 //# sourceMappingURL=index8.js.map

package/dist/_virtual/index/index9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/styleFunctionSx/index/index.js"),t=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/getDisplayName/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index9.js.map

package/dist/assets/index.d.ts

@@ -1,5 +1,4 @@
 export { default as images } from './images';
 export * from './images';
-export * from './common-component';
 export * from './dynamic-svg-icon';
 export * from './view-modal';

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

@@ -0,0 +1,104 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                          */var i=,/* empty css                                 */t=require("dayjs"),r=,/* empty css                                */l=require("react-i18next"),n=,/* empty css                                                 */o=,/* empty css                                                      */a=,/* 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}=l.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(o.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,l)=>{var n,o;/* @__PURE__ */
+return e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(a.default,{children:[
+/* @__PURE__ */e.jsxs(s.default,{children:[
+/* @__PURE__ */e.jsx(d.default,{color:"primary",sx:{backgroundColor:"#D3D3D4"}}),p.length-1!==l&&/* @__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:r.formatText(t.username)})," ",j[t.action]," ",
+/* @__PURE__ */e.jsx("b",{children:r.formatText(null==(n=t.resource)?void 0:n.replace("_"," "))})]}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:(o=null==t?void 0:t.created_at,`${x.default(o).format("DD MMM, YYYY")} • ${x.default(o).format("HH:mm")}`)})]})]},l)})})})]})})})};exports.ActivityTag=p,exports.default=p;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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":"m7BAeO,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,QAAA,CACAC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAASC,UAAU,WACnBF,wBAAAG,EAAAA,KAACJ,EAAAA,QAAA,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,QAAA,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,WAAWV,EAAKW,YAAc,IAAElC,EAAQuB,EAAKY,QAAS;eAC1D9B,EAAAA,IAAC,KAAGE,SAAA0B,aAAW,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/charts/barChart/barChart/index.esm.js

@@ -0,0 +1,148 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, 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 { axisTop, axisBottom, axisLeft } from "../../../../node_modules/d3-axis/src/axis/index.esm.js";
+import { format } from "../../../../node_modules/d3-format/src/defaultLocale/index.esm.js";
+const formatNumber = (num, symbol, labelType) => {
+  if (labelType === "inPercent") {
+    return `${format(".0%")(num / 100)}`;
+  } else if (labelType === "inValue") {
+    return `${symbol || ""} ${format(".2s")(num).replace("k", "K")}`;
+  }
+  return num.toString();
+};
+function wrapText(textSelection, width) {
+  textSelection.each(function() {
+    const text = select(this);
+    const originalText = text.text();
+    if (originalText.length <= 8) {
+      return;
+    }
+    if (originalText.length > 12) {
+      text.text(originalText.substring(0, 10) + "...");
+      return;
+    }
+    const words = originalText.split(/\s+/).reverse();
+    let word;
+    let line = [];
+    let lineNumber = 0;
+    const lineHeight = 1.1;
+    const y = text.attr("y");
+    const dy = parseFloat(text.attr("dy")) || 0;
+    let tspan = text.text(null).append("tspan").attr("x", 0).attr("y", y).attr("dy", `${dy}em`);
+    while (word = words.pop()) {
+      line.push(word);
+      tspan.text(line.join(" "));
+      if (tspan.node() && tspan.node().getComputedTextLength() > width) {
+        line.pop();
+        tspan.text(line.join(" "));
+        line = [word];
+        tspan = text.append("tspan").attr("x", 0).attr("y", y).attr("dy", `${++lineNumber * lineHeight + dy}em`).text(word);
+      }
+    }
+  });
+}
+const BarChart = ({
+  data,
+  numOfLines = 5,
+  initialWidth = 500,
+  height = 400,
+  line = false,
+  yAxisLabelType = "inValue",
+  currency,
+  customLabelFormatter
+}) => {
+  const svgRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(initialWidth);
+  const maxValue = useMemo(() => Math.max(...data.map((d) => d.value)), [data]);
+  const yAxisMaxValue = useMemo(() => 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]);
+  const needsHorizontalScroll = data.length > 12;
+  const minGroupWidth = 120;
+  const calculatedChartWidth = needsHorizontalScroll ? Math.max(data.length * minGroupWidth, containerWidth) : containerWidth;
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0]) {
+        const newWidth = entries[0].contentRect.width;
+        setContainerWidth(newWidth);
+      }
+    });
+    if (wrapper) {
+      resizeObserver.observe(wrapper);
+    }
+    return () => {
+      if (wrapper) {
+        resizeObserver.unobserve(wrapper);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const maxLabelWidth = 80;
+    const dynamicLeftMargin = Math.max(60, maxLabelWidth + 30);
+    const margin = { top: 20, right: 20, bottom: 25, left: dynamicLeftMargin };
+    const barWidth = calculatedChartWidth - margin.left - margin.right;
+    const barHeight = maxValue ? height - margin.top - margin.bottom : 0;
+    const x = band().domain(data.map((d) => d.label)).range([0, barWidth]).padding(0.5);
+    const y = linear().domain([0, yAxisMaxValue]).range([barHeight, 0]);
+    const chart = svg.append("g").attr("transform", `translate(${margin.left},${maxValue ? margin.top : height - 50})`);
+    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", "#D3D3D4").style("stroke-dasharray", "3,3").style("opacity", 1);
+      });
+    }
+    chart.selectAll(".bar").data(data).enter().append("rect").attr("rx", 5).attr("ry", 5).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", (d) => d.color);
+    const xAxis = chart.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${barHeight})`).call(axisTop(x).tickPadding(10)).call(axisBottom(x).tickPadding(5));
+    xAxis.selectAll(".tick line").remove();
+    xAxis.selectAll(".tick text").call(wrapText, 80);
+    const availableHeight = barHeight;
+    const minTickSpacing = 30;
+    const maxOptimalTicks = Math.floor(availableHeight / minTickSpacing);
+    const optimalNumTicks = Math.min(numOfLines, maxOptimalTicks, 8);
+    const optimalTicks = [];
+    const optimalInterval = yAxisMaxValue / optimalNumTicks;
+    for (let i = 0; i <= optimalNumTicks; i++) {
+      optimalTicks.push(optimalInterval * i);
+    }
+    const yAxis = chart.append("g").attr("class", "y-axis").call(
+      axisLeft(y).tickValues(optimalTicks).tickFormat(
+        (d) => customLabelFormatter ? customLabelFormatter(d) : formatNumber(d, currency, yAxisLabelType)
+      ).tickSizeOuter(0).tickPadding(8)
+      // Add padding between ticks and labels
+    );
+    yAxis.selectAll(".tick line").remove();
+    yAxis.select(".domain").attr("stroke", "none");
+    xAxis.select(".domain").attr("stroke", "none");
+    yAxis.selectAll(".tick text").style("font-size", "11px").style("fill", "#666").style("font-family", "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif").style("text-anchor", "end");
+  }, [data, containerWidth, height, line, yAxisMaxValue, yAxisTicks, currency, yAxisLabelType, customLabelFormatter, calculatedChartWidth]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: wrapperRef,
+      style: {
+        width: "100%",
+        overflowX: needsHorizontalScroll ? "auto" : "hidden",
+        overflowY: "hidden"
+      },
+      children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width: calculatedChartWidth, height, viewBox: `0 0 ${calculatedChartWidth} ${height}` })
+    }
+  );
+};
+export {
+  BarChart,
+  BarChart as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/charts/barChart/barChart/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/barChart/barChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo, useState } 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    initialWidth?: number;\n    height?: any;\n    line?: boolean;\n    chartBarWidth?: number;\n    yAxisLabelType?: 'inPercent' | 'inValue' | 'custom';\n    customLabelFormatter?: (value: number) => string;\n    currency: string\n}\n\nconst formatNumber = (num: number, symbol: string, labelType: string) => {\n    if (labelType === 'inPercent') {\n        return `${d3.format(\".0%\")(num / 100)}`;\n    } else if (labelType === 'inValue') {\n        return `${symbol || ''} ${d3.format(\".2s\")(num).replace('k', 'K')}`;\n    }\n    return num.toString();\n};\n\nfunction wrapText(textSelection: any, width: number) {\n    textSelection.each(function (this: any) {\n      const text = d3.select(this);\n      const originalText = text.text();\n      \n      if (originalText.length <= 8) {\n        return;\n      }\n      \n      if (originalText.length > 12) {\n        text.text(originalText.substring(0, 10) + '...');\n        return;\n      }\n      \n      const words = originalText.split(/\\s+/).reverse();\n      let word;\n      let line: string[] = [];\n      let lineNumber = 0;\n      const lineHeight = 1.1; // ems\n      const y = text.attr(\"y\");\n      const dy = parseFloat(text.attr(\"dy\")) || 0;\n  \n      let tspan = text\n        .text(null)\n        .append(\"tspan\")\n        .attr(\"x\", 0)\n        .attr(\"y\", y)\n        .attr(\"dy\", `${dy}em`);\n  \n      while ((word = words.pop())) {\n        line.push(word);\n        tspan.text(line.join(\" \"));\n        if (tspan.node() && tspan.node()!.getComputedTextLength() > width) {\n          line.pop();\n          tspan.text(line.join(\" \"));\n          line = [word];\n          tspan = text\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", y)\n            .attr(\"dy\", `${++lineNumber * lineHeight + dy}em`)\n            .text(word);\n        }\n      }\n    });\n  }\n  \nconst BarChart: React.FC<BarChartProps> = ({\n    data,\n    numOfLines = 5,\n    initialWidth = 500,\n    height = 400,\n    line = false,\n    yAxisLabelType = 'inValue',\n    currency,\n    customLabelFormatter,\n}) => {\n    const svgRef = useRef<SVGSVGElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(initialWidth);\n\n    const maxValue = useMemo(() => Math.max(...data.map((d) => d.value)), [data]);\n\n    const yAxisMaxValue = useMemo(() => maxValue * 1.25, [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\n    const needsHorizontalScroll = data.length > 12;\n    const minGroupWidth = 120; \n    const calculatedChartWidth = needsHorizontalScroll \n        ? Math.max(data.length * minGroupWidth, containerWidth)\n        : containerWidth;\n\n    // ResizeObserver to make the chart responsive\n\n    useEffect(() => {\n        const wrapper = wrapperRef.current;\n\n        const resizeObserver = new ResizeObserver((entries) => {\n            if (entries[0]) {\n                const newWidth = entries[0].contentRect.width;\n                setContainerWidth(newWidth);\n            }\n        });\n\n        if (wrapper) {\n            resizeObserver.observe(wrapper);\n        }\n    \n        return () => {\n            if (wrapper) {\n                resizeObserver.unobserve(wrapper);\n            }\n        };\n    }, []);\n    useEffect(() => {\n        if (containerWidth === 0) return;\n\n        const svg = d3.select(svgRef.current);\n\n        svg.selectAll(\"*\").remove();\n\n        // Calculate dynamic left margin based on label length (accounting for wrapping)\n        // const sampleLabel = customLabelFormatter \n        //     ? customLabelFormatter(yAxisMaxValue)\n        //     : formatNumber(yAxisMaxValue, currency, yAxisLabelType);\n        const maxLabelWidth = 80; // Maximum width for wrapped labels\n        const dynamicLeftMargin = Math.max(60, maxLabelWidth + 30);\n        \n        const margin = { top: 20, right: 20, bottom: 25, left: dynamicLeftMargin };\n        const barWidth = calculatedChartWidth - margin.left - margin.right;\n        const barHeight = maxValue ? height - margin.top - margin.bottom : 0;\n\n        const x = d3\n            .scaleBand()\n            .domain(data.map((d) => d.label))\n            .range([0, barWidth])\n            .padding(0.5);\n\n        const y = d3.scaleLinear().domain([0, yAxisMaxValue]).range([barHeight, 0]);\n\n        \n        const chart = svg\n        .append(\"g\")\n        .attr(\"transform\", `translate(${margin.left},${maxValue?margin.top:height-50})`);\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\", \"#D3D3D4\")\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(\"rx\", 5)\n            .attr(\"ry\", 5)\n            .attr(\"class\", \"bar\")\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\", (d: any) => d.color);\n\n        const xAxis = chart\n            .append(\"g\")\n            .attr(\"class\", \"x-axis\")\n            .attr(\"transform\", `translate(0, ${barHeight})`)\n            .call(d3.axisTop(x).tickPadding(10) as any)\n            .call(d3.axisBottom(x).tickPadding(5) as any)\n            // .call(d3.axisLeft(x).tickPadding(5) as any)\n\n        xAxis.selectAll(\".tick line\").remove();\n        xAxis.selectAll(\".tick text\").call(wrapText,80);   \n\n        // Calculate optimal number of ticks to prevent overlap\n        const availableHeight = barHeight;\n        const minTickSpacing = 30; // Minimum pixels between ticks\n        const maxOptimalTicks = Math.floor(availableHeight / minTickSpacing);\n        const optimalNumTicks = Math.min(numOfLines, maxOptimalTicks, 8);\n        \n        // Generate optimal tick values\n        const optimalTicks = [];\n        const optimalInterval = yAxisMaxValue / optimalNumTicks;\n        for (let i = 0; i <= optimalNumTicks; i++) {\n            optimalTicks.push(optimalInterval * i);\n        }\n\n        const yAxis = chart\n            .append(\"g\")\n            .attr(\"class\", \"y-axis\")\n            .call(\n                d3.axisLeft(y)\n                    .tickValues(optimalTicks)\n                    .tickFormat((d: any) =>\n                        customLabelFormatter\n                            ? customLabelFormatter(d)\n                            : formatNumber(d, currency, yAxisLabelType)\n                    )\n                    .tickSizeOuter(0)\n                    .tickPadding(8) as any, // Add padding between ticks and labels\n            );\n\n        yAxis.selectAll(\".tick line\").remove();\n        yAxis.select(\".domain\").attr(\"stroke\", \"none\");\n        xAxis.select(\".domain\").attr(\"stroke\", \"none\");\n        \n        // Style y-axis labels for better readability and apply text wrapping\n        yAxis.selectAll(\".tick text\")\n            .style(\"font-size\", \"11px\")\n            .style(\"fill\", \"#666\")\n            .style(\"font-family\", \"Inter, system-ui, Avenir, Helvetica, Arial, sans-serif\")\n            .style(\"text-anchor\", \"end\")\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [data, containerWidth, height, line, yAxisMaxValue, yAxisTicks, currency, yAxisLabelType, customLabelFormatter, calculatedChartWidth]);\n\n    return (\n        <div ref={wrapperRef} \n        style={{ \n            width: '100%', \n            overflowX: needsHorizontalScroll ? 'auto' : 'hidden',\n            overflowY: 'hidden'\n        }}>\n            <svg ref={svgRef} width={calculatedChartWidth} height={height} viewBox={`0 0 ${calculatedChartWidth} ${height}`} />\n        </div>\n    );\n};\n\nexport { BarChart };\nexport default BarChart;\n"],"names":["d3.format","d3.select","d3.scaleBand","d3.scaleLinear","d3.axisTop","d3.axisBottom","d3.axisLeft"],"mappings":"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"}

package/dist/components/charts/barChart/barChart/index.js

@@ -0,0 +1,2 @@
+"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"),n=require("../../../../node_modules/d3-axis/src/axis/index.js"),l=require("../../../../node_modules/d3-format/src/defaultLocale/index.js");function i(e,t){e.each(function(){const e=s.default(this),r=e.text();if(r.length<=8)return;if(r.length>12)return void e.text(r.substring(0,10)+"...");const a=r.split(/\s+/).reverse();let n,l=[],i=0;const o=e.attr("y"),c=parseFloat(e.attr("dy"))||0;let d=e.text(null).append("tspan").attr("x",0).attr("y",o).attr("dy",`${c}em`);for(;n=a.pop();)l.push(n),d.text(l.join(" ")),d.node()&&d.node().getComputedTextLength()>t&&(l.pop(),d.text(l.join(" ")),l=[n],d=e.append("tspan").attr("x",0).attr("y",o).attr("dy",`${1.1*++i+c}em`).text(n))})}const o=({data:o,numOfLines:c=5,initialWidth:d=500,height:u=400,line:f=!1,yAxisLabelType:x="inValue",currency:p,customLabelFormatter:m})=>{const h=t.useRef(null),y=t.useRef(null),[g,v]=t.useState(d),k=t.useMemo(()=>Math.max(...o.map(e=>e.value)),[o]),b=t.useMemo(()=>1.25*k,[k]),j=t.useMemo(()=>{const e=[],t=b/c;for(let r=0;r<=c;r++)e.push(t*r);return e},[b,c]),$=o.length>12,w=$?Math.max(120*o.length,g):g;return t.useEffect(()=>{const e=y.current,t=new ResizeObserver(e=>{if(e[0]){const t=e[0].contentRect.width;v(t)}});return e&&t.observe(e),()=>{e&&t.unobserve(e)}},[]),t.useEffect(()=>{if(0===g)return;const e=s.default(h.current);e.selectAll("*").remove();const t=Math.max(60,110),d=w-t-20,y=k?u-20-25:0,v=r.default().domain(o.map(e=>e.label)).range([0,d]).padding(.5),$=a.default().domain([0,b]).range([y,0]),A=e.append("g").attr("transform",`translate(${t},${k?20:u-50})`);f&&j.slice(1).forEach(e=>{A.append("line").attr("class","dotted-line").attr("x1",0).attr("y1",$(e)).attr("x2",d).attr("y2",$(e)).style("stroke","#D3D3D4").style("stroke-dasharray","3,3").style("opacity",1)}),A.selectAll(".bar").data(o).enter().append("rect").attr("rx",5).attr("ry",5).attr("class","bar").attr("x",e=>v(e.label)).attr("y",e=>$(e.value)).attr("width",v.bandwidth()).attr("height",e=>y-$(e.value)).style("fill",e=>e.color);const M=A.append("g").attr("class","x-axis").attr("transform",`translate(0, ${y})`).call(n.axisTop(v).tickPadding(10)).call(n.axisBottom(v).tickPadding(5));M.selectAll(".tick line").remove(),M.selectAll(".tick text").call(i,80);const q=y,_=Math.floor(q/30),L=Math.min(c,_,8),P=[],O=b/L;for(let r=0;r<=L;r++)P.push(O*r);const R=A.append("g").attr("class","y-axis").call(n.axisLeft($).tickValues(P).tickFormat(e=>{return m?m(e):(t=e,r=p,"inPercent"===(a=x)?`${l.format(".0%")(t/100)}`:"inValue"===a?`${r||""} ${l.format(".2s")(t).replace("k","K")}`:t.toString());var t,r,a}).tickSizeOuter(0).tickPadding(8));R.selectAll(".tick line").remove(),R.select(".domain").attr("stroke","none"),M.select(".domain").attr("stroke","none"),R.selectAll(".tick text").style("font-size","11px").style("fill","#666").style("font-family","Inter, system-ui, Avenir, Helvetica, Arial, sans-serif").style("text-anchor","end")},[o,g,u,f,b,j,p,x,m,w]),/* @__PURE__ */e.jsx("div",{ref:y,style:{width:"100%",overflowX:$?"auto":"hidden",overflowY:"hidden"},children:/* @__PURE__ */e.jsx("svg",{ref:h,width:w,height:u,viewBox:`0 0 ${w} ${u}`})})};exports.BarChart=o,exports.default=o;
+//# sourceMappingURL=index.js.map

package/dist/components/charts/barChart/barChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/barChart/barChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useMemo, useState } 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    initialWidth?: number;\n    height?: any;\n    line?: boolean;\n    chartBarWidth?: number;\n    yAxisLabelType?: 'inPercent' | 'inValue' | 'custom';\n    customLabelFormatter?: (value: number) => string;\n    currency: string\n}\n\nconst formatNumber = (num: number, symbol: string, labelType: string) => {\n    if (labelType === 'inPercent') {\n        return `${d3.format(\".0%\")(num / 100)}`;\n    } else if (labelType === 'inValue') {\n        return `${symbol || ''} ${d3.format(\".2s\")(num).replace('k', 'K')}`;\n    }\n    return num.toString();\n};\n\nfunction wrapText(textSelection: any, width: number) {\n    textSelection.each(function (this: any) {\n      const text = d3.select(this);\n      const originalText = text.text();\n      \n      if (originalText.length <= 8) {\n        return;\n      }\n      \n      if (originalText.length > 12) {\n        text.text(originalText.substring(0, 10) + '...');\n        return;\n      }\n      \n      const words = originalText.split(/\\s+/).reverse();\n      let word;\n      let line: string[] = [];\n      let lineNumber = 0;\n      const lineHeight = 1.1; // ems\n      const y = text.attr(\"y\");\n      const dy = parseFloat(text.attr(\"dy\")) || 0;\n  \n      let tspan = text\n        .text(null)\n        .append(\"tspan\")\n        .attr(\"x\", 0)\n        .attr(\"y\", y)\n        .attr(\"dy\", `${dy}em`);\n  \n      while ((word = words.pop())) {\n        line.push(word);\n        tspan.text(line.join(\" \"));\n        if (tspan.node() && tspan.node()!.getComputedTextLength() > width) {\n          line.pop();\n          tspan.text(line.join(\" \"));\n          line = [word];\n          tspan = text\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", y)\n            .attr(\"dy\", `${++lineNumber * lineHeight + dy}em`)\n            .text(word);\n        }\n      }\n    });\n  }\n  \nconst BarChart: React.FC<BarChartProps> = ({\n    data,\n    numOfLines = 5,\n    initialWidth = 500,\n    height = 400,\n    line = false,\n    yAxisLabelType = 'inValue',\n    currency,\n    customLabelFormatter,\n}) => {\n    const svgRef = useRef<SVGSVGElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(initialWidth);\n\n    const maxValue = useMemo(() => Math.max(...data.map((d) => d.value)), [data]);\n\n    const yAxisMaxValue = useMemo(() => maxValue * 1.25, [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\n    const needsHorizontalScroll = data.length > 12;\n    const minGroupWidth = 120; \n    const calculatedChartWidth = needsHorizontalScroll \n        ? Math.max(data.length * minGroupWidth, containerWidth)\n        : containerWidth;\n\n    // ResizeObserver to make the chart responsive\n\n    useEffect(() => {\n        const wrapper = wrapperRef.current;\n\n        const resizeObserver = new ResizeObserver((entries) => {\n            if (entries[0]) {\n                const newWidth = entries[0].contentRect.width;\n                setContainerWidth(newWidth);\n            }\n        });\n\n        if (wrapper) {\n            resizeObserver.observe(wrapper);\n        }\n    \n        return () => {\n            if (wrapper) {\n                resizeObserver.unobserve(wrapper);\n            }\n        };\n    }, []);\n    useEffect(() => {\n        if (containerWidth === 0) return;\n\n        const svg = d3.select(svgRef.current);\n\n        svg.selectAll(\"*\").remove();\n\n        // Calculate dynamic left margin based on label length (accounting for wrapping)\n        // const sampleLabel = customLabelFormatter \n        //     ? customLabelFormatter(yAxisMaxValue)\n        //     : formatNumber(yAxisMaxValue, currency, yAxisLabelType);\n        const maxLabelWidth = 80; // Maximum width for wrapped labels\n        const dynamicLeftMargin = Math.max(60, maxLabelWidth + 30);\n        \n        const margin = { top: 20, right: 20, bottom: 25, left: dynamicLeftMargin };\n        const barWidth = calculatedChartWidth - margin.left - margin.right;\n        const barHeight = maxValue ? height - margin.top - margin.bottom : 0;\n\n        const x = d3\n            .scaleBand()\n            .domain(data.map((d) => d.label))\n            .range([0, barWidth])\n            .padding(0.5);\n\n        const y = d3.scaleLinear().domain([0, yAxisMaxValue]).range([barHeight, 0]);\n\n        \n        const chart = svg\n        .append(\"g\")\n        .attr(\"transform\", `translate(${margin.left},${maxValue?margin.top:height-50})`);\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\", \"#D3D3D4\")\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(\"rx\", 5)\n            .attr(\"ry\", 5)\n            .attr(\"class\", \"bar\")\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\", (d: any) => d.color);\n\n        const xAxis = chart\n            .append(\"g\")\n            .attr(\"class\", \"x-axis\")\n            .attr(\"transform\", `translate(0, ${barHeight})`)\n            .call(d3.axisTop(x).tickPadding(10) as any)\n            .call(d3.axisBottom(x).tickPadding(5) as any)\n            // .call(d3.axisLeft(x).tickPadding(5) as any)\n\n        xAxis.selectAll(\".tick line\").remove();\n        xAxis.selectAll(\".tick text\").call(wrapText,80);   \n\n        // Calculate optimal number of ticks to prevent overlap\n        const availableHeight = barHeight;\n        const minTickSpacing = 30; // Minimum pixels between ticks\n        const maxOptimalTicks = Math.floor(availableHeight / minTickSpacing);\n        const optimalNumTicks = Math.min(numOfLines, maxOptimalTicks, 8);\n        \n        // Generate optimal tick values\n        const optimalTicks = [];\n        const optimalInterval = yAxisMaxValue / optimalNumTicks;\n        for (let i = 0; i <= optimalNumTicks; i++) {\n            optimalTicks.push(optimalInterval * i);\n        }\n\n        const yAxis = chart\n            .append(\"g\")\n            .attr(\"class\", \"y-axis\")\n            .call(\n                d3.axisLeft(y)\n                    .tickValues(optimalTicks)\n                    .tickFormat((d: any) =>\n                        customLabelFormatter\n                            ? customLabelFormatter(d)\n                            : formatNumber(d, currency, yAxisLabelType)\n                    )\n                    .tickSizeOuter(0)\n                    .tickPadding(8) as any, // Add padding between ticks and labels\n            );\n\n        yAxis.selectAll(\".tick line\").remove();\n        yAxis.select(\".domain\").attr(\"stroke\", \"none\");\n        xAxis.select(\".domain\").attr(\"stroke\", \"none\");\n        \n        // Style y-axis labels for better readability and apply text wrapping\n        yAxis.selectAll(\".tick text\")\n            .style(\"font-size\", \"11px\")\n            .style(\"fill\", \"#666\")\n            .style(\"font-family\", \"Inter, system-ui, Avenir, Helvetica, Arial, sans-serif\")\n            .style(\"text-anchor\", \"end\")\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [data, containerWidth, height, line, yAxisMaxValue, yAxisTicks, currency, yAxisLabelType, customLabelFormatter, calculatedChartWidth]);\n\n    return (\n        <div ref={wrapperRef} \n        style={{ \n            width: '100%', \n            overflowX: needsHorizontalScroll ? 'auto' : 'hidden',\n            overflowY: 'hidden'\n        }}>\n            <svg ref={svgRef} width={calculatedChartWidth} height={height} viewBox={`0 0 ${calculatedChartWidth} ${height}`} />\n        </div>\n    );\n};\n\nexport { BarChart };\nexport default BarChart;\n"],"names":["wrapText","textSelection","width","each","text","d3.select","this","originalText","length","substring","words","split","reverse","word","line","lineNumber","y","attr","dy","parseFloat","tspan","append","pop","push","join","node","getComputedTextLength","BarChart","data","numOfLines","initialWidth","height","yAxisLabelType","currency","customLabelFormatter","svgRef","useRef","wrapperRef","containerWidth","setContainerWidth","useState","maxValue","useMemo","Math","max","map","d","value","yAxisMaxValue","yAxisTicks","ticks","interval","i","needsHorizontalScroll","calculatedChartWidth","useEffect","wrapper","current","resizeObserver","ResizeObserver","entries","newWidth","contentRect","observe","unobserve","svg","selectAll","remove","margin","maxLabelWidth","barWidth","barHeight","x","d3.scaleBand","domain","label","range","padding","d3.scaleLinear","chart","slice","forEach","tick","style","enter","bandwidth","color","xAxis","call","d3.axisTop","tickPadding","d3.axisBottom","availableHeight","maxOptimalTicks","floor","optimalNumTicks","min","optimalTicks","optimalInterval","yAxis","d3.axisLeft","tickValues","tickFormat","num","symbol","labelType","d3.format","replace","toString","tickSizeOuter","select","jsx","ref","overflowX","overflowY","children","viewBox"],"mappings":"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"}