@erpsquad/common 1.8.46 → 1.8.47

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

@@ -1,5 +1,7 @@
-var propTypes = { 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 {
-  propTypes as __module
+  require$$0 as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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 propTypes = { exports: {} };
 export {
-  require$$0 as default
+  propTypes 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.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=index.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/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/charts/index.d.ts

@@ -3,7 +3,10 @@ export * from './areaLinerChart';
 export { default as ChartLegends } from './ChartLegends';
 export * from './ChartLegends';
 export * from './bar-chart';
+export * from './barChart';
 export * from './barLineChart';
 export * from './donut-chart';
+export * from './donutChart';
 export * from './groupBarChart';
+export * from './line-chart';
 export * from './multiLineChart';

package/dist/components/charts/line-chart/area-lineChart/index.esm.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import linear from "../../../../node_modules/d3-scale/src/linear/index.esm.js";
+import max from "../../../../node_modules/d3-array/src/max/index.esm.js";
+import select from "../../../../node_modules/d3-selection/src/select/index.esm.js";
+import line from "../../../../node_modules/d3-shape/src/line/index.esm.js";
+import area from "../../../../node_modules/d3-shape/src/area/index.esm.js";
+const AreaLineChartTwo = ({
+  data,
+  width = "100%",
+  // Default to responsive width
+  height = 200,
+  // Set a default numeric height
+  lineColor = "#ADE7CB",
+  lineFillColor = "#EBF9F2",
+  ...rest
+}) => {
+  const svgRef = useRef(null);
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver(() => {
+      if (containerRef.current) {
+        setContainerWidth(containerRef.current.clientWidth);
+      }
+    });
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current);
+      setContainerWidth(containerRef.current.clientWidth);
+    }
+    return () => resizeObserver.disconnect();
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = { top: 5, left: 0, right: 0 };
+    const chartWidth = containerWidth - margin.left - margin.right;
+    const chartHeight = height;
+    const x = linear().domain([0, data.length - 1]).range([0, chartWidth]);
+    const y = linear().domain([0, max(data, (d) => d.value) || 1]).range([chartHeight, 0]);
+    const line$1 = line().x((_, i) => x(i)).y((d) => y(d.value));
+    const area$1 = area().x((_, i) => x(i)).y0(chartHeight).y1((d) => y(d.value));
+    const chart = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+    chart.append("path").datum(data).attr("class", "line").attr("d", line$1).style("fill", "none").style("stroke", lineColor).style("stroke-width", 5);
+    chart.append("path").datum(data).attr("class", "area").attr("d", area$1).style("fill", lineFillColor);
+    chart.selectAll(".domain").remove();
+    chart.selectAll(".tick line").remove();
+  }, [data, height, lineColor, lineFillColor, containerWidth]);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, style: { width, height }, children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width: "100%", height: "100%", ...rest }) });
+};
+export {
+  AreaLineChartTwo as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/charts/line-chart/area-lineChart/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChartTwo: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChartTwo;\n"],"names":["d3.select","d3.scaleLinear","d3.max","line","d3.line","area","d3.area"],"mappings":";;;;;;;AAgBA,MAAM,mBAA6C,CAAC;AAAA,EAClD;AAAA,EACA,QAAQ;AAAA;AAAA,EACR,SAAS;AAAA;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAsB,IAAI;AACzC,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AAEtD,YAAU,MAAM;AAEd,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,UAAI,aAAa,SAAS;AACxB,0BAAkB,aAAa,QAAQ,WAAW;AAAA,MACpD;AAAA,IACF,CAAC;AAED,QAAI,aAAa,SAAS;AACxB,qBAAe,QAAQ,aAAa,OAAO;AAC3C,wBAAkB,aAAa,QAAQ,WAAW;AAAA,IACpD;AAEA,WAAO,MAAM,eAAe,WAAA;AAAA,EAC9B,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,QAAI,mBAAmB,EAAG;AAE1B,UAAM,MAAMA,OAAU,OAAO,OAAO;AACpC,QAAI,UAAU,GAAG,EAAE,OAAA;AAEnB,UAAM,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,EAAa;AACtD,UAAM,aAAa,iBAAiB,OAAO,OAAO,OAAO;AACzD,UAAM,cAAc;AAEpB,UAAM,IAAIC,OACP,EACA,OAAO,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,EAC3B,MAAM,CAAC,GAAG,UAAU,CAAC;AAExB,UAAM,IAAIA,SAEP,OAAO,CAAC,GAAGC,IAAO,MAAM,CAAC,MAAiB,EAAE,KAAK,KAAK,CAAC,CAAC,EACxD,MAAM,CAAC,aAAa,CAAC,CAAC;AAEzB,UAAMC,SAAOC,KACV,EACA,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,EAChB,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC;AAEtB,UAAMC,SAAOC,OAEV,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,EAChB,GAAG,WAAW,EACd,GAAG,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC;AAEvB,UAAM,QAAQ,IACX,OAAO,GAAG,EACV,KAAK,aAAa,aAAa,OAAO,IAAI,IAAI,OAAO,GAAG,GAAG;AAE9D,UACG,OAAO,MAAM,EACb,MAAM,IAAI,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,KAAKH,MAAI,EACd,MAAM,QAAQ,MAAM,EACpB,MAAM,UAAU,SAAS,EACzB,MAAM,gBAAgB,CAAC;AAE1B,UACG,OAAO,MAAM,EACb,MAAM,IAAI,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,KAAKE,MAAI,EACd,MAAM,QAAQ,aAAa;AAE9B,UAAM,UAAU,SAAS,EAAE,OAAA;AAC3B,UAAM,UAAU,YAAY,EAAE,OAAA;AAAA,EAChC,GAAG,CAAC,MAAM,QAAQ,WAAW,eAAe,cAAc,CAAC;AAE3D,6BACG,OAAA,EAAI,KAAK,cAAc,OAAO,EAAE,OAAc,OAAA,GAC7C,8BAAC,OAAA,EAAI,KAAK,QAAQ,OAAM,QAAO,QAAO,QAAQ,GAAG,MAAM,GACzD;AAEJ;"}

package/dist/components/charts/line-chart/area-lineChart/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/linear/index.js"),l=require("../../../../node_modules/d3-array/src/max/index.js"),s=require("../../../../node_modules/d3-selection/src/select/index.js"),n=require("../../../../node_modules/d3-shape/src/line/index.js"),a=require("../../../../node_modules/d3-shape/src/area/index.js");exports.default=({data:d,width:i="100%",height:u=200,lineColor:c="#ADE7CB",lineFillColor:o="#EBF9F2",...f})=>{const h=t.useRef(null),m=t.useRef(null),[p,x]=t.useState(0);return t.useEffect(()=>{const e=new ResizeObserver(()=>{m.current&&x(m.current.clientWidth)});return m.current&&(e.observe(m.current),x(m.current.clientWidth)),()=>e.disconnect()},[]),t.useEffect(()=>{if(0===p)return;const e=s.default(h.current);e.selectAll("*").remove();const t=p-0-0,i=u,f=r.default().domain([0,d.length-1]).range([0,t]),m=r.default().domain([0,l.default(d,e=>e.value)||1]).range([i,0]),x=n.default().x((e,t)=>f(t)).y(e=>m(e.value)),v=a.default().x((e,t)=>f(t)).y0(i).y1(e=>m(e.value)),y=e.append("g").attr("transform","translate(0,5)");y.append("path").datum(d).attr("class","line").attr("d",x).style("fill","none").style("stroke",c).style("stroke-width",5),y.append("path").datum(d).attr("class","area").attr("d",v).style("fill",o),y.selectAll(".domain").remove(),y.selectAll(".tick line").remove()},[d,u,c,o,p]),/* @__PURE__ */e.jsx("div",{ref:m,style:{width:i,height:u},children:/* @__PURE__ */e.jsx("svg",{ref:h,width:"100%",height:"100%",...f})})};
+//# sourceMappingURL=index.js.map

package/dist/components/charts/line-chart/area-lineChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChartTwo: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChartTwo;\n"],"names":["data","width","height","lineColor","lineFillColor","rest","svgRef","useRef","containerRef","containerWidth","setContainerWidth","useState","useEffect","resizeObserver","ResizeObserver","current","clientWidth","observe","disconnect","svg","d3.select","selectAll","remove","chartWidth","chartHeight","x","d3.scaleLinear","domain","length","range","y","d3.max","d","value","line","d3.line","_","i","area","d3.area","y0","y1","chart","append","attr","datum","style","ref","children"],"mappings":"sdAgBmD,EACjDA,OACAC,QAAQ,OACRC,SAAS,IACTC,YAAY,UACZC,gBAAgB,aACbC,MAEH,MAAMC,EAASC,EAAAA,OAAsB,MAC/BC,EAAeD,EAAAA,OAAuB,OACrCE,EAAgBC,GAAqBC,EAAAA,SAAS,GAyErD,OAvEAC,EAAAA,UAAU,KAER,MAAMC,EAAiB,IAAIC,eAAe,KACpCN,EAAaO,SACfL,EAAkBF,EAAaO,QAAQC,eAS3C,OALIR,EAAaO,UACfF,EAAeI,QAAQT,EAAaO,SACpCL,EAAkBF,EAAaO,QAAQC,cAGlC,IAAMH,EAAeK,cAC3B,IAEHN,EAAAA,UAAU,KACR,GAAuB,IAAnBH,EAAsB,OAE1B,MAAMU,EAAMC,EAAAA,QAAUd,EAAOS,SAC7BI,EAAIE,UAAU,KAAKC,SAEnB,MACMC,EAAad,EADY,EAAU,EAEnCe,EAActB,EAEduB,EAAIC,EAAAA,UAEPC,OAAO,CAAC,EAAG3B,EAAK4B,OAAS,IACzBC,MAAM,CAAC,EAAGN,IAEPO,EAAIJ,EAAAA,UAEPC,OAAO,CAAC,EAAGI,EAAAA,QAAO/B,EAAOgC,GAAiBA,EAAEC,QAAU,IACtDJ,MAAM,CAACL,EAAa,IAEjBU,EAAOC,EAAAA,UAEVV,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdP,EAAGE,GAAMF,EAAEE,EAAEC,QAEVK,EAAOC,EAAAA,UAEVd,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdG,GAAGhB,GACHiB,GAAIT,GAAMF,EAAEE,EAAEC,QAEXS,EAAQvB,EACXwB,OAAO,KACPC,KAAK,YAAa,kBAErBF,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKV,GACVY,MAAM,OAAQ,QACdA,MAAM,SAAU3C,GAChB2C,MAAM,eAAgB,GAEzBJ,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKN,GACVQ,MAAM,OAAQ1C,GAEjBsC,EAAMrB,UAAU,WAAWC,SAC3BoB,EAAMrB,UAAU,cAAcC,UAC7B,CAACtB,EAAME,EAAQC,EAAWC,EAAeK,yBAGzC,MAAA,CAAIsC,IAAKvC,EAAcsC,MAAO,CAAE7C,QAAcC,UAC7C8C,8BAAC,MAAA,CAAID,IAAKzC,EAAQL,MAAM,OAAOC,OAAO,UAAWG"}

package/dist/components/charts/{bar-chart/bar-chart → line-chart/line-chart}/index.esm.js

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

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

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

package/dist/components/charts/line-chart/line-chart/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"),s=require("../../../../node_modules/d3-scale/src/linear/index.js"),a=require("../../../../node_modules/d3-array/src/max/index.js"),l=require("../../../../node_modules/d3-selection/src/select/index.js"),n=require("../../../../node_modules/d3-shape/src/line/index.js"),o=require("../../../../node_modules/d3-axis/src/axis/index.js");exports.default=({data:i,numOfLines:d=5,width:c=500,height:u=300})=>{const m=t.useRef(null),h=t.useRef(null),p=t.useMemo(()=>Math.max(...i.map(e=>e.value)),[i]),y=t.useMemo(()=>1.25*p,[p]),x=t.useMemo(()=>{const e=[],t=y/d;for(let r=0;r<=d;r++)e.push(t*r);return e},[y,d]),f=i.length>12?Math.max(120*i.length,c):c;return t.useEffect(()=>{const e=h.current,t=new ResizeObserver(e=>{if(e[0]){const t=e[0].contentRect.width;setContainerWidth(t)}});return e&&t.observe(e),()=>{e&&t.unobserve(e)}},[]),t.useEffect(()=>{const e=l.default(m.current);e.selectAll("*").remove();const t=f-40-20,d=u-20-70,h=r.default().domain(i.map(e=>e.label)).range([0,t]).padding(.1),p=s.default().domain([0,a.default(i,e=>e.value)]).range([d,0]),y=e.append("g").attr("transform","translate(40,20)"),v=n.default().x(e=>h(e.label)+h.bandwidth()/2).y(e=>p(e.value));y.append("path").datum(i).attr("class","line").attr("d",v).style("fill","none").style("stroke","#357AF6").style("stroke-width",2),y.selectAll(".point").data(i).enter().append("circle").attr("class","point").attr("cx",e=>h(e.label)+h.bandwidth()/2).attr("cy",e=>p(e.value)).attr("r",4).style("fill","#357AF6").on("mousemove",(e,t)=>{const r=e.offsetX+40-25,s=e.offsetY+20-40,a=`${t.label} - ${t.value}`;b.attr("x",r).attr("y",s).style("opacity",9).style("height",a.length>=16?50:35),w.html(a)}).on("mouseleave",()=>{b.style("opacity",0)}),x.slice(1).forEach(e=>{y.append("line").attr("class","dotted-line").attr("x1",0).attr("y1",p(e)).attr("x2",c).attr("y2",p(e)).style("stroke","gray").style("stroke-dasharray","3,3")}),y.append("g").attr("class","x-axis").attr("transform",`translate(0, ${d})`).call(o.axisBottom(h)).selectAll(".tick line").remove();const g=y.append("g").attr("class","y-axis").call(o.axisLeft(p).tickValues(x).tickFormat(e=>{return(t=e)>=1e9?(t/1e9).toFixed(1)+"B":t>=1e6?(t/1e6).toFixed(1)+"M":t>=1e3?(t/1e3).toFixed(1)+"K":t;var t}).tickSizeOuter(0),0);g.selectAll(".domain").remove(),g.selectAll(".tick line").remove();const b=e.append("foreignObject").attr("class","tooltip").attr("width",120).attr("height",20).style("opacity",0).style("position","absolute").style("background-color","white").style("border","none").style("box-shadow","0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)").style("border-radius","0.313rem").style("padding","0.625rem").style("font-size","0.75rem"),w=b.append("xhtml:div").style("font-size","0.75rem").style("color","black")},[i,u,c,y,x,f]),/* @__PURE__ */e.jsx("div",{ref:h,style:{width:"100%",height:"100%"},children:/* @__PURE__ */e.jsx("svg",{ref:m,width:f,height:u,viewBox:`0 0 ${f} ${u}`})})};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/header/redux/reducer/index.esm.js

@@ -45,7 +45,12 @@ const headerSlice = createSlice({
     );
   }
 });
+const { setLanguages, setCurrentLanguage } = headerSlice.actions;
+var reducer = headerSlice.reducer;
 export {
-  headerSlice
+  reducer as default,
+  headerSlice,
+  setCurrentLanguage,
+  setLanguages
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/header/redux/reducer/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/header/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchLanguages } from \"./actionCreator\";\nimport { getErrorMessage } from \"../../../utils/common\";\n\nexport const headerSlice = createSlice({\n  name: \"header\",\n  initialState,\n  reducers: {\n    setLanguages(state, { payload }) {\n\t\t\tstate.languagesData = { ...state.languagesData, ...payload };\n\t\t},\n    setCurrentLanguage(state, { payload }) {\n\t\t\tstate.currentLanguage = { ...state.currentLanguage, ...payload };\n\t\t},\n  },\n  extraReducers: (builder) => {\n    /*-------------------------------- GET LANGUAGES ---------------------------------*/\n    builder.addCase(fetchLanguages.pending, (state) => {\n      state.languagesData = {\n        isLoading: true,\n        isError: false,\n        error: '',\n        data: [],\n      }\n    }).addCase(fetchLanguages.fulfilled, (state, { payload }) => {\n        state.languagesData = {\n          isLoading: false,\n          isError: false,\n          error: '',\n          data: payload.languages || [],\n        }\n      },\n    ).addCase(fetchLanguages.rejected, (state, { error }) => {\n        const m = getErrorMessage(error.message);\n        state.languagesData = {\n          isLoading: false,\n          isError: true,\n          error: m,\n          data: [],\n        }\n      },\n    );\n  },\n});\n\nexport const { setLanguages, setCurrentLanguage } = headerSlice.actions;\n\nexport default headerSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;;AAKO,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU;AAAA,IACR,aAAaC,QAAO,EAAE,WAAW;AAClC,MAAAA,OAAM,gBAAgB,EAAE,GAAGA,OAAM,eAAe,GAAG,QAAA;AAAA,IACpD;AAAA,IACE,mBAAmBA,QAAO,EAAE,WAAW;AACxC,MAAAA,OAAM,kBAAkB,EAAE,GAAGA,OAAM,iBAAiB,GAAG,QAAA;AAAA,IACxD;AAAA,EAAA;AAAA,EAEA,eAAe,CAAC,YAAY;AAE1B,YAAQ,QAAQ,eAAe,SAAS,CAACA,WAAU;AACjD,MAAAA,OAAM,gBAAgB;AAAA,QACpB,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM,CAAA;AAAA,MAAC;AAAA,IAEX,CAAC,EAAE;AAAA,MAAQ,eAAe;AAAA,MAAW,CAACA,QAAO,EAAE,cAAc;AACzD,QAAAA,OAAM,gBAAgB;AAAA,UACpB,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM,QAAQ,aAAa,CAAA;AAAA,QAAC;AAAA,MAEhC;AAAA,IAAA,EACA;AAAA,MAAQ,eAAe;AAAA,MAAU,CAACA,QAAO,EAAE,YAAY;AACrD,cAAM,IAAI,gBAAgB,MAAM,OAAO;AACvC,QAAAA,OAAM,gBAAgB;AAAA,UACpB,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM,CAAA;AAAA,QAAC;AAAA,MAEX;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/header/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchLanguages } from \"./actionCreator\";\nimport { getErrorMessage } from \"../../../utils/common\";\n\nexport const headerSlice = createSlice({\n  name: \"header\",\n  initialState,\n  reducers: {\n    setLanguages(state, { payload }) {\n\t\t\tstate.languagesData = { ...state.languagesData, ...payload };\n\t\t},\n    setCurrentLanguage(state, { payload }) {\n\t\t\tstate.currentLanguage = { ...state.currentLanguage, ...payload };\n\t\t},\n  },\n  extraReducers: (builder) => {\n    /*-------------------------------- GET LANGUAGES ---------------------------------*/\n    builder.addCase(fetchLanguages.pending, (state) => {\n      state.languagesData = {\n        isLoading: true,\n        isError: false,\n        error: '',\n        data: [],\n      }\n    }).addCase(fetchLanguages.fulfilled, (state, { payload }) => {\n        state.languagesData = {\n          isLoading: false,\n          isError: false,\n          error: '',\n          data: payload.languages || [],\n        }\n      },\n    ).addCase(fetchLanguages.rejected, (state, { error }) => {\n        const m = getErrorMessage(error.message);\n        state.languagesData = {\n          isLoading: false,\n          isError: true,\n          error: m,\n          data: [],\n        }\n      },\n    );\n  },\n});\n\nexport const { setLanguages, setCurrentLanguage } = headerSlice.actions;\n\nexport default headerSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;;AAKO,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU;AAAA,IACR,aAAaC,QAAO,EAAE,WAAW;AAClC,MAAAA,OAAM,gBAAgB,EAAE,GAAGA,OAAM,eAAe,GAAG,QAAA;AAAA,IACpD;AAAA,IACE,mBAAmBA,QAAO,EAAE,WAAW;AACxC,MAAAA,OAAM,kBAAkB,EAAE,GAAGA,OAAM,iBAAiB,GAAG,QAAA;AAAA,IACxD;AAAA,EAAA;AAAA,EAEA,eAAe,CAAC,YAAY;AAE1B,YAAQ,QAAQ,eAAe,SAAS,CAACA,WAAU;AACjD,MAAAA,OAAM,gBAAgB;AAAA,QACpB,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM,CAAA;AAAA,MAAC;AAAA,IAEX,CAAC,EAAE;AAAA,MAAQ,eAAe;AAAA,MAAW,CAACA,QAAO,EAAE,cAAc;AACzD,QAAAA,OAAM,gBAAgB;AAAA,UACpB,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM,QAAQ,aAAa,CAAA;AAAA,QAAC;AAAA,MAEhC;AAAA,IAAA,EACA;AAAA,MAAQ,eAAe;AAAA,MAAU,CAACA,QAAO,EAAE,YAAY;AACrD,cAAM,IAAI,gBAAgB,MAAM,OAAO;AACvC,QAAAA,OAAM,gBAAgB;AAAA,UACpB,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM,CAAA;AAAA,QAAC;AAAA,MAEX;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;AAEM,MAAM,EAAE,cAAc,mBAAA,IAAuB,YAAY;AAEhE,IAAA,UAAe,YAAY;"}

package/dist/components/header/redux/reducer/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),a=require("../state/index.js"),r=require("../actionCreator/index.js"),s=require("../../../../utils/common/index.js");const t=e.createSlice({name:"header",initialState:a.state,reducers:{setLanguages(e,{payload:a}){e.languagesData={...e.languagesData,...a}},setCurrentLanguage(e,{payload:a}){e.currentLanguage={...e.currentLanguage,...a}}},extraReducers:e=>{e.addCase(r.fetchLanguages.pending,e=>{e.languagesData={isLoading:!0,isError:!1,error:"",data:[]}}).addCase(r.fetchLanguages.fulfilled,(e,{payload:a})=>{e.languagesData={isLoading:!1,isError:!1,error:"",data:a.languages||[]}}).addCase(r.fetchLanguages.rejected,(e,{error:a})=>{const r=s.getErrorMessage(a.message);e.languagesData={isLoading:!1,isError:!0,error:r,data:[]}})}});exports.headerSlice=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),a=require("../state/index.js"),r=require("../actionCreator/index.js"),s=require("../../../../utils/common/index.js");const t=e.createSlice({name:"header",initialState:a.state,reducers:{setLanguages(e,{payload:a}){e.languagesData={...e.languagesData,...a}},setCurrentLanguage(e,{payload:a}){e.currentLanguage={...e.currentLanguage,...a}}},extraReducers:e=>{e.addCase(r.fetchLanguages.pending,e=>{e.languagesData={isLoading:!0,isError:!1,error:"",data:[]}}).addCase(r.fetchLanguages.fulfilled,(e,{payload:a})=>{e.languagesData={isLoading:!1,isError:!1,error:"",data:a.languages||[]}}).addCase(r.fetchLanguages.rejected,(e,{error:a})=>{const r=s.getErrorMessage(a.message);e.languagesData={isLoading:!1,isError:!0,error:r,data:[]}})}}),{setLanguages:g,setCurrentLanguage:n}=t.actions;var u=t.reducer;exports.default=u,exports.headerSlice=t,exports.setCurrentLanguage=n,exports.setLanguages=g;
 //# sourceMappingURL=index.js.map

package/dist/components/header/redux/reducer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/header/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchLanguages } from \"./actionCreator\";\nimport { getErrorMessage } from \"../../../utils/common\";\n\nexport const headerSlice = createSlice({\n  name: \"header\",\n  initialState,\n  reducers: {\n    setLanguages(state, { payload }) {\n\t\t\tstate.languagesData = { ...state.languagesData, ...payload };\n\t\t},\n    setCurrentLanguage(state, { payload }) {\n\t\t\tstate.currentLanguage = { ...state.currentLanguage, ...payload };\n\t\t},\n  },\n  extraReducers: (builder) => {\n    /*-------------------------------- GET LANGUAGES ---------------------------------*/\n    builder.addCase(fetchLanguages.pending, (state) => {\n      state.languagesData = {\n        isLoading: true,\n        isError: false,\n        error: '',\n        data: [],\n      }\n    }).addCase(fetchLanguages.fulfilled, (state, { payload }) => {\n        state.languagesData = {\n          isLoading: false,\n          isError: false,\n          error: '',\n          data: payload.languages || [],\n        }\n      },\n    ).addCase(fetchLanguages.rejected, (state, { error }) => {\n        const m = getErrorMessage(error.message);\n        state.languagesData = {\n          isLoading: false,\n          isError: true,\n          error: m,\n          data: [],\n        }\n      },\n    );\n  },\n});\n\nexport const { setLanguages, setCurrentLanguage } = headerSlice.actions;\n\nexport default headerSlice.reducer;\n"],"names":["headerSlice","createSlice","name","initialState","reducers","setLanguages","state","payload","languagesData","setCurrentLanguage","currentLanguage","extraReducers","builder","addCase","fetchLanguages","pending","isLoading","isError","error","data","fulfilled","languages","rejected","m","getErrorMessage","message"],"mappings":"2NAKO,MAAMA,EAAcC,EAAAA,YAAY,CACrCC,KAAM,SAAAC,aACNA,EAAAA,MACAC,SAAU,CACR,YAAAC,CAAaC,GAAOC,QAAEA,IACvBD,EAAME,cAAgB,IAAKF,EAAME,iBAAkBD,EACpD,EACE,kBAAAE,CAAmBH,GAAOC,QAAEA,IAC7BD,EAAMI,gBAAkB,IAAKJ,EAAMI,mBAAoBH,EACxD,GAEAI,cAAgBC,IAEdA,EAAQC,QAAQC,EAAAA,eAAeC,QAAUT,IACvCA,EAAME,cAAgB,CACpBQ,WAAW,EACXC,SAAS,EACTC,MAAO,GACPC,KAAM,MAEPN,QAAQC,EAAAA,eAAeM,UAAW,CAACd,GAASC,cAC3CD,EAAME,cAAgB,CACpBQ,WAAW,EACXC,SAAS,EACTC,MAAO,GACPC,KAAMZ,EAAQc,WAAa,MAG/BR,QAAQC,EAAAA,eAAeQ,SAAU,CAAChB,GAASY,YACzC,MAAMK,EAAIC,EAAAA,gBAAgBN,EAAMO,SAChCnB,EAAME,cAAgB,CACpBQ,WAAW,EACXC,SAAS,EACTC,MAAOK,EACPJ,KAAM"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/header/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchLanguages } from \"./actionCreator\";\nimport { getErrorMessage } from \"../../../utils/common\";\n\nexport const headerSlice = createSlice({\n  name: \"header\",\n  initialState,\n  reducers: {\n    setLanguages(state, { payload }) {\n\t\t\tstate.languagesData = { ...state.languagesData, ...payload };\n\t\t},\n    setCurrentLanguage(state, { payload }) {\n\t\t\tstate.currentLanguage = { ...state.currentLanguage, ...payload };\n\t\t},\n  },\n  extraReducers: (builder) => {\n    /*-------------------------------- GET LANGUAGES ---------------------------------*/\n    builder.addCase(fetchLanguages.pending, (state) => {\n      state.languagesData = {\n        isLoading: true,\n        isError: false,\n        error: '',\n        data: [],\n      }\n    }).addCase(fetchLanguages.fulfilled, (state, { payload }) => {\n        state.languagesData = {\n          isLoading: false,\n          isError: false,\n          error: '',\n          data: payload.languages || [],\n        }\n      },\n    ).addCase(fetchLanguages.rejected, (state, { error }) => {\n        const m = getErrorMessage(error.message);\n        state.languagesData = {\n          isLoading: false,\n          isError: true,\n          error: m,\n          data: [],\n        }\n      },\n    );\n  },\n});\n\nexport const { setLanguages, setCurrentLanguage } = headerSlice.actions;\n\nexport default headerSlice.reducer;\n"],"names":["headerSlice","createSlice","name","initialState","reducers","setLanguages","state","payload","languagesData","setCurrentLanguage","currentLanguage","extraReducers","builder","addCase","fetchLanguages","pending","isLoading","isError","error","data","fulfilled","languages","rejected","m","getErrorMessage","message","actions","reducer"],"mappings":"2NAKO,MAAMA,EAAcC,EAAAA,YAAY,CACrCC,KAAM,SAAAC,aACNA,EAAAA,MACAC,SAAU,CACR,YAAAC,CAAaC,GAAOC,QAAEA,IACvBD,EAAME,cAAgB,IAAKF,EAAME,iBAAkBD,EACpD,EACE,kBAAAE,CAAmBH,GAAOC,QAAEA,IAC7BD,EAAMI,gBAAkB,IAAKJ,EAAMI,mBAAoBH,EACxD,GAEAI,cAAgBC,IAEdA,EAAQC,QAAQC,EAAAA,eAAeC,QAAUT,IACvCA,EAAME,cAAgB,CACpBQ,WAAW,EACXC,SAAS,EACTC,MAAO,GACPC,KAAM,MAEPN,QAAQC,EAAAA,eAAeM,UAAW,CAACd,GAASC,cAC3CD,EAAME,cAAgB,CACpBQ,WAAW,EACXC,SAAS,EACTC,MAAO,GACPC,KAAMZ,EAAQc,WAAa,MAG/BR,QAAQC,EAAAA,eAAeQ,SAAU,CAAChB,GAASY,YACzC,MAAMK,EAAIC,EAAAA,gBAAgBN,EAAMO,SAChCnB,EAAME,cAAgB,CACpBQ,WAAW,EACXC,SAAS,EACTC,MAAOK,EACPJ,KAAM,UAOHd,aAAEA,EAAAI,mBAAcA,GAAuBT,EAAY0B,QAEhE,IAAAC,EAAe3B,EAAY2B"}

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './accordion';
 export * from './action-bar';
 export * from './activity-tag';
 export * from './activityArea';
+export * from './activityLog';
 export * from './alert';
 export * from './appbar';
 export * from './approval-wrapper';
@@ -48,13 +49,16 @@ export * from './examples';
 export * from './expandable-summary-wrapper';
 export * from './fallback';
 export * from './filter';
+export * from './footer';
 export * from './form-control';
 export * from './form-header';
 export * from './gantt';
 export * from './grid';
 export * from './grid-fallback';
+export * from './header';
 export * from './header-card';
 export * from './hr-line';
+export * from './icons';
 export * from './info-card';
 export * from './inventory-reports-title-bar';
 export * from './label-value';
@@ -62,6 +66,7 @@ export * from './list';
 export * from './listing';
 export * from './loaders';
 export * from './material-editable-table';
+export * from './material-table';
 export * from './menu';
 export * from './modal';
 export * from './module-button';
@@ -75,11 +80,14 @@ export * from './providers';
 export * from './quick-approval-modal';
 export * from './radio';
 export * from './reports';
+export * from './reports-title-bar';
 export * from './reset-password-modal';
 export * from './rfq-response';
 export * from './save-filter-modal';
 export * from './schedule-report';
 export * from './search-bar';
+export * from './select';
+export * from './share-modal';
 export * from './sidebar';
 export * from './snackbar';
 export * from './sub-header-doc';
@@ -97,6 +105,7 @@ export * from './toggle-switch';
 export * from './tooltip';
 export * from './typography';
 export * from './upload';
+export * from './upload-excel';
 export * from './upload-media';
 export * from './user-dropdown';
 export * from './value-field';