npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.41 - Mend

@erpsquad/common 1.8.40 → 1.8.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4412) hide show

package/dist/components/charts/barLineChart/barLinechart/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),n=;/* empty css                                    */;/* empty css                          */var s=,/* empty css                                               */l=,/* empty css                                               */a=,/* empty css                                                */o=,/* empty css                                                  */d=,/* empty css                                                      */i=,/* empty css                                               */c=,/* empty css                                                          */u=,/* empty css                                                       */h=,/* empty css                                                */p=;/* empty css                                                          */exports.default=({data:f,height:x=400,margin:m={top:20,right:30,bottom:30,left:50},bars:y,lines:g,line:j=!0,showGrid:v=!0,barColors:b,lineColors:k})=>{var w;const q=t.useRef(null),$=t.useRef(null),_=t.useRef(null),[B,C]=t.useState(null),[R,A]=t.useState(0),E=e=>c.format(".2s")(e).replace("k","K"),L=f.length>y.length,M=L?Math.max(60*f.length,R):R;return t.useEffect(()=>{const e=$.current,t=new ResizeObserver(e=>{if(e[0]){const t=e[0].contentRect.width;A(t)}});return e&&t.observe(e),()=>{e&&t.unobserve(e)}},[]),t.useEffect(()=>{if(0===R)return;const e=s.default(f,e=>Math.max(...y.map(t=>e[t.field]),...g.map(t=>e[t.field])))??0,t=l.default(f,e=>Math.min(...y.map(t=>e[t.field]),...g.map(t=>e[t.field])))??0,r=d.default(q.current),n=M-m.left-m.right,c=e||t?x-m.top-m.bottom:0,w=a.default().domain(f.map(e=>e.month)).range([0,n]).padding(.3),$=o.default().domain([t,e]).nice().range([c,0]);r.selectAll("*").remove();const B=r.append("g").attr("transform",`translate(${m.left},${m.top})`);B.append("g").call(i.axisLeft($).tickFormat(E)).call(e=>e.select(".domain").remove()).select(".domain").attr("stroke","none"),B.append("g").attr("transform",`translate(0,${c})`).call(i.axisBottom(w)).selectAll(".tick text").attr("text-anchor","middle").select(".domain").attr("stroke","none"),v&&B.selectAll(".grid-line").data($.ticks()).enter().append("line").attr("class","grid-line").attr("x1",0).attr("x2",n).attr("y1",e=>$(e)).attr("y2",e=>$(e)).style("stroke","#ddd").style("stroke-dasharray","8,8").style("stroke-width",1),j&&B.selectAll(".grid-line-2").data($.ticks()).enter().append("line").attr("class","grid-line-2").attr("x1",0).attr("x2",n).attr("y1",e=>$(e)).attr("y2",e=>$(e)).style("stroke","#ddd").style("stroke-dasharray","8,8").style("stroke-width",1),y.forEach((e,t)=>{B.selectAll(`.bar-${e.field}`).data(f).enter().append("rect").attr("class",`bar bar-${e.field}`).attr("x",e=>w(e.month)??0).attr("y",t=>t[e.field]>=0?$(t[e.field]):$(0)).attr("rx",5).attr("ry",5).attr("width",w.bandwidth()/y.length).attr("height",t=>Math.abs($(t[e.field])-$(0))).attr("fill",b[t]).attr("transform",`translate(${t*w.bandwidth()/y.length}, 0)`).on("mouseover",function(e,t){var r;const[n,s]=u.default(e,q.current),l=(null==(r=_.current)?void 0:r.scrollLeft)||0;C({x:n+m.left-l,y:s+m.top,content:t})}).on("mouseout",()=>C(null))}),g.forEach((e,t)=>{const r=h.default().x(e=>(w(e.month)??0)+w.bandwidth()/2).y(t=>$(t[e.field])).curve(p.monotoneX);B.append("path").datum(f).attr("fill","none").attr("stroke",k[t]).attr("stroke-width",2).attr("d",r).on("mouseover",function(t){var r;const[n]=u.default(t,q.current),s=w.domain().find(e=>{const t=w(e)??0;return n>=t&&n<=t+w.bandwidth()});if(s){const t=f.find(e=>e.month===s);if(t){const s=(null==(r=_.current)?void 0:r.scrollLeft)||0;C({x:n+m.left-s,y:$(t[e.field])+m.top,content:t})}}}).on("mouseout",()=>C(null))})},[f,R,M,j,x,m,y,g,v,b,k]),/* @__PURE__ */e.jsx("div",{ref:$,style:{width:"100%",height:"100%"},children:/* @__PURE__ */e.jsxs("div",{style:{position:"relative"},children:[
-/* @__PURE__ */e.jsx("div",{ref:_,style:{width:"100%",overflowX:L?"auto":"hidden",overflowY:"hidden"},children:/* @__PURE__ */e.jsx("svg",{ref:q,width:M,height:x,viewBox:`0 0 ${M} ${x}`,style:{display:"block"}})}),B&&/* @__PURE__ */e.jsx("div",{style:{position:"absolute",left:B.x,top:B.y,pointerEvents:"none",backgroundColor:"white",zIndex:"99999",border:"none",padding:"5px",borderRadius:"3px",transform:"translate(-50%, -100%)"},children:/* @__PURE__ */e.jsxs(r.Box,{children:[
-/* @__PURE__ */e.jsx("div",{style:{background:"#F3F2F2",padding:"10px"},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",style:{whiteSpace:"noWrap",width:"200px",color:"#232529"},children:null==(w=B.content)?void 0:w.month})}),
-/* @__PURE__ */e.jsxs(r.Box,{sx:{p:1.5,display:"flex",flexDirection:"column",gap:1.5},children:[y.map((t,s)=>/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1.5,alignItems:"center"},children:[
-/* @__PURE__ */e.jsx("div",{className:"circle",style:{backgroundColor:b[s]}}),
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s5",color:"theme.secondary.900",children:[t.label,": ",
-/* @__PURE__ */e.jsxs("span",{style:{fontWeight:600},children:["$ ",B.content[t.field]]})]})]},`bar-${s}`)),g.map((t,s)=>/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1.5,alignItems:"center"},children:[
-/* @__PURE__ */e.jsx("div",{className:"circle",style:{backgroundColor:k[s]}}),
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s5",color:"theme.secondary.900",children:[t.label,": ",
-/* @__PURE__ */e.jsxs("span",{style:{fontWeight:600},children:["$ ",B.content[t.field]]})]})]},`line-${s}`))]})]})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=;/* empty css                                    */;/* empty css                          */var n=,/* empty css                                               */s=,/* empty css                                               */l=,/* empty css                                                */a=,/* empty css                                                  */d=,/* empty css                                                    */o=,/* empty css                                                      */i=,/* empty css                                               */c=,/* empty css                                                          */u=,/* empty css                                                       */h=,/* empty css                                                */f=;/* empty css                                                          */exports.default=({data:p,height:x=400,margin:m={top:20,right:30,bottom:30,left:50},bars:y,lines:g,line:j=!0,showGrid:v=!0,barColors:b,lineColors:k})=>{var w;const q=t.useRef(null),_=t.useRef(null),$=t.useRef(null),[C,R]=t.useState(null),[A,E]=t.useState(0),L=e=>c.format(".2s")(e).replace("k","K"),M=p.length>y.length,B=M?Math.max(60*p.length,A):A;return t.useEffect(()=>{const e=_.current,t=new ResizeObserver(e=>{if(e[0]){const t=e[0].contentRect.width;E(t)}});return e&&t.observe(e),()=>{e&&t.unobserve(e)}},[]),t.useEffect(()=>{if(0===A)return;const e=n.default(p,e=>Math.max(...y.map(t=>e[t.field]),...g.map(t=>e[t.field])))??0,t=s.default(p,e=>Math.min(...y.map(t=>e[t.field]),...g.map(t=>e[t.field])))??0,r=o.default(q.current),d=B-m.left-m.right,c=e||t?x-m.top-m.bottom:0,w=l.default().domain(p.map(e=>e.month)).range([0,d]).padding(.3),_=a.default().domain([t,e]).nice().range([c,0]);r.selectAll("*").remove();const C=r.append("g").attr("transform",`translate(${m.left},${m.top})`);C.append("g").call(i.axisLeft(_).tickFormat(L)).call(e=>e.select(".domain").remove()).select(".domain").attr("stroke","none"),C.append("g").attr("transform",`translate(0,${c})`).call(i.axisBottom(w)).selectAll(".tick text").attr("text-anchor","middle").select(".domain").attr("stroke","none"),v&&C.selectAll(".grid-line").data(_.ticks()).enter().append("line").attr("class","grid-line").attr("x1",0).attr("x2",d).attr("y1",e=>_(e)).attr("y2",e=>_(e)).style("stroke","#ddd").style("stroke-dasharray","8,8").style("stroke-width",1),j&&C.selectAll(".grid-line-2").data(_.ticks()).enter().append("line").attr("class","grid-line-2").attr("x1",0).attr("x2",d).attr("y1",e=>_(e)).attr("y2",e=>_(e)).style("stroke","#ddd").style("stroke-dasharray","8,8").style("stroke-width",1),y.forEach((e,t)=>{C.selectAll(`.bar-${e.field}`).data(p).enter().append("rect").attr("class",`bar bar-${e.field}`).attr("x",e=>w(e.month)??0).attr("y",t=>t[e.field]>=0?_(t[e.field]):_(0)).attr("rx",5).attr("ry",5).attr("width",w.bandwidth()/y.length).attr("height",t=>Math.abs(_(t[e.field])-_(0))).attr("fill",b[t]).attr("transform",`translate(${t*w.bandwidth()/y.length}, 0)`).on("mouseover",function(e,t){var r;const[n,s]=u.default(e,q.current),l=(null==(r=$.current)?void 0:r.scrollLeft)||0;R({x:n+m.left-l,y:s+m.top,content:t})}).on("mouseout",()=>R(null))}),g.forEach((e,t)=>{const r=h.default().x(e=>(w(e.month)??0)+w.bandwidth()/2).y(t=>_(t[e.field])).curve(f.monotoneX);C.append("path").datum(p).attr("fill","none").attr("stroke",k[t]).attr("stroke-width",2).attr("d",r).on("mouseover",function(t){var r;const[n]=u.default(t,q.current),s=w.domain().find(e=>{const t=w(e)??0;return n>=t&&n<=t+w.bandwidth()});if(s){const t=p.find(e=>e.month===s);if(t){const s=(null==(r=$.current)?void 0:r.scrollLeft)||0;R({x:n+m.left-s,y:_(t[e.field])+m.top,content:t})}}}).on("mouseout",()=>R(null))})},[p,A,B,j,x,m,y,g,v,b,k]),/* @__PURE__ */e.jsx("div",{ref:_,style:{width:"100%",height:"100%"},children:/* @__PURE__ */e.jsxs("div",{style:{position:"relative"},children:[
+/* @__PURE__ */e.jsx("div",{ref:$,style:{width:"100%",overflowX:M?"auto":"hidden",overflowY:"hidden"},children:/* @__PURE__ */e.jsx("svg",{ref:q,width:B,height:x,viewBox:`0 0 ${B} ${x}`,style:{display:"block"}})}),C&&/* @__PURE__ */e.jsx("div",{style:{position:"absolute",left:C.x,top:C.y,pointerEvents:"none",backgroundColor:"white",zIndex:"99999",border:"none",padding:"5px",borderRadius:"3px",transform:"translate(-50%, -100%)"},children:/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsx("div",{style:{background:"#F3F2F2",padding:"10px"},children:/* @__PURE__ */e.jsx(r.Typography,{type:"s4",style:{whiteSpace:"noWrap",width:"200px",color:"#232529"},children:null==(w=C.content)?void 0:w.month})}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{p:1.5,display:"flex",flexDirection:"column",gap:1.5},children:[y.map((t,n)=>/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",gap:1.5,alignItems:"center"},children:[
+/* @__PURE__ */e.jsx("div",{className:"circle",style:{backgroundColor:b[n]}}),
+/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",color:"theme.secondary.900",children:[t.label,": ",
+/* @__PURE__ */e.jsxs("span",{style:{fontWeight:600},children:["$ ",C.content[t.field]]})]})]},`bar-${n}`)),g.map((t,n)=>/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",gap:1.5,alignItems:"center"},children:[
+/* @__PURE__ */e.jsx("div",{className:"circle",style:{backgroundColor:k[n]}}),
+/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",color:"theme.secondary.900",children:[t.label,": ",
+/* @__PURE__ */e.jsxs("span",{style:{fontWeight:600},children:["$ ",C.content[t.field]]})]})]},`line-${n}`))]})]})})]})})};
 //# sourceMappingURL=index.js.map

package/dist/components/charts/barLineChart/barLinechart/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/charts/barLineChart/barLinechart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport * as d3 from 'd3';\nimport { Box, /* List, ListItem / } from '@mui/material';\nimport Typography from '../../typography/typography';\nimport './barLineChart.scss';\n\ninterface DataPoint {\n [key: string]: string \| number;\n}\n\ninterface ChartField {\n field: string;\n color: string;\n label: string;\n}\n\nexport interface IBarLineChartProps {\n data: DataPoint[];\n width?: number;\n height?: number;\n margin?: { top: number; right: number; bottom: number; left: number };\n bars: ChartField[];\n lines: ChartField[];\n line?: boolean;\n showGrid?: boolean;\n barColors?: any[];\n lineColors?: any[];\n}\n\nconst BarLineChart: React.FC<IBarLineChartProps> = ({\n data,\n height = 400,\n margin = { top: 20, right: 30, bottom: 30, left: 50 },\n bars,\n lines,\n line = true,\n showGrid = true,\n barColors,\n lineColors\n}) => {\n const svgRef = useRef<SVGSVGElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const scrollContainerRef = useRef<HTMLDivElement>(null);\n const [tooltip, setTooltip] = useState<{ x: number; y: number; content: DataPoint } \| null>(null);\n const [containerWidth, setContainerWidth] = useState<number>(0);\n const formatNumber = (num: number) => d3.format('.2s')(num).replace('k', 'K');\n\n const needsHorizontalScroll = data.length > bars.length;\n const minBarWidth = 60\n const calculatedChartWidth = needsHorizontalScroll \n ? Math.max(data.length minBarWidth, containerWidth)\n : containerWidth;\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 \n useEffect(() => {\n if (containerWidth === 0) return;\n const yMax = d3.max(data, d => {\n return Math.max(\n ...bars.map(bar => d[bar.field] as number),\n ...lines.map(line => d[line.field] as number)\n );\n }) ?? 0;\n const yMin = d3.min(data, d => {\n return Math.min(\n ...bars.map(bar => d[bar.field] as number),\n ...lines.map(line => d[line.field] as number)\n );\n }) ?? 0;\n\n const svg = d3.select(svgRef.current);\n const innerWidth = calculatedChartWidth - margin.left - margin.right;\n const innerHeight = yMax \|\| yMin ? height - margin.top - margin.bottom : 0;\n\n const x = d3.scaleBand()\n .domain(data.map(d => d.month as string))\n .range([0, innerWidth])\n .padding(0.3);\n\n const y = d3.scaleLinear()\n .domain([yMin, yMax])\n .nice()\n .range([innerHeight, 0]);\n\n svg.selectAll('').remove();\n\n const g = svg.append('g')\n .attr('transform', `translate(${margin.left},${margin.top})`);\n\n // Y axis\n const yAxis = g.append('g')\n .call(d3.axisLeft(y).tickFormat(formatNumber))\n .call(g => g.select('.domain').remove());\n yAxis.select(\".domain\").attr(\"stroke\", \"none\")\n \n // X axis\n const xAxis = g.append('g')\n .attr('transform', `translate(0,${innerHeight})`)\n .call(d3.axisBottom(x))\n .selectAll('.tick text')\n .attr('text-anchor', 'middle');\n xAxis.select(\".domain\").attr(\"stroke\", \"none\")\n \n // Render grid lines if applicable\n if (showGrid) {\n g.selectAll('.grid-line')\n .data(y.ticks())\n .enter()\n .append('line')\n .attr('class', 'grid-line')\n .attr('x1', 0)\n .attr('x2', innerWidth)\n .attr('y1', d => y(d))\n .attr('y2', d => y(d))\n .style('stroke', '#ddd')\n .style('stroke-dasharray', '8,8') // Dotted line\n .style('stroke-width', 1);\n }\n \n // Render grid lines if applicable\n if (line) {\n g.selectAll('.grid-line-2')\n .data(y.ticks())\n .enter()\n .append('line')\n .attr('class', 'grid-line-2')\n .attr('x1', 0)\n .attr('x2', innerWidth)\n .attr('y1', d => y(d))\n .attr('y2', d => y(d))\n .style('stroke', '#ddd')\n .style('stroke-dasharray', '8,8') // Dotted line\n .style('stroke-width', 1)\n }\n\n // Draw bars for bar chart\n bars.forEach((bar, i) => {\n g.selectAll(`.bar-${bar.field}`)\n .data(data)\n .enter()\n .append('rect')\n .attr('class', `bar bar-${bar.field}`)\n .attr('x', d => x(d.month as string) ?? 0)\n .attr('y', d => d[bar.field] >= 0 ? y(d[bar.field]) : y(0)) // Positive bars above y(0), negative bars below\n .attr(\"rx\", 5)\n .attr(\"ry\", 5)\n .attr('width', x.bandwidth() / bars.length)\n .attr('height', d => {\n return Math.abs(y(d[bar.field]) - y(0)); // Absolute height from y(0)\n })\n .attr('fill', barColors[i])\n .attr('transform', `translate(${(i x.bandwidth()) / bars.length}, 0)`)\n .on('mouseover', function (event, d) {\n const [xPos, yPos] = d3.pointer(event, svgRef.current);\n const scrollLeft = scrollContainerRef.current?.scrollLeft \|\| 0;\n setTooltip({ \n x: xPos + margin.left - scrollLeft, \n y: yPos + margin.top, \n content: d \n });\n })\n .on('mouseout', () => setTooltip(null));\n });\n \n // Draw lines for line chart\n lines.forEach((line, index) => {\n const lineGenerator = d3.line<DataPoint>()\n .x(d => (x(d.month as string) ?? 0) + x.bandwidth() / 2) // Calculate x position for each data point\n .y(d => y(d[line.field] as number))\n .curve(d3.curveMonotoneX);\n\n g.append('path')\n .datum(data)\n .attr('fill', 'none')\n .attr('stroke', lineColors[index])\n .attr('stroke-width', 2)\n .attr('d', lineGenerator)\n .on('mouseover', function (event) {\n const [xPos] = d3.pointer(event, svgRef.current);\n const month = x.domain().find((month) => {\n const monthPosition = x(month as string) ?? 0;\n return xPos >= monthPosition && xPos <= monthPosition + x.bandwidth();\n });\n\n if (month) {\n const closestDataPoint = data.find(d => d.month === month);\n if (closestDataPoint) {\n const scrollLeft = scrollContainerRef.current?.scrollLeft \|\| 0;\n setTooltip({\n x: xPos + margin.left - scrollLeft,\n y: y(closestDataPoint[line.field]) + margin.top,\n content: closestDataPoint\n });\n }\n }\n })\n .on('mouseout', () => setTooltip(null));\n });\n }, [data, containerWidth, calculatedChartWidth, line, height, margin, bars, lines, showGrid, barColors, lineColors]);\n\n return (\n <div ref={wrapperRef} style={{ width: '100%', height: '100%' }}>\n <div style={{ position: 'relative' }}>\n <div \n ref={scrollContainerRef}\n style={{ \n width: '100%', \n overflowX: needsHorizontalScroll ? 'auto' : 'hidden',\n overflowY: 'hidden'\n }}\n >\n <svg \n ref={svgRef} \n width={calculatedChartWidth} \n height={height} \n viewBox={`0 0 ${calculatedChartWidth} ${height}`}\n style={{ display: 'block' }}\n />\n </div>\n {tooltip && (\n <div\n style={{\n position: 'absolute',\n left: tooltip.x,\n top: tooltip.y,\n pointerEvents: 'none',\n backgroundColor: 'white',\n zIndex: '99999',\n border: 'none',\n padding: '5px',\n borderRadius: '3px',\n transform: 'translate(-50%, -100%)'\n }}\n >\n <Box>\n <div style={{ background: '#F3F2F2', padding: '10px' }}>\n <Typography type='s4' style={{ whiteSpace: 'noWrap', width: '200px', color: '#232529' }}>{tooltip.content?.month}</Typography>\n </div>\n <Box sx={{ p: 1.5, display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n\n {bars.map((bar, index) => (\n <Box key={`bar-${index}`} sx={{ display: 'flex', gap: 1.5, alignItems: 'center' }}>\n <div className=\"circle\" style={{ backgroundColor: barColors[index] }} />\n <Typography type='s5' color='theme.secondary.900'>\n {bar.label}: <span style={{ fontWeight: 600 }}>$ {tooltip.content[bar.field]}</span>\n </Typography>\n </Box>\n ))}\n {lines.map((line, index) => (\n <Box key={`line-${index}`} sx={{ display: 'flex', gap: 1.5, alignItems: 'center' }}>\n <div className=\"circle\" style={{ backgroundColor: lineColors[index] }} />\n <Typography type='s5' color='theme.secondary.900'>\n {line.label}: <span style={{ fontWeight: 600 }}>$ {tooltip.content[line.field]}</span>\n </Typography>\n </Box>\n ))}\n </Box>\n </Box>\n \n </div>\n )\n }\n </div>\n </div>\n );\n};\n\nexport default BarLineChart;"],"names":["data","height","margin","top","right","bottom","left","bars","lines","line","showGrid","barColors","lineColors","svgRef","useRef","wrapperRef","scrollContainerRef","tooltip","setTooltip","useState","containerWidth","setContainerWidth","formatNumber","num","d3.format","replace","needsHorizontalScroll","length","calculatedChartWidth","Math","max","useEffect","wrapper","current","resizeObserver","ResizeObserver","entries","newWidth","contentRect","width","observe","unobserve","yMax","d3.max","d","map","bar","field","yMin","d3.min","min","svg","d3.select","innerWidth","innerHeight","x","d3.scaleBand","domain","month","range","padding","y","d3.scaleLinear","nice","selectAll","remove","g","append","attr","call","d3.axisLeft","tickFormat","select","d3.axisBottom","ticks","enter","style","forEach","i","bandwidth","abs","on","event","xPos","yPos","d3.pointer","scrollLeft","_a","content","index","lineGenerator","d3.line","curve","d3.curveMonotoneX","datum","find","monthPosition","closestDataPoint","ref","children","jsxs","position","jsx","overflowX","overflowY","viewBox","display","pointerEvents","backgroundColor","zIndex","border","borderRadius","transform","Box","background","Typography","type","whiteSpace","color","sx","p","flexDirection","gap","alignItems","className","label","fontWeight"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/charts/barLineChart/barLinechart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport * as d3 from 'd3';\nimport { Box, /* List, ListItem / } from '@mui/material';\nimport Typography from '../../typography/typography';\nimport './barLineChart.scss';\n\ninterface DataPoint {\n [key: string]: string \| number;\n}\n\ninterface ChartField {\n field: string;\n color: string;\n label: string;\n}\n\nexport interface IBarLineChartProps {\n data: DataPoint[];\n width?: number;\n height?: number;\n margin?: { top: number; right: number; bottom: number; left: number };\n bars: ChartField[];\n lines: ChartField[];\n line?: boolean;\n showGrid?: boolean;\n barColors?: any[];\n lineColors?: any[];\n}\n\nconst BarLineChart: React.FC<IBarLineChartProps> = ({\n data,\n height = 400,\n margin = { top: 20, right: 30, bottom: 30, left: 50 },\n bars,\n lines,\n line = true,\n showGrid = true,\n barColors,\n lineColors\n}) => {\n const svgRef = useRef<SVGSVGElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const scrollContainerRef = useRef<HTMLDivElement>(null);\n const [tooltip, setTooltip] = useState<{ x: number; y: number; content: DataPoint } \| null>(null);\n const [containerWidth, setContainerWidth] = useState<number>(0);\n const formatNumber = (num: number) => d3.format('.2s')(num).replace('k', 'K');\n\n const needsHorizontalScroll = data.length > bars.length;\n const minBarWidth = 60\n const calculatedChartWidth = needsHorizontalScroll \n ? Math.max(data.length minBarWidth, containerWidth)\n : containerWidth;\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 \n useEffect(() => {\n if (containerWidth === 0) return;\n const yMax = d3.max(data, d => {\n return Math.max(\n ...bars.map(bar => d[bar.field] as number),\n ...lines.map(line => d[line.field] as number)\n );\n }) ?? 0;\n const yMin = d3.min(data, d => {\n return Math.min(\n ...bars.map(bar => d[bar.field] as number),\n ...lines.map(line => d[line.field] as number)\n );\n }) ?? 0;\n\n const svg = d3.select(svgRef.current);\n const innerWidth = calculatedChartWidth - margin.left - margin.right;\n const innerHeight = yMax \|\| yMin ? height - margin.top - margin.bottom : 0;\n\n const x = d3.scaleBand()\n .domain(data.map(d => d.month as string))\n .range([0, innerWidth])\n .padding(0.3);\n\n const y = d3.scaleLinear()\n .domain([yMin, yMax])\n .nice()\n .range([innerHeight, 0]);\n\n svg.selectAll('').remove();\n\n const g = svg.append('g')\n .attr('transform', `translate(${margin.left},${margin.top})`);\n\n // Y axis\n const yAxis = g.append('g')\n .call(d3.axisLeft(y).tickFormat(formatNumber))\n .call(g => g.select('.domain').remove());\n yAxis.select(\".domain\").attr(\"stroke\", \"none\")\n \n // X axis\n const xAxis = g.append('g')\n .attr('transform', `translate(0,${innerHeight})`)\n .call(d3.axisBottom(x))\n .selectAll('.tick text')\n .attr('text-anchor', 'middle');\n xAxis.select(\".domain\").attr(\"stroke\", \"none\")\n \n // Render grid lines if applicable\n if (showGrid) {\n g.selectAll('.grid-line')\n .data(y.ticks())\n .enter()\n .append('line')\n .attr('class', 'grid-line')\n .attr('x1', 0)\n .attr('x2', innerWidth)\n .attr('y1', d => y(d))\n .attr('y2', d => y(d))\n .style('stroke', '#ddd')\n .style('stroke-dasharray', '8,8') // Dotted line\n .style('stroke-width', 1);\n }\n \n // Render grid lines if applicable\n if (line) {\n g.selectAll('.grid-line-2')\n .data(y.ticks())\n .enter()\n .append('line')\n .attr('class', 'grid-line-2')\n .attr('x1', 0)\n .attr('x2', innerWidth)\n .attr('y1', d => y(d))\n .attr('y2', d => y(d))\n .style('stroke', '#ddd')\n .style('stroke-dasharray', '8,8') // Dotted line\n .style('stroke-width', 1)\n }\n\n // Draw bars for bar chart\n bars.forEach((bar, i) => {\n g.selectAll(`.bar-${bar.field}`)\n .data(data)\n .enter()\n .append('rect')\n .attr('class', `bar bar-${bar.field}`)\n .attr('x', d => x(d.month as string) ?? 0)\n .attr('y', d => d[bar.field] >= 0 ? y(d[bar.field]) : y(0)) // Positive bars above y(0), negative bars below\n .attr(\"rx\", 5)\n .attr(\"ry\", 5)\n .attr('width', x.bandwidth() / bars.length)\n .attr('height', d => {\n return Math.abs(y(d[bar.field]) - y(0)); // Absolute height from y(0)\n })\n .attr('fill', barColors[i])\n .attr('transform', `translate(${(i x.bandwidth()) / bars.length}, 0)`)\n .on('mouseover', function (event, d) {\n const [xPos, yPos] = d3.pointer(event, svgRef.current);\n const scrollLeft = scrollContainerRef.current?.scrollLeft \|\| 0;\n setTooltip({ \n x: xPos + margin.left - scrollLeft, \n y: yPos + margin.top, \n content: d \n });\n })\n .on('mouseout', () => setTooltip(null));\n });\n \n // Draw lines for line chart\n lines.forEach((line, index) => {\n const lineGenerator = d3.line<DataPoint>()\n .x(d => (x(d.month as string) ?? 0) + x.bandwidth() / 2) // Calculate x position for each data point\n .y(d => y(d[line.field] as number))\n .curve(d3.curveMonotoneX);\n\n g.append('path')\n .datum(data)\n .attr('fill', 'none')\n .attr('stroke', lineColors[index])\n .attr('stroke-width', 2)\n .attr('d', lineGenerator)\n .on('mouseover', function (event) {\n const [xPos] = d3.pointer(event, svgRef.current);\n const month = x.domain().find((month) => {\n const monthPosition = x(month as string) ?? 0;\n return xPos >= monthPosition && xPos <= monthPosition + x.bandwidth();\n });\n\n if (month) {\n const closestDataPoint = data.find(d => d.month === month);\n if (closestDataPoint) {\n const scrollLeft = scrollContainerRef.current?.scrollLeft \|\| 0;\n setTooltip({\n x: xPos + margin.left - scrollLeft,\n y: y(closestDataPoint[line.field]) + margin.top,\n content: closestDataPoint\n });\n }\n }\n })\n .on('mouseout', () => setTooltip(null));\n });\n }, [data, containerWidth, calculatedChartWidth, line, height, margin, bars, lines, showGrid, barColors, lineColors]);\n\n return (\n <div ref={wrapperRef} style={{ width: '100%', height: '100%' }}>\n <div style={{ position: 'relative' }}>\n <div \n ref={scrollContainerRef}\n style={{ \n width: '100%', \n overflowX: needsHorizontalScroll ? 'auto' : 'hidden',\n overflowY: 'hidden'\n }}\n >\n <svg \n ref={svgRef} \n width={calculatedChartWidth} \n height={height} \n viewBox={`0 0 ${calculatedChartWidth} ${height}`}\n style={{ display: 'block' }}\n />\n </div>\n {tooltip && (\n <div\n style={{\n position: 'absolute',\n left: tooltip.x,\n top: tooltip.y,\n pointerEvents: 'none',\n backgroundColor: 'white',\n zIndex: '99999',\n border: 'none',\n padding: '5px',\n borderRadius: '3px',\n transform: 'translate(-50%, -100%)'\n }}\n >\n <Box>\n <div style={{ background: '#F3F2F2', padding: '10px' }}>\n <Typography type='s4' style={{ whiteSpace: 'noWrap', width: '200px', color: '#232529' }}>{tooltip.content?.month}</Typography>\n </div>\n <Box sx={{ p: 1.5, display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n\n {bars.map((bar, index) => (\n <Box key={`bar-${index}`} sx={{ display: 'flex', gap: 1.5, alignItems: 'center' }}>\n <div className=\"circle\" style={{ backgroundColor: barColors[index] }} />\n <Typography type='s5' color='theme.secondary.900'>\n {bar.label}: <span style={{ fontWeight: 600 }}>$ {tooltip.content[bar.field]}</span>\n </Typography>\n </Box>\n ))}\n {lines.map((line, index) => (\n <Box key={`line-${index}`} sx={{ display: 'flex', gap: 1.5, alignItems: 'center' }}>\n <div className=\"circle\" style={{ backgroundColor: lineColors[index] }} />\n <Typography type='s5' color='theme.secondary.900'>\n {line.label}: <span style={{ fontWeight: 600 }}>$ {tooltip.content[line.field]}</span>\n </Typography>\n </Box>\n ))}\n </Box>\n </Box>\n \n </div>\n )\n }\n </div>\n </div>\n );\n};\n\nexport default BarLineChart;"],"names":["data","height","margin","top","right","bottom","left","bars","lines","line","showGrid","barColors","lineColors","svgRef","useRef","wrapperRef","scrollContainerRef","tooltip","setTooltip","useState","containerWidth","setContainerWidth","formatNumber","num","d3.format","replace","needsHorizontalScroll","length","calculatedChartWidth","Math","max","useEffect","wrapper","current","resizeObserver","ResizeObserver","entries","newWidth","contentRect","width","observe","unobserve","yMax","d3.max","d","map","bar","field","yMin","d3.min","min","svg","d3.select","innerWidth","innerHeight","x","d3.scaleBand","domain","month","range","padding","y","d3.scaleLinear","nice","selectAll","remove","g","append","attr","call","d3.axisLeft","tickFormat","select","d3.axisBottom","ticks","enter","style","forEach","i","bandwidth","abs","on","event","xPos","yPos","d3.pointer","scrollLeft","_a","content","index","lineGenerator","d3.line","curve","d3.curveMonotoneX","datum","find","monthPosition","closestDataPoint","ref","children","jsxs","position","jsx","overflowX","overflowY","viewBox","display","pointerEvents","backgroundColor","zIndex","border","borderRadius","transform","Box","background","Typography","type","whiteSpace","color","sx","p","flexDirection","gap","alignItems","className","label","fontWeight"],"mappings":"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"}

package/dist/components/checkbox/checkbox/index.esm.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Checkbox as Checkbox$1 } from "@mui/material";
 import { memo } from "react";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
 import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
+import Checkbox$1 from "../../../node_modules/@mui/material/Checkbox/Checkbox/index.esm.js";
 const StyledCheckbox = styled(Checkbox$1)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {

package/dist/components/checkbox/checkbox/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["MUICheckbox"],"mappings":"~~;;;;;~~AAIA,MAAM,iBAAiB,OAAOA,UAAW,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IACvE,SAAS;AAAA,IACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAChC,cAAc;AAAA,IACd,iBAAiB;AAAA,MAChB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,WAAW;AAAA,QACV,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,IAClC;AAAA,IAED,kBAAkB;AAAA,MACjB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,EAErC;AAAA,CAAE;AAEF,MAAM,WAAW,KAAK,CAAC,UAAyB;AAC/C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAM,oBAAC,gBAAA,EAAe,WAAU,+BAAO,SAAQ,SAAS;AAAA,MACxD,aAAa,oBAAC,cAAA,EAAa,WAAU,+BAAO,SAAQ,SAAS;AAAA,MAC7D,eAAa;AAAA,MACZ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["MUICheckbox"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,OAAOA,UAAW,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IACvE,SAAS;AAAA,IACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAChC,cAAc;AAAA,IACd,iBAAiB;AAAA,MAChB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,WAAW;AAAA,QACV,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,IAClC;AAAA,IAED,kBAAkB;AAAA,MACjB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,EAErC;AAAA,CAAE;AAEF,MAAM,WAAW,KAAK,CAAC,UAAyB;AAC/C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAM,oBAAC,gBAAA,EAAe,WAAU,+BAAO,SAAQ,SAAS;AAAA,MACxD,aAAa,oBAAC,cAAA,EAAa,WAAU,+BAAO,SAAQ,SAAS;AAAA,MAC7D,eAAa;AAAA,MACZ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/checkbox/checkbox/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),i=require("../../icons/check-box/index.js"),l=require("../../icons/rectangle/index.js");const c=r.styled(r.Checkbox)(({theme:{palette:e}})=>{var r,o,i,l;return{padding:"0rem",color:null==(r=e.theme)?void 0:r.secondary[300],borderRadius:".625rem","&.Mui-checked":{color:null==(o=e.theme)?void 0:o.primary[600],"&:hover":{color:null==(i=e.theme)?void 0:i.primary[500]}},"&.Mui-disabled":{color:null==(l=e.theme)?void 0:l.secondary[400]}}}),n=o.memo(r=>/* @__PURE__ */e.jsx(c,{icon:/* @__PURE__ */e.jsx(l.RecgtangleIcon,{fontSize:(null==r?void 0:r.size)||"small"}),checkedIcon:/* @__PURE__ */e.jsx(i.CheckBoxIcon,{fontSize:(null==r?void 0:r.size)||"small"}),disableRipple:!0,...r}));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../icons/check-box/index.js"),l=require("../../icons/rectangle/index.js"),d=require("../../../node_modules/@mui/material/Checkbox/Checkbox/index.js");const s=o.default(d.default)(({theme:{palette:e}})=>{var r,o,i,l;return{padding:"0rem",color:null==(r=e.theme)?void 0:r.secondary[300],borderRadius:".625rem","&.Mui-checked":{color:null==(o=e.theme)?void 0:o.primary[600],"&:hover":{color:null==(i=e.theme)?void 0:i.primary[500]}},"&.Mui-disabled":{color:null==(l=e.theme)?void 0:l.secondary[400]}}}),n=r.memo(r=>/* @__PURE__ */e.jsx(s,{icon:/* @__PURE__ */e.jsx(l.RecgtangleIcon,{fontSize:(null==r?void 0:r.size)||"small"}),checkedIcon:/* @__PURE__ */e.jsx(i.CheckBoxIcon,{fontSize:(null==r?void 0:r.size)||"small"}),disableRipple:!0,...r}));exports.default=n;
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/checkbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["StyledCheckbox","styled","MUICheckbox","theme","palette","padding","color","_a","secondary","borderRadius","_b","primary","_c","_d","Checkbox","memo","props","jsx","icon","RecgtangleIcon","fontSize","size","checkedIcon","CheckBoxIcon","disableRipple"],"mappings":"~~6OAIA~~,MAAMA,EAAiBC,EAAAA,~~OAAOC~~,~~WAAPD~~,CAAoB,EAAGE,OAASC,2BAAiB,MAAA,CACvEC,QAAS,OACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChCC,aAAc,UACd,gBAAiB,CAChBH,MAAO,OAAAI,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,QAAQ,KAC9B,UAAW,CACVL,MAAO,OAAAM,EAAAR,EAAQD,YAAR,EAAAS,EAAeD,QAAQ,OAGhC,iBAAkB,CACjBL,MAAO,OAAAO,EAAAT,EAAQD,YAAR,EAAAU,EAAeL,UAAU,SAI5BM,EAAWC,EAAAA,KAAMC,kBAErBC,EAAAA,IAACjB,EAAA,CACAkB,oBAAMD,EAAAA,IAACE,iBAAA,CAAeC,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UAC/CC,2BAAaL,EAAAA,IAACM,eAAA,CAAaH,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UACpDG,eAAa,KACTR"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size \|\| 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["StyledCheckbox","styled","MUICheckbox","theme","palette","padding","color","_a","secondary","borderRadius","_b","primary","_c","_d","Checkbox","memo","props","jsx","icon","RecgtangleIcon","fontSize","size","checkedIcon","CheckBoxIcon","disableRipple"],"mappings":"sWAIA,MAAMA,EAAiBC,EAAAA,QAAOC,UAAPD,CAAoB,EAAGE,OAASC,2BAAiB,MAAA,CACvEC,QAAS,OACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChCC,aAAc,UACd,gBAAiB,CAChBH,MAAO,OAAAI,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,QAAQ,KAC9B,UAAW,CACVL,MAAO,OAAAM,EAAAR,EAAQD,YAAR,EAAAS,EAAeD,QAAQ,OAGhC,iBAAkB,CACjBL,MAAO,OAAAO,EAAAT,EAAQD,YAAR,EAAAU,EAAeL,UAAU,SAI5BM,EAAWC,EAAAA,KAAMC,kBAErBC,EAAAA,IAACjB,EAAA,CACAkB,oBAAMD,EAAAA,IAACE,iBAAA,CAAeC,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UAC/CC,2BAAaL,EAAAA,IAACM,eAAA,CAAaH,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UACpDG,eAAa,KACTR"}

package/dist/components/chip/chip/index.esm.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Chip as Chip$1 } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Chip$1 from "../../../node_modules/@mui/material/Chip/Chip/index.esm.js";
 const StyledChip = styled(Chip$1)(
   ({ theme: { palette }, active, type, inActive }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;

package/dist/components/chip/chip/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n type?: \"rounded\" \| \"normal\";\n active?: boolean;\n inActive?: boolean;\n label?: string \| React.ReactNode \| number \| JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n ({ theme: { palette }, active, type, inActive }) => ({\n cursor: \"pointer\",\n fontSize: \".75rem\",\n color: palette.theme?.secondary[800],\n borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n backgroundColor: palette.theme?.secondary[200],\n ...(active && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.primary[700],\n backgroundColor: palette.theme?.primary[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.primary[800],\n borderColor: palette.theme?.primary[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n }),\n ...(inActive && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.error[700],\n backgroundColor: palette.theme?.error[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.error[800],\n borderColor: palette.theme?.error[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n }),\n\n \"& .MuiChip-icon\": {\n marginRight: \"0.125rem\",\n marginLeft: \"0rem\",\n color: \"inherit\",\n },\n \"& .MuiChip-deleteIcon\": {\n marginLeft: \"0.25rem\",\n fontSize: \".875rem\",\n color: \"inherit\",\n marginRight: \"0rem\",\n },\n \"&.MuiChip-root\": {\n height: \"fit-content\",\n padding: \"0.25rem 0.5rem\",\n \".MuiChip-label\": {\n padding: \"0rem\",\n },\n },\n }),\n);\n\nconst Chip = (props: IChip) => {\n const {\n label,\n type = \"rounded\",\n variant = \"filled\",\n active = false,\n inActive = false,\n ...rest\n } = props;\n\n return (\n <StyledChip\n label={label}\n variant={variant}\n active={active}\n inActive={inActive}\n type={type}\n {...rest}\n />\n );\n};\n\nexport default Chip;\n"],"names":["MUIChip"],"mappings":";;AASA,MAAM,aAAa,OAAOA,MAAO;AAAA,EAC/B,CAAC,EAAE,OAAO,EAAE,WAAW,QAAQ,MAAM,eAAS;;AAAO;AAAA,MACnD,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc,SAAS,YAAY,WAAW;AAAA,MAC9C,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,GAAI,UAAU;AAAA,QACZ,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACxC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACpC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,MAEF,GAAI,YAAY;AAAA,QACd,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UACtC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAClC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,MACF;AAAA,MAGF,mBAAmB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,MAET,yBAAyB;AAAA,QACvB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAiB;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n type?: \"rounded\" \| \"normal\";\n active?: boolean;\n inActive?: boolean;\n label?: string \| React.ReactNode \| number \| JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n ({ theme: { palette }, active, type, inActive }) => ({\n cursor: \"pointer\",\n fontSize: \".75rem\",\n color: palette.theme?.secondary[800],\n borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n backgroundColor: palette.theme?.secondary[200],\n ...(active && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.primary[700],\n backgroundColor: palette.theme?.primary[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.primary[800],\n borderColor: palette.theme?.primary[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n }),\n ...(inActive && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.error[700],\n backgroundColor: palette.theme?.error[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.error[800],\n borderColor: palette.theme?.error[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n }),\n\n \"& .MuiChip-icon\": {\n marginRight: \"0.125rem\",\n marginLeft: \"0rem\",\n color: \"inherit\",\n },\n \"& .MuiChip-deleteIcon\": {\n marginLeft: \"0.25rem\",\n fontSize: \".875rem\",\n color: \"inherit\",\n marginRight: \"0rem\",\n },\n \"&.MuiChip-root\": {\n height: \"fit-content\",\n padding: \"0.25rem 0.5rem\",\n \".MuiChip-label\": {\n padding: \"0rem\",\n },\n },\n }),\n);\n\nconst Chip = (props: IChip) => {\n const {\n label,\n type = \"rounded\",\n variant = \"filled\",\n active = false,\n inActive = false,\n ...rest\n } = props;\n\n return (\n <StyledChip\n label={label}\n variant={variant}\n active={active}\n inActive={inActive}\n type={type}\n {...rest}\n />\n );\n};\n\nexport default Chip;\n"],"names":["MUIChip"],"mappings":";;;AASA,MAAM,aAAa,OAAOA,MAAO;AAAA,EAC/B,CAAC,EAAE,OAAO,EAAE,WAAW,QAAQ,MAAM,eAAS;;AAAO;AAAA,MACnD,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc,SAAS,YAAY,WAAW;AAAA,MAC9C,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,GAAI,UAAU;AAAA,QACZ,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACxC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACpC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,MAEF,GAAI,YAAY;AAAA,QACd,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UACtC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAClC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,MACF;AAAA,MAGF,mBAAmB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,MAET,yBAAyB;AAAA,QACvB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAiB;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/chip/chip/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");const o=r.styled(r.Chip)(({theme:{palette:e},active:r,type:o,inActive:i})=>{var l,t,n,d,u,a,m,h,c,v,p,C,g,b;return{cursor:"pointer",fontSize:".75rem",color:null==(l=e.theme)?void 0:l.secondary[800],borderRadius:"rounded"===o?"1.5rem":"0.25rem",backgroundColor:null==(t=e.theme)?void 0:t.secondary[200],...r&&{"&.MuiChip-filled":{color:null==(n=e.theme)?void 0:n.primary[700],backgroundColor:null==(d=e.theme)?void 0:d.primary[200],"&:hover":{backgroundColor:null==(u=e.theme)?void 0:u.primary[200]}},"&.MuiChip-outlined":{color:null==(a=e.theme)?void 0:a.primary[800],borderColor:null==(m=e.theme)?void 0:m.primary[300],"&:hover":{backgroundColor:null==(h=e.theme)?void 0:h.primary[200]}}},...i&&{"&.MuiChip-filled":{color:null==(c=e.theme)?void 0:c.error[700],backgroundColor:null==(v=e.theme)?void 0:v.error[200],"&:hover":{backgroundColor:null==(p=e.theme)?void 0:p.error[200]}},"&.MuiChip-outlined":{color:null==(C=e.theme)?void 0:C.error[800],borderColor:null==(g=e.theme)?void 0:g.error[300],"&:hover":{backgroundColor:null==(b=e.theme)?void 0:b.error[200]}}},"& .MuiChip-icon":{marginRight:"0.125rem",marginLeft:"0rem",color:"inherit"},"& .MuiChip-deleteIcon":{marginLeft:"0.25rem",fontSize:".875rem",color:"inherit",marginRight:"0rem"},"&.MuiChip-root":{height:"fit-content",padding:"0.25rem 0.5rem",".MuiChip-label":{padding:"0rem"}}}});exports.default=r=>{const{label:i,type:l="rounded",variant:t="filled",active:n=!1,inActive:d=!1,...u}=r;/* @__PURE__ */
-return e.jsx(o,{label:i,variant:t,active:n,inActive:d,type:l,...u})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Chip/Chip/index.js");const i=r.default(o.default)(({theme:{palette:e},active:r,type:o,inActive:i})=>{var l,t,n,d,u,a,m,h,c,v,p,s,C,g;return{cursor:"pointer",fontSize:".75rem",color:null==(l=e.theme)?void 0:l.secondary[800],borderRadius:"rounded"===o?"1.5rem":"0.25rem",backgroundColor:null==(t=e.theme)?void 0:t.secondary[200],...r&&{"&.MuiChip-filled":{color:null==(n=e.theme)?void 0:n.primary[700],backgroundColor:null==(d=e.theme)?void 0:d.primary[200],"&:hover":{backgroundColor:null==(u=e.theme)?void 0:u.primary[200]}},"&.MuiChip-outlined":{color:null==(a=e.theme)?void 0:a.primary[800],borderColor:null==(m=e.theme)?void 0:m.primary[300],"&:hover":{backgroundColor:null==(h=e.theme)?void 0:h.primary[200]}}},...i&&{"&.MuiChip-filled":{color:null==(c=e.theme)?void 0:c.error[700],backgroundColor:null==(v=e.theme)?void 0:v.error[200],"&:hover":{backgroundColor:null==(p=e.theme)?void 0:p.error[200]}},"&.MuiChip-outlined":{color:null==(s=e.theme)?void 0:s.error[800],borderColor:null==(C=e.theme)?void 0:C.error[300],"&:hover":{backgroundColor:null==(g=e.theme)?void 0:g.error[200]}}},"& .MuiChip-icon":{marginRight:"0.125rem",marginLeft:"0rem",color:"inherit"},"& .MuiChip-deleteIcon":{marginLeft:"0.25rem",fontSize:".875rem",color:"inherit",marginRight:"0rem"},"&.MuiChip-root":{height:"fit-content",padding:"0.25rem 0.5rem",".MuiChip-label":{padding:"0rem"}}}});exports.default=r=>{const{label:o,type:l="rounded",variant:t="filled",active:n=!1,inActive:d=!1,...u}=r;/* @__PURE__ */
+return e.jsx(i,{label:o,variant:t,active:n,inActive:d,type:l,...u})};
 //# sourceMappingURL=index.js.map

package/dist/components/chip/chip/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n type?: \"rounded\" \| \"normal\";\n active?: boolean;\n inActive?: boolean;\n label?: string \| React.ReactNode \| number \| JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n ({ theme: { palette }, active, type, inActive }) => ({\n cursor: \"pointer\",\n fontSize: \".75rem\",\n color: palette.theme?.secondary[800],\n borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n backgroundColor: palette.theme?.secondary[200],\n ...(active && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.primary[700],\n backgroundColor: palette.theme?.primary[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.primary[800],\n borderColor: palette.theme?.primary[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n }),\n ...(inActive && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.error[700],\n backgroundColor: palette.theme?.error[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.error[800],\n borderColor: palette.theme?.error[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n }),\n\n \"& .MuiChip-icon\": {\n marginRight: \"0.125rem\",\n marginLeft: \"0rem\",\n color: \"inherit\",\n },\n \"& .MuiChip-deleteIcon\": {\n marginLeft: \"0.25rem\",\n fontSize: \".875rem\",\n color: \"inherit\",\n marginRight: \"0rem\",\n },\n \"&.MuiChip-root\": {\n height: \"fit-content\",\n padding: \"0.25rem 0.5rem\",\n \".MuiChip-label\": {\n padding: \"0rem\",\n },\n },\n }),\n);\n\nconst Chip = (props: IChip) => {\n const {\n label,\n type = \"rounded\",\n variant = \"filled\",\n active = false,\n inActive = false,\n ...rest\n } = props;\n\n return (\n <StyledChip\n label={label}\n variant={variant}\n active={active}\n inActive={inActive}\n type={type}\n {...rest}\n />\n );\n};\n\nexport default Chip;\n"],"names":["StyledChip","styled","MUIChip","theme","palette","active","type","inActive","cursor","fontSize","color","_a","secondary","borderRadius","backgroundColor","_b","_c","primary","_d","_e","_f","borderColor","_g","_h","_i","error","_j","_k","_l","_m","_n","marginRight","marginLeft","height","padding","props","label","variant","rest","jsx"],"mappings":"~~kIASA~~,MAAMA,EAAaC,EAAAA,~~OAAOC~~,~~OAAPD~~,CACjB,EAAGE,OAASC,WAAWC,SAAQC,OAAMC,+CAAgB,MAAA,CACnDC,OAAQ,UACRC,SAAU,SACVC,MAAO,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,UAAU,KAChCC,aAAuB,YAATP,EAAqB,SAAW,UAC9CQ,gBAAiB,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeH,UAAU,QACtCP,GAAU,CACZ,mBAAoB,CAClBK,MAAO,OAAAM,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAd,EAAQD,YAAR,EAAAe,EAAeD,QAAQ,KACxC,UAAW,CACTH,gBAAiB,OAAAK,EAAAf,EAAQD,YAAR,EAAAgB,EAAeF,QAAQ,OAG5C,qBAAsB,CACpBP,MAAO,OAAAU,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeH,QAAQ,KAC9BI,YAAa,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeL,QAAQ,KACpC,UAAW,CACTH,gBAAiB,OAAAS,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeN,QAAQ,WAI1CV,GAAY,CACd,mBAAoB,CAClBG,MAAO,OAAAc,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KAC5BX,gBAAiB,OAAAY,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,KACtC,UAAW,CACTX,gBAAiB,OAAAa,EAAAvB,EAAQD,YAAR,EAAAwB,EAAeF,MAAM,OAG1C,qBAAsB,CACpBf,MAAO,OAAAkB,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeH,MAAM,KAC5BJ,YAAa,OAAAQ,EAAAzB,EAAQD,YAAR,EAAA0B,EAAeJ,MAAM,KAClC,UAAW,CACTX,gBAAiB,OAAAgB,EAAA1B,EAAQD,YAAR,EAAA2B,EAAeL,MAAM,QAK5C,kBAAmB,CACjBM,YAAa,WACbC,WAAY,OACZtB,MAAO,WAET,wBAAyB,CACvBsB,WAAY,UACZvB,SAAU,UACVC,MAAO,UACPqB,YAAa,QAEf,iBAAkB,CAChBE,OAAQ,cACRC,QAAS,iBACT,iBAAkB,CAChBA,QAAS,4BAMHC,IACZ,MAAMC,MACJA,EAAA9B,KACAA,EAAO,UAAA+B,QACPA,EAAU,SAAAhC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACR+B,GACDH;AAEJ,OACEI,EAAAA,IAACvC,EAAA,CACCoC,QACAC,UACAhC,SACAE,WACAD,UACIgC"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n type?: \"rounded\" \| \"normal\";\n active?: boolean;\n inActive?: boolean;\n label?: string \| React.ReactNode \| number \| JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n ({ theme: { palette }, active, type, inActive }) => ({\n cursor: \"pointer\",\n fontSize: \".75rem\",\n color: palette.theme?.secondary[800],\n borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n backgroundColor: palette.theme?.secondary[200],\n ...(active && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.primary[700],\n backgroundColor: palette.theme?.primary[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.primary[800],\n borderColor: palette.theme?.primary[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.primary[200]\n },\n },\n }),\n ...(inActive && {\n \"&.MuiChip-filled\": {\n color: palette.theme?.error[700],\n backgroundColor: palette.theme?.error[200],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n \"&.MuiChip-outlined\": {\n color: palette.theme?.error[800],\n borderColor: palette.theme?.error[300],\n \"&:hover\": {\n backgroundColor: palette.theme?.error[200]\n },\n },\n }),\n\n \"& .MuiChip-icon\": {\n marginRight: \"0.125rem\",\n marginLeft: \"0rem\",\n color: \"inherit\",\n },\n \"& .MuiChip-deleteIcon\": {\n marginLeft: \"0.25rem\",\n fontSize: \".875rem\",\n color: \"inherit\",\n marginRight: \"0rem\",\n },\n \"&.MuiChip-root\": {\n height: \"fit-content\",\n padding: \"0.25rem 0.5rem\",\n \".MuiChip-label\": {\n padding: \"0rem\",\n },\n },\n }),\n);\n\nconst Chip = (props: IChip) => {\n const {\n label,\n type = \"rounded\",\n variant = \"filled\",\n active = false,\n inActive = false,\n ...rest\n } = props;\n\n return (\n <StyledChip\n label={label}\n variant={variant}\n active={active}\n inActive={inActive}\n type={type}\n {...rest}\n />\n );\n};\n\nexport default Chip;\n"],"names":["StyledChip","styled","MUIChip","theme","palette","active","type","inActive","cursor","fontSize","color","_a","secondary","borderRadius","backgroundColor","_b","_c","primary","_d","_e","_f","borderColor","_g","_h","_i","error","_j","_k","_l","_m","_n","marginRight","marginLeft","height","padding","props","label","variant","rest","jsx"],"mappings":"mPASA,MAAMA,EAAaC,EAAAA,QAAOC,UAAPD,CACjB,EAAGE,OAASC,WAAWC,SAAQC,OAAMC,+CAAgB,MAAA,CACnDC,OAAQ,UACRC,SAAU,SACVC,MAAO,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,UAAU,KAChCC,aAAuB,YAATP,EAAqB,SAAW,UAC9CQ,gBAAiB,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeH,UAAU,QACtCP,GAAU,CACZ,mBAAoB,CAClBK,MAAO,OAAAM,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAd,EAAQD,YAAR,EAAAe,EAAeD,QAAQ,KACxC,UAAW,CACTH,gBAAiB,OAAAK,EAAAf,EAAQD,YAAR,EAAAgB,EAAeF,QAAQ,OAG5C,qBAAsB,CACpBP,MAAO,OAAAU,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeH,QAAQ,KAC9BI,YAAa,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeL,QAAQ,KACpC,UAAW,CACTH,gBAAiB,OAAAS,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeN,QAAQ,WAI1CV,GAAY,CACd,mBAAoB,CAClBG,MAAO,OAAAc,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KAC5BX,gBAAiB,OAAAY,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,KACtC,UAAW,CACTX,gBAAiB,OAAAa,EAAAvB,EAAQD,YAAR,EAAAwB,EAAeF,MAAM,OAG1C,qBAAsB,CACpBf,MAAO,OAAAkB,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeH,MAAM,KAC5BJ,YAAa,OAAAQ,EAAAzB,EAAQD,YAAR,EAAA0B,EAAeJ,MAAM,KAClC,UAAW,CACTX,gBAAiB,OAAAgB,EAAA1B,EAAQD,YAAR,EAAA2B,EAAeL,MAAM,QAK5C,kBAAmB,CACjBM,YAAa,WACbC,WAAY,OACZtB,MAAO,WAET,wBAAyB,CACvBsB,WAAY,UACZvB,SAAU,UACVC,MAAO,UACPqB,YAAa,QAEf,iBAAkB,CAChBE,OAAQ,cACRC,QAAS,iBACT,iBAAkB,CAChBA,QAAS,4BAMHC,IACZ,MAAMC,MACJA,EAAA9B,KACAA,EAAO,UAAA+B,QACPA,EAAU,SAAAhC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACR+B,GACDH;AAEJ,OACEI,EAAAA,IAACvC,EAAA,CACCoC,QACAC,UACAhC,SACAE,WACAD,UACIgC"}

package/dist/components/chip-generator/chip-generator/index.esm.js CHANGED Viewed

@@ -1,8 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useState, useRef } from "react";
 import { Controller } from "react-hook-form";
-import { FormControl, styled, InputAdornment, FormHelperText, Box, Chip } from "@mui/material";
 import { Typography } from "../../typography/typography/index.esm.js";
+import FormControl from "../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import FormHelperText from "../../../node_modules/@mui/material/FormHelperText/FormHelperText/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Chip from "../../../node_modules/@mui/material/Chip/Chip/index.esm.js";
 const ChipContainer = styled(Box)(({ theme }) => ({
   display: "flex",
   flexWrap: "wrap",

package/dist/components/chip-generator/chip-generator/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n Chip, \n Box, \n FormControl, \n FormHelperText,\n InputAdornment,\n styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n// type: 'email' \| 'url' \| 'phone' \| 'custom';\n// pattern?: RegExp;\n// message: string;\n// validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n name: string;\n control: any;\n label?: string;\n placeholder?: string;\n required?: boolean;\n disabled?: boolean;\n validation?: any[];\n maxChips?: number;\n allowDuplicates?: boolean;\n fieldArrayName?: string;\n endIcon?: React.ReactNode;\n helperText?: string;\n error?: boolean;\n onChipAdd?: (chip: string) => void;\n onChipRemove?: (chip: string, index: number) => void;\n customChipProps?: any;\n textFieldProps?: any;\n allowMultipleAdd?: boolean;\n delimiters?: string[];\n // New props for data type handling\n dataType?: 'array' \| 'string';\n separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n minHeight: '1.4375em',\n border: `1px solid #D3D3D4`,\n borderRadius: '0.25rem',\n cursor: 'text',\n fontSize: '0.875rem',\n// '&:hover': {\n// borderColor: theme.palette.text.primary,\n// },\n '&.focused': {\n borderColor:'#54CC96',\n borderWidth: '1px',\n },\n '&.error': {\n borderColor: theme.palette.error.main,\n },\n '&.disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n cursor: 'default',\n },\n paddingLeft: 3 \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n border: 'none',\n outline: 'none',\n backgroundColor: 'transparent',\n flexGrow: 1,\n minWidth: '120px',\n padding: '0.5rem',\n fontSize: '0.875rem',\n fontFamily: theme.typography.fontFamily,\n '&::placeholder': {\n color: theme.palette.text.secondary,\n opacity: 1,\n },\n '&:disabled': {\n cursor: 'default',\n }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n height: '24px',\n fontSize: '0.875rem',\n borderColor:' #54CC96',\n backgroundColor: palette.theme.primary[50],\n color:'#2EB273',\n margin: '1px',\n '& .MuiChip-deleteIcon': {\n fontSize: '16px',\n color:'#2EB273',\n '&:hover': {\n color: '#2EB273',\n },\n },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n name,\n control,\n label,\n placeholder = \"Type and press space to add\",\n required = false,\n disabled = false,\n validation,\n maxChips,\n allowDuplicates = false,\n fieldArrayName,\n endIcon,\n helperText,\n error: externalError,\n onChipAdd,\n onChipRemove,\n customChipProps = {},\n allowMultipleAdd = true,\n delimiters = [',', ';', '\\n', '\\t'],\n dataType = 'string',\n separator = ',',\n}) => {\n const [inputValue, setInputValue] = useState('');\n const [validationError, setValidationError] = useState('');\n const [focused, setFocused] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n if (!validation) return { isValid: true, error: '' };\n\n const trimmedValue = value.trim();\n if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n switch (validation.type) {\n case 'email': {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n const isValidEmail = emailRegex.test(trimmedValue);\n return {\n isValid: isValidEmail,\n error: isValidEmail ? '' : validation.message \|\| 'Please enter a valid email address'\n };\n }\n\n // case 'url': {\n // const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-])\\/?$/;\n // const isValidUrl = urlRegex.test(trimmedValue);\n // return {\n // isValid: isValidUrl,\n // error: isValidUrl ? '' : validation.message \|\| 'Please enter a valid URL'\n // };\n // }\n\n case 'phone': {\n const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n return {\n isValid: isValidPhone,\n error: isValidPhone ? '' : validation.message \|\| 'Please enter a valid phone number'\n };\n }\n\n case 'custom': {\n if (validation.pattern) {\n const isValid = validation.pattern.test(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n if (validation.validator) {\n const isValid = validation.validator(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n return { isValid: true, error: '' };\n }\n\n default:\n return { isValid: true, error: '' };\n }\n };\n\n // Convert between string and array formats\n const stringToArray = (str: string): string[] => {\n if (!str \|\| typeof str !== 'string') return [];\n return str.split(separator).map(item => item.trim()).filter(Boolean);\n };\n\n const arrayToString = (arr: string[]): string => {\n return arr.join(separator + ' ');\n };\n\n // Parse input value by delimiters\n const parseMultipleValues = (inputStr: string): string[] => {\n if (!allowMultipleAdd) {\n return [inputStr.trim()].filter(Boolean);\n }\n\n const delimiterPattern = delimiters.map(d => \n d.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&')\n ).join('\|');\n \n const regex = new RegExp(`[${delimiterPattern}]`);\n \n return inputStr\n .split(regex)\n .map(val => val.trim())\n .filter(Boolean);\n };\n\n const addChips = (inputStr: string, currentChips: string[]): { \n newChips: string[]; \n errors: string[]; \n addedCount: number;\n } => {\n const valuesToAdd = parseMultipleValues(inputStr);\n if (valuesToAdd.length === 0) {\n return { newChips: currentChips, errors: [], addedCount: 0 };\n }\n\n const newChips = [...currentChips];\n const errors: string[] = [];\n let addedCount = 0;\n\n for (const value of valuesToAdd) {\n if (maxChips && newChips.length >= maxChips) {\n errors.push(`Maximum ${maxChips} items allowed`);\n break;\n }\n \n if (validation?.length > 0) {\n const errorMessages = validation\n .map(val => validateChip(value, val))\n .filter(result => !result.isValid)\n .map(result => result.error);\n\n if (errorMessages.length > 0) {\n errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n continue;\n }\n }\n \n\n if (!allowDuplicates && newChips.includes(value)) {\n errors.push(`\"${value}\": Duplicate values are not allowed`);\n continue;\n }\n\n newChips.push(value);\n addedCount++;\n onChipAdd?.(value);\n }\n\n return { newChips, errors, addedCount };\n };\n\n const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n const newChips = currentChips.filter((_, i) => i !== index);\n onChipRemove?.(chipToRemove, index);\n setValidationError('');\n return newChips;\n };\n\n const processInput = (\n inputStr: string,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n const { newChips, errors } = addChips(inputStr, currentChips);\n \n if (errors.length > 0) {\n setValidationError(errors.join('; '));\n } else {\n setValidationError('');\n }\n \n if (newChips.length !== currentChips.length) {\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n setInputValue('');\n }\n };\n\n const handleKeyPress = (\n event: KeyboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (event.key === ' ' \|\| event.key === 'Enter') {\n event.preventDefault();\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n } else if (event.key === 'Backspace' && !inputValue) {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n if (currentChips.length > 0) {\n const lastIndex = currentChips.length - 1;\n const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n };\n\n const handleBlur = (\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n setFocused(false);\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n };\n\n const handlePaste = (\n event: React.ClipboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (allowMultipleAdd) {\n event.preventDefault();\n const pastedText = event.clipboardData.getData('text');\n const combinedInput = inputValue + pastedText;\n processInput(combinedInput, onChange, currentValue);\n }\n };\n\n const handleContainerClick = () => {\n if (!disabled && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n return (\n <Controller\n name={fieldName}\n control={control}\n defaultValue={dataType === 'string' ? '' : []}\n render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n const currentChips = Array.isArray(value) ? value : stringToArray(value \|\| '');\n const hasError = !!error \|\| !!validationError \|\| externalError;\n\n return (\n <FormControl fullWidth error={hasError}>\n {label && (\n <Typography\n type=\"s5\"\n weight={\"medium\"}\n mb={0.5}\n color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n >\n {label} {required && <span className=\"requiredStar\"></span>}\n </Typography>\n )}\n\n <ChipContainer\n ref={containerRef}\n className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n onClick={handleContainerClick}\n >\n {currentChips.map((chip: string, index: number) => (\n <InlineChip\n key={`${chip}-${index}`}\n label={chip}\n onDelete={\n disabled\n ? undefined\n : (event) => {\n event.stopPropagation();\n const newChips = removeChip(chip, index, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n size=\"small\"\n // color=\"primary\"\n // variant=\"outlined\"\n {...customChipProps}\n />\n ))}\n \n <InlineInput\n {...field}\n ref={inputRef}\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n onFocus={() => setFocused(true)}\n onBlur={() => handleBlur(onChange, value)}\n onPaste={(e) => handlePaste(e, onChange, value)}\n placeholder={currentChips.length === 0 ? placeholder : ''}\n disabled={disabled}\n style={{ \n width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n }}\n />\n \n {endIcon && (\n <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n {endIcon}\n </InputAdornment>\n )}\n </ChipContainer>\n\n {(helperText \|\| error?.message \|\| validationError) && (\n <FormHelperText>\n {error?.message \|\| validationError \|\| helperText}\n </FormHelperText>\n )}\n\n {maxChips && (\n <FormHelperText>\n {currentChips.length} / {maxChips} items\n </FormHelperText>\n )}\n\n \n </FormControl>\n );\n }}\n />\n );\n});\n\nexport default ChipGenerator;"],"names":["validation"],"mappings":";;;;;AA8CA,MAAM,gBAAgB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAChD,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,UAAU;AAAA;AAAA;AAAA;AAAA,EAIV,aAAa;AAAA,IACX,aAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEf,WAAW;AAAA,IACT,aAAa,MAAM,QAAQ,MAAM;AAAA,EAAA;AAAA,EAEnC,cAAc;AAAA,IACZ,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IACtC,QAAQ;AAAA,EAAA;AAAA,EAEV,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,OAAO,OAAO,EAAE,CAAC,EAAE,aAAa;AAAA,EAClD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY,MAAM,WAAW;AAAA,EAC7B,kBAAkB;AAAA,IAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC1B,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAEF,MAAM,aAAa,OAAO,IAAI,EAAE,CAAC,EAAC,OAAO,EAAE,QAAA,SAAgB;AAAA,EACzD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAY;AAAA,EACZ,iBAAiB,QAAQ,MAAM,QAAQ,EAAE;AAAA,EACzC,OAAM;AAAA,EACN,QAAQ;AAAA,EACR,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,OAAM;AAAA,IACN,WAAW;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,EAAE;AAEF,MAAM,gBAA8C,KAAK,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,kBAAkB,CAAA;AAAA,EAClB,mBAAmB;AAAA,EACnB,aAAa,CAAC,KAAK,KAAK,MAAM,GAAI;AAAA,EAClC,WAAW;AAAA,EACX,YAAY;AACd,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AACzD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,eAAe,CAAC,OAAcA,gBAAyD;AAC3F,QAAI,CAACA,YAAY,QAAO,EAAE,SAAS,MAAM,OAAO,GAAA;AAEhD,UAAM,eAAe,MAAM,KAAA;AAC3B,QAAI,CAAC,aAAc,QAAO,EAAE,SAAS,OAAO,OAAO,+BAAA;AAEnD,YAAQA,YAAW,MAAA;AAAA,MACjB,KAAK,SAAS;AACZ,cAAM,aAAa;AACnB,cAAM,eAAe,WAAW,KAAK,YAAY;AACjD,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO,eAAe,KAAKA,YAAW,WAAW;AAAA,QAAA;AAAA,MAErD;AAAA,MAWA,KAAK,SAAS;AACZ,cAAM,aAAa;AACnB,cAAM,eAAe,WAAW,KAAK,aAAa,QAAQ,YAAY,EAAE,CAAC;AACzE,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO,eAAe,KAAKA,YAAW,WAAW;AAAA,QAAA;AAAA,MAErD;AAAA,MAEA,KAAK,UAAU;AACb,YAAIA,YAAW,SAAS;AACtB,gBAAM,UAAUA,YAAW,QAAQ,KAAK,YAAY;AACpD,iBAAO;AAAA,YACL;AAAA,YACA,OAAO,UAAU,KAAKA,YAAW;AAAA,UAAA;AAAA,QAErC;AACA,YAAIA,YAAW,WAAW;AACxB,gBAAM,UAAUA,YAAW,UAAU,YAAY;AACjD,iBAAO;AAAA,YACL;AAAA,YACA,OAAO,UAAU,KAAKA,YAAW;AAAA,UAAA;AAAA,QAErC;AACA,eAAO,EAAE,SAAS,MAAM,OAAO,GAAA;AAAA,MACjC;AAAA,MAEA;AACE,eAAO,EAAE,SAAS,MAAM,OAAO,GAAA;AAAA,IAAG;AAAA,EAExC;AAGA,QAAM,gBAAgB,CAAC,QAA0B;AAC/C,QAAI,CAAC,OAAO,OAAO,QAAQ,iBAAiB,CAAA;AAC5C,WAAO,IAAI,MAAM,SAAS,EAAE,IAAI,CAAA,SAAQ,KAAK,KAAA,CAAM,EAAE,OAAO,OAAO;AAAA,EACrE;AAEA,QAAM,gBAAgB,CAAC,QAA0B;AAC/C,WAAO,IAAI,KAAK,YAAY,GAAG;AAAA,EACjC;AAGA,QAAM,sBAAsB,CAAC,aAA+B;AAC1D,QAAI,CAAC,kBAAkB;AACrB,aAAO,CAAC,SAAS,KAAA,CAAM,EAAE,OAAO,OAAO;AAAA,IACzC;AAEA,UAAM,mBAAmB,WAAW;AAAA,MAAI,CAAA,MACtC,EAAE,QAAQ,uBAAuB,MAAM;AAAA,IAAA,EACvC,KAAK,GAAG;AAEV,UAAM,QAAQ,IAAI,OAAO,IAAI,gBAAgB,GAAG;AAEhD,WAAO,SACJ,MAAM,KAAK,EACX,IAAI,CAAA,QAAO,IAAI,KAAA,CAAM,EACrB,OAAO,OAAO;AAAA,EACnB;AAEA,QAAM,WAAW,CAAC,UAAkB,iBAI/B;AACH,UAAM,cAAc,oBAAoB,QAAQ;AAChD,QAAI,YAAY,WAAW,GAAG;AAC5B,aAAO,EAAE,UAAU,cAAc,QAAQ,CAAA,GAAI,YAAY,EAAA;AAAA,IAC3D;AAEA,UAAM,WAAW,CAAC,GAAG,YAAY;AACjC,UAAM,SAAmB,CAAA;AACzB,QAAI,aAAa;AAEjB,eAAW,SAAS,aAAa;AAC/B,UAAI,YAAY,SAAS,UAAU,UAAU;AAC3C,eAAO,KAAK,WAAW,QAAQ,gBAAgB;AAC/C;AAAA,MACF;AAEF,WAAI,yCAAY,UAAS,GAAG;AAC1B,cAAM,gBAAgB,WACnB,IAAI,SAAO,aAAa,OAAO,GAAG,CAAC,EACnC,OAAO,CAAA,WAAU,CAAC,OAAO,OAAO,EAChC,IAAI,CAAA,WAAU,OAAO,KAAK;AAE7B,YAAI,cAAc,SAAS,GAAG;AAC5B,iBAAO,KAAK,IAAI,KAAK,MAAM,cAAc,KAAK,IAAI,CAAC,EAAE;AACrD;AAAA,QACF;AAAA,MACF;AAGE,UAAI,CAAC,mBAAmB,SAAS,SAAS,KAAK,GAAG;AAChD,eAAO,KAAK,IAAI,KAAK,qCAAqC;AAC1D;AAAA,MACF;AAEA,eAAS,KAAK,KAAK;AACnB;AACA,6CAAY;AAAA,IACd;AAEA,WAAO,EAAE,UAAU,QAAQ,WAAA;AAAA,EAC7B;AAEA,QAAM,aAAa,CAAC,cAAsB,OAAe,iBAA2B;AAClF,UAAM,WAAW,aAAa,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AAC1D,iDAAe,cAAc;AAC7B,uBAAmB,EAAE;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CACnB,UACA,UACA,iBACG;AACH,UAAM,eAAe,MAAM,QAAQ,YAAY,IAAI,eAAe,cAAc,YAAY;AAC5F,UAAM,EAAE,UAAU,OAAA,IAAW,SAAS,UAAU,YAAY;AAE5D,QAAI,OAAO,SAAS,GAAG;AACrB,yBAAmB,OAAO,KAAK,IAAI,CAAC;AAAA,IACtC,OAAO;AACL,yBAAmB,EAAE;AAAA,IACvB;AAEA,QAAI,SAAS,WAAW,aAAa,QAAQ;AAC3C,YAAM,cAAc,aAAa,WAAW,cAAc,QAAQ,IAAI;AACtE,eAAS,WAAW;AACpB,oBAAc,EAAE;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,iBAAiB,CACrB,OACA,UACA,iBACG;AACH,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAA;AACN,UAAI,WAAW,QAAQ;AACrB,qBAAa,YAAY,UAAU,YAAY;AAAA,MACjD;AAAA,IACF,WAAW,MAAM,QAAQ,eAAe,CAAC,YAAY;AACnD,YAAM,eAAe,MAAM,QAAQ,YAAY,IAAI,eAAe,cAAc,YAAY;AAC5F,UAAI,aAAa,SAAS,GAAG;AAC3B,cAAM,YAAY,aAAa,SAAS;AACxC,cAAM,WAAW,WAAW,aAAa,SAAS,GAAG,WAAW,YAAY;AAC5E,cAAM,cAAc,aAAa,WAAW,cAAc,QAAQ,IAAI;AACtE,iBAAS,WAAW;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,CACjB,UACA,iBACG;AACH,eAAW,KAAK;AAChB,QAAI,WAAW,QAAQ;AACrB,mBAAa,YAAY,UAAU,YAAY;AAAA,IACjD;AAAA,EACF;AAEA,QAAM,cAAc,CAClB,OACA,UACA,iBACG;AACH,QAAI,kBAAkB;AACpB,YAAM,eAAA;AACN,YAAM,aAAa,MAAM,cAAc,QAAQ,MAAM;AACrD,YAAM,gBAAgB,aAAa;AACnC,mBAAa,eAAe,UAAU,YAAY;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,YAAY,SAAS,SAAS;AACjC,eAAS,QAAQ,MAAA;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,YAAY,iBAAiB,GAAG,cAAc,IAAI,IAAI,KAAK;AAEjE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,cAAc,aAAa,WAAW,KAAK,CAAA;AAAA,MAC3C,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,GAAG,SAAS,YAAY,EAAE,MAAA,QAAc;AAC3E,cAAM,eAAe,MAAM,QAAQ,KAAK,IAAI,QAAQ,cAAc,SAAS,EAAE;AAC7E,cAAM,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,mBAAmB;AAEjD,eACE,qBAAC,aAAA,EAAY,WAAS,MAAC,OAAO,UAC3B,UAAA;AAAA,UAAA,SACF;AAAA,YAAC;AAAA,YAAA;AAAA,cACO,MAAK;AAAA,cACL,QAAQ;AAAA,cACR,IAAI;AAAA,cACJ,OAAO,QAAQ,oBAAoB;AAAA,cAElC,UAAA;AAAA,gBAAA;AAAA,gBAAM;AAAA,gBAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAI5D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW,GAAG,UAAU,YAAY,EAAE,IAAI,WAAW,UAAU,EAAE,IAAI,WAAW,aAAa,EAAE;AAAA,cAC/F,SAAS;AAAA,cAER,UAAA;AAAA,gBAAA,aAAa,IAAI,CAAC,MAAc,UAC/B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,OAAO;AAAA,oBACP,UACE,WACI,SACA,CAAC,UAAU;AACT,4BAAM,gBAAA;AACN,4BAAM,WAAW,WAAW,MAAM,OAAO,YAAY;AACrD,4BAAM,cAAc,aAAa,WAAW,cAAc,QAAQ,IAAI;AACtE,+BAAS,WAAW;AAAA,oBACtB;AAAA,oBAEN,MAAK;AAAA,oBAGJ,GAAG;AAAA,kBAAA;AAAA,kBAfC,GAAG,IAAI,IAAI,KAAK;AAAA,gBAAA,CAiBxB;AAAA,gBAED;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,GAAG;AAAA,oBACJ,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,oBAC7C,WAAW,CAAC,MAAM,eAAe,GAAG,UAAU,KAAK;AAAA,oBACnD,SAAS,MAAM,WAAW,IAAI;AAAA,oBAC9B,QAAQ,MAAM,WAAW,UAAU,KAAK;AAAA,oBACxC,SAAS,CAAC,MAAM,YAAY,GAAG,UAAU,KAAK;AAAA,oBAC9C,aAAa,aAAa,WAAW,IAAI,cAAc;AAAA,oBACvD;AAAA,oBACA,OAAO;AAAA,sBACL,OAAO,aAAa,GAAG,KAAK,IAAI,WAAW,SAAS,GAAG,GAAG,CAAC,OAAO;AAAA,oBAAA;AAAA,kBACpE;AAAA,gBAAA;AAAA,gBAGD,WACC,oBAAC,gBAAA,EAAe,UAAS,OAAM,IAAI,EAAE,IAAI,KACtC,UAAA,QAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,WAIF,eAAc,+BAAO,YAAW,wCAC/B,gBAAA,EACE,WAAA,+BAAO,YAAW,mBAAmB,WAAA,CACxC;AAAA,UAGD,iCACE,gBAAA,EACE,UAAA;AAAA,YAAA,aAAa;AAAA,YAAO;AAAA,YAAI;AAAA,YAAS;AAAA,UAAA,EAAA,CACpC;AAAA,QAAA,GAIJ;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n Chip, \n Box, \n FormControl, \n FormHelperText,\n InputAdornment,\n styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n// type: 'email' \| 'url' \| 'phone' \| 'custom';\n// pattern?: RegExp;\n// message: string;\n// validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n name: string;\n control: any;\n label?: string;\n placeholder?: string;\n required?: boolean;\n disabled?: boolean;\n validation?: any[];\n maxChips?: number;\n allowDuplicates?: boolean;\n fieldArrayName?: string;\n endIcon?: React.ReactNode;\n helperText?: string;\n error?: boolean;\n onChipAdd?: (chip: string) => void;\n onChipRemove?: (chip: string, index: number) => void;\n customChipProps?: any;\n textFieldProps?: any;\n allowMultipleAdd?: boolean;\n delimiters?: string[];\n // New props for data type handling\n dataType?: 'array' \| 'string';\n separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n minHeight: '1.4375em',\n border: `1px solid #D3D3D4`,\n borderRadius: '0.25rem',\n cursor: 'text',\n fontSize: '0.875rem',\n// '&:hover': {\n// borderColor: theme.palette.text.primary,\n// },\n '&.focused': {\n borderColor:'#54CC96',\n borderWidth: '1px',\n },\n '&.error': {\n borderColor: theme.palette.error.main,\n },\n '&.disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n cursor: 'default',\n },\n paddingLeft: 3 \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n border: 'none',\n outline: 'none',\n backgroundColor: 'transparent',\n flexGrow: 1,\n minWidth: '120px',\n padding: '0.5rem',\n fontSize: '0.875rem',\n fontFamily: theme.typography.fontFamily,\n '&::placeholder': {\n color: theme.palette.text.secondary,\n opacity: 1,\n },\n '&:disabled': {\n cursor: 'default',\n }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n height: '24px',\n fontSize: '0.875rem',\n borderColor:' #54CC96',\n backgroundColor: palette.theme.primary[50],\n color:'#2EB273',\n margin: '1px',\n '& .MuiChip-deleteIcon': {\n fontSize: '16px',\n color:'#2EB273',\n '&:hover': {\n color: '#2EB273',\n },\n },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n name,\n control,\n label,\n placeholder = \"Type and press space to add\",\n required = false,\n disabled = false,\n validation,\n maxChips,\n allowDuplicates = false,\n fieldArrayName,\n endIcon,\n helperText,\n error: externalError,\n onChipAdd,\n onChipRemove,\n customChipProps = {},\n allowMultipleAdd = true,\n delimiters = [',', ';', '\\n', '\\t'],\n dataType = 'string',\n separator = ',',\n}) => {\n const [inputValue, setInputValue] = useState('');\n const [validationError, setValidationError] = useState('');\n const [focused, setFocused] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n if (!validation) return { isValid: true, error: '' };\n\n const trimmedValue = value.trim();\n if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n switch (validation.type) {\n case 'email': {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n const isValidEmail = emailRegex.test(trimmedValue);\n return {\n isValid: isValidEmail,\n error: isValidEmail ? '' : validation.message \|\| 'Please enter a valid email address'\n };\n }\n\n // case 'url': {\n // const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-])\\/?$/;\n // const isValidUrl = urlRegex.test(trimmedValue);\n // return {\n // isValid: isValidUrl,\n // error: isValidUrl ? '' : validation.message \|\| 'Please enter a valid URL'\n // };\n // }\n\n case 'phone': {\n const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n return {\n isValid: isValidPhone,\n error: isValidPhone ? '' : validation.message \|\| 'Please enter a valid phone number'\n };\n }\n\n case 'custom': {\n if (validation.pattern) {\n const isValid = validation.pattern.test(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n if (validation.validator) {\n const isValid = validation.validator(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n return { isValid: true, error: '' };\n }\n\n default:\n return { isValid: true, error: '' };\n }\n };\n\n // Convert between string and array formats\n const stringToArray = (str: string): string[] => {\n if (!str \|\| typeof str !== 'string') return [];\n return str.split(separator).map(item => item.trim()).filter(Boolean);\n };\n\n const arrayToString = (arr: string[]): string => {\n return arr.join(separator + ' ');\n };\n\n // Parse input value by delimiters\n const parseMultipleValues = (inputStr: string): string[] => {\n if (!allowMultipleAdd) {\n return [inputStr.trim()].filter(Boolean);\n }\n\n const delimiterPattern = delimiters.map(d => \n d.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&')\n ).join('\|');\n \n const regex = new RegExp(`[${delimiterPattern}]`);\n \n return inputStr\n .split(regex)\n .map(val => val.trim())\n .filter(Boolean);\n };\n\n const addChips = (inputStr: string, currentChips: string[]): { \n newChips: string[]; \n errors: string[]; \n addedCount: number;\n } => {\n const valuesToAdd = parseMultipleValues(inputStr);\n if (valuesToAdd.length === 0) {\n return { newChips: currentChips, errors: [], addedCount: 0 };\n }\n\n const newChips = [...currentChips];\n const errors: string[] = [];\n let addedCount = 0;\n\n for (const value of valuesToAdd) {\n if (maxChips && newChips.length >= maxChips) {\n errors.push(`Maximum ${maxChips} items allowed`);\n break;\n }\n \n if (validation?.length > 0) {\n const errorMessages = validation\n .map(val => validateChip(value, val))\n .filter(result => !result.isValid)\n .map(result => result.error);\n\n if (errorMessages.length > 0) {\n errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n continue;\n }\n }\n \n\n if (!allowDuplicates && newChips.includes(value)) {\n errors.push(`\"${value}\": Duplicate values are not allowed`);\n continue;\n }\n\n newChips.push(value);\n addedCount++;\n onChipAdd?.(value);\n }\n\n return { newChips, errors, addedCount };\n };\n\n const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n const newChips = currentChips.filter((_, i) => i !== index);\n onChipRemove?.(chipToRemove, index);\n setValidationError('');\n return newChips;\n };\n\n const processInput = (\n inputStr: string,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n const { newChips, errors } = addChips(inputStr, currentChips);\n \n if (errors.length > 0) {\n setValidationError(errors.join('; '));\n } else {\n setValidationError('');\n }\n \n if (newChips.length !== currentChips.length) {\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n setInputValue('');\n }\n };\n\n const handleKeyPress = (\n event: KeyboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (event.key === ' ' \|\| event.key === 'Enter') {\n event.preventDefault();\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n } else if (event.key === 'Backspace' && !inputValue) {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n if (currentChips.length > 0) {\n const lastIndex = currentChips.length - 1;\n const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n };\n\n const handleBlur = (\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n setFocused(false);\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n };\n\n const handlePaste = (\n event: React.ClipboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (allowMultipleAdd) {\n event.preventDefault();\n const pastedText = event.clipboardData.getData('text');\n const combinedInput = inputValue + pastedText;\n processInput(combinedInput, onChange, currentValue);\n }\n };\n\n const handleContainerClick = () => {\n if (!disabled && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n return (\n <Controller\n name={fieldName}\n control={control}\n defaultValue={dataType === 'string' ? '' : []}\n render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n const currentChips = Array.isArray(value) ? value : stringToArray(value \|\| '');\n const hasError = !!error \|\| !!validationError \|\| externalError;\n\n return (\n <FormControl fullWidth error={hasError}>\n {label && (\n <Typography\n type=\"s5\"\n weight={\"medium\"}\n mb={0.5}\n color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n >\n {label} {required && <span className=\"requiredStar\"></span>}\n </Typography>\n )}\n\n <ChipContainer\n ref={containerRef}\n className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n onClick={handleContainerClick}\n >\n {currentChips.map((chip: string, index: number) => (\n <InlineChip\n key={`${chip}-${index}`}\n label={chip}\n onDelete={\n disabled\n ? undefined\n : (event) => {\n event.stopPropagation();\n const newChips = removeChip(chip, index, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n size=\"small\"\n // color=\"primary\"\n // variant=\"outlined\"\n {...customChipProps}\n />\n ))}\n \n <InlineInput\n {...field}\n ref={inputRef}\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n onFocus={() => setFocused(true)}\n onBlur={() => handleBlur(onChange, value)}\n onPaste={(e) => handlePaste(e, onChange, value)}\n placeholder={currentChips.length === 0 ? placeholder : ''}\n disabled={disabled}\n style={{ \n width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n }}\n />\n \n {endIcon && (\n <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n {endIcon}\n </InputAdornment>\n )}\n </ChipContainer>\n\n {(helperText \|\| error?.message \|\| validationError) && (\n <FormHelperText>\n {error?.message \|\| validationError \|\| helperText}\n </FormHelperText>\n )}\n\n {maxChips && (\n <FormHelperText>\n {currentChips.length} / {maxChips} items\n </FormHelperText>\n )}\n\n \n </FormControl>\n );\n }}\n />\n );\n});\n\nexport default ChipGenerator;"],"names":["validation"],"mappings":"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"}

package/dist/components/chip-generator/chip-generator/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),o=require("@mui/material"),a=require("../../typography/typography/index.js");const l=o.styled(o.Box)(({theme:e})=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:e.spacing(.5),minHeight:"1.4375em",border:"1px solid #D3D3D4",borderRadius:"0.25rem",cursor:"text",fontSize:"0.875rem","&.focused":{borderColor:"#54CC96",borderWidth:"1px"},"&.error":{borderColor:e.palette.error.main},"&.disabled":{backgroundColor:e.palette.action.disabledBackground,cursor:"default"},paddingLeft:3})),n=o.styled("input")(({theme:e})=>({border:"none",outline:"none",backgroundColor:"transparent",flexGrow:1,minWidth:"120px",padding:"0.5rem",fontSize:"0.875rem",fontFamily:e.typography.fontFamily,"&::placeholder":{color:e.palette.text.secondary,opacity:1},"&:disabled":{cursor:"default"}})),s=o.styled(o.Chip)(({theme:{palette:e}})=>({height:"24px",fontSize:"0.875rem",borderColor:" #54CC96",backgroundColor:e.theme.primary[50],color:"#2EB273",margin:"1px","& .MuiChip-deleteIcon":{fontSize:"16px",color:"#2EB273","&:hover":{color:"#2EB273"}}})),i=r.memo(({name:i,control:d,label:p,placeholder:u="Type and press space to add",required:c=!1,disabled:m=!1,validation:h,maxChips:f,allowDuplicates:g=!1,fieldArrayName:x,endIcon:y,helperText:C,error:b,onChipAdd:v,onChipRemove:j,customChipProps:$={},allowMultipleAdd:w=!0,delimiters:k=[",",";","\n","\t"],dataType:D="string",separator:A=","})=>{const[B,V]=r.useState(""),[S,q]=r.useState(""),[E,F]=r.useState(!1),P=r.useRef(null),T=r.useRef(null),z=(e,r)=>{if(!r)return{isValid:!0,error:""};const t=e.trim();if(!t)return{isValid:!1,error:"Empty values are not allowed"};switch(r.type){case"email":{const e=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);return{isValid:e,error:e?"":r.message||"Please enter a valid email address"}}case"phone":{const e=/^[+]?[1-9][\d]{0,15}$/.test(t.replace(/[\s()-]/g,""));return{isValid:e,error:e?"":r.message||"Please enter a valid phone number"}}case"custom":if(r.pattern){const e=r.pattern.test(t);return{isValid:e,error:e?"":r.message}}if(r.validator){const e=r.validator(t);return{isValid:e,error:e?"":r.message}}return{isValid:!0,error:""};default:return{isValid:!0,error:""}}},M=e=>e&&"string"==typeof e?e.split(A).map(e=>e.trim()).filter(Boolean):[],R=e=>e.join(A+" "),I=(e,r,t)=>{const o=t.filter((e,t)=>t!==r);return null==j||j(e,r),q(""),o},W=(e,r,t)=>{const o=Array.isArray(t)?t:M(t),{newChips:a,errors:l}=((e,r)=>{const t=(e=>{if(!w)return[e.trim()].filter(Boolean);const r=k.map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")).join("|"),t=new RegExp(`[${r}]`);return e.split(t).map(e=>e.trim()).filter(Boolean)})(e);if(0===t.length)return{newChips:r,errors:[],addedCount:0};const o=[...r],a=[];let l=0;for(const n of t){if(f&&o.length>=f){a.push(`Maximum ${f} items allowed`);break}if((null==h?void 0:h.length)>0){const e=h.map(e=>z(n,e)).filter(e=>!e.isValid).map(e=>e.error);if(e.length>0){a.push(`"${n}": ${e.join(", ")}`);continue}}g||!o.includes(n)?(o.push(n),l++,null==v||v(n)):a.push(`"${n}": Duplicate values are not allowed`)}return{newChips:o,errors:a,addedCount:l}})(e,o);l.length>0?q(l.join("; ")):q(""),a.length!==o.length&&(r("string"===D?R(a):a),V(""))},H=()=>{!m&&P.current&&P.current.focus()},N=x?`${x}.${i}`:i;/* @__PURE__ */
-return e.jsx(t.Controller,{name:N,control:d,defaultValue:"string"===D?"":[],render:({field:{onChange:r,value:t,...i},fieldState:{error:d}})=>{const h=Array.isArray(t)?t:M(t||""),g=!!d||!!S||b;/* @__PURE__ */
-return e.jsxs(o.FormControl,{fullWidth:!0,error:g,children:[p&&/* @__PURE__ */e.jsxs(a.Typography,{type:"s5",weight:"medium",mb:.5,color:d?"theme.error.600":"theme.secondary.800",children:[p," ",c&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsxs(l,{ref:T,className:`${E?"focused":""} ${g?"error":""} ${m?"disabled":""}`,onClick:H,children:[h.map((t,o)=>/* @__PURE__ */e.jsx(s,{label:t,onDelete:m?void 0:e=>{e.stopPropagation();const a=I(t,o,h),l="string"===D?R(a):a;r(l)},size:"small",...$},`${t}-${o}`)),
-/* @__PURE__ */e.jsx(n,{...i,ref:P,value:B,onChange:e=>V(e.target.value),onKeyDown:e=>((e,r,t)=>{if(" "===e.key||"Enter"===e.key)e.preventDefault(),B.trim()&&W(B,r,t);else if("Backspace"===e.key&&!B){const e=Array.isArray(t)?t:M(t);if(e.length>0){const t=e.length-1,o=I(e[t],t,e);r("string"===D?R(o):o)}}})(e,r,t),onFocus:()=>F(!0),onBlur:()=>((e,r)=>{F(!1),B.trim()&&W(B,e,r)})(r,t),onPaste:e=>((e,r,t)=>{if(w){e.preventDefault();const o=e.clipboardData.getData("text");W(B+o,r,t)}})(e,r,t),placeholder:0===h.length?u:"",disabled:m,style:{width:B?`${Math.max(8*B.length,120)}px`:"120px"}}),y&&/* @__PURE__ */e.jsx(o.InputAdornment,{position:"end",sx:{ml:1},children:y})]}),(C||(null==d?void 0:d.message)||S)&&/* @__PURE__ */e.jsx(o.FormHelperText,{children:(null==d?void 0:d.message)||S||C}),f&&/* @__PURE__ */e.jsxs(o.FormHelperText,{children:[h.length," / ",f," items"]})]})}})});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),o=require("../../typography/typography/index.js"),a=require("../../../node_modules/@mui/material/FormControl/FormControl/index.js"),l=require("../../../node_modules/@mui/material/styles/styled/index.js"),n=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),i=require("../../../node_modules/@mui/material/FormHelperText/FormHelperText/index.js"),s=require("../../../node_modules/@mui/material/Box/Box/index.js"),d=require("../../../node_modules/@mui/material/Chip/Chip/index.js");const u=l.default(s.default)(({theme:e})=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:e.spacing(.5),minHeight:"1.4375em",border:"1px solid #D3D3D4",borderRadius:"0.25rem",cursor:"text",fontSize:"0.875rem","&.focused":{borderColor:"#54CC96",borderWidth:"1px"},"&.error":{borderColor:e.palette.error.main},"&.disabled":{backgroundColor:e.palette.action.disabledBackground,cursor:"default"},paddingLeft:3})),p=l.default("input")(({theme:e})=>({border:"none",outline:"none",backgroundColor:"transparent",flexGrow:1,minWidth:"120px",padding:"0.5rem",fontSize:"0.875rem",fontFamily:e.typography.fontFamily,"&::placeholder":{color:e.palette.text.secondary,opacity:1},"&:disabled":{cursor:"default"}})),m=l.default(d.default)(({theme:{palette:e}})=>({height:"24px",fontSize:"0.875rem",borderColor:" #54CC96",backgroundColor:e.theme.primary[50],color:"#2EB273",margin:"1px","& .MuiChip-deleteIcon":{fontSize:"16px",color:"#2EB273","&:hover":{color:"#2EB273"}}})),c=r.memo(({name:l,control:s,label:d,placeholder:c="Type and press space to add",required:h=!1,disabled:f=!1,validation:g,maxChips:x,allowDuplicates:y=!1,fieldArrayName:C,endIcon:b,helperText:j,error:v,onChipAdd:$,onChipRemove:w,customChipProps:q={},allowMultipleAdd:k=!0,delimiters:A=[",",";","\n","\t"],dataType:B="string",separator:D=","})=>{const[V,S]=r.useState(""),[_,F]=r.useState(""),[E,P]=r.useState(!1),T=r.useRef(null),z=r.useRef(null),I=(e,r)=>{if(!r)return{isValid:!0,error:""};const t=e.trim();if(!t)return{isValid:!1,error:"Empty values are not allowed"};switch(r.type){case"email":{const e=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);return{isValid:e,error:e?"":r.message||"Please enter a valid email address"}}case"phone":{const e=/^[+]?[1-9][\d]{0,15}$/.test(t.replace(/[\s()-]/g,""));return{isValid:e,error:e?"":r.message||"Please enter a valid phone number"}}case"custom":if(r.pattern){const e=r.pattern.test(t);return{isValid:e,error:e?"":r.message}}if(r.validator){const e=r.validator(t);return{isValid:e,error:e?"":r.message}}return{isValid:!0,error:""};default:return{isValid:!0,error:""}}},M=e=>e&&"string"==typeof e?e.split(D).map(e=>e.trim()).filter(Boolean):[],R=e=>e.join(D+" "),W=(e,r,t)=>{const o=t.filter((e,t)=>t!==r);return null==w||w(e,r),F(""),o},H=(e,r,t)=>{const o=Array.isArray(t)?t:M(t),{newChips:a,errors:l}=((e,r)=>{const t=(e=>{if(!k)return[e.trim()].filter(Boolean);const r=A.map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")).join("|"),t=new RegExp(`[${r}]`);return e.split(t).map(e=>e.trim()).filter(Boolean)})(e);if(0===t.length)return{newChips:r,errors:[],addedCount:0};const o=[...r],a=[];let l=0;for(const n of t){if(x&&o.length>=x){a.push(`Maximum ${x} items allowed`);break}if((null==g?void 0:g.length)>0){const e=g.map(e=>I(n,e)).filter(e=>!e.isValid).map(e=>e.error);if(e.length>0){a.push(`"${n}": ${e.join(", ")}`);continue}}y||!o.includes(n)?(o.push(n),l++,null==$||$(n)):a.push(`"${n}": Duplicate values are not allowed`)}return{newChips:o,errors:a,addedCount:l}})(e,o);l.length>0?F(l.join("; ")):F(""),a.length!==o.length&&(r("string"===B?R(a):a),S(""))},N=()=>{!f&&T.current&&T.current.focus()},G=C?`${C}.${l}`:l;/* @__PURE__ */
+return e.jsx(t.Controller,{name:G,control:s,defaultValue:"string"===B?"":[],render:({field:{onChange:r,value:t,...l},fieldState:{error:s}})=>{const g=Array.isArray(t)?t:M(t||""),y=!!s||!!_||v;/* @__PURE__ */
+return e.jsxs(a.default,{fullWidth:!0,error:y,children:[d&&/* @__PURE__ */e.jsxs(o.Typography,{type:"s5",weight:"medium",mb:.5,color:s?"theme.error.600":"theme.secondary.800",children:[d," ",h&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
+/* @__PURE__ */e.jsxs(u,{ref:z,className:`${E?"focused":""} ${y?"error":""} ${f?"disabled":""}`,onClick:N,children:[g.map((t,o)=>/* @__PURE__ */e.jsx(m,{label:t,onDelete:f?void 0:e=>{e.stopPropagation();const a=W(t,o,g),l="string"===B?R(a):a;r(l)},size:"small",...q},`${t}-${o}`)),
+/* @__PURE__ */e.jsx(p,{...l,ref:T,value:V,onChange:e=>S(e.target.value),onKeyDown:e=>((e,r,t)=>{if(" "===e.key||"Enter"===e.key)e.preventDefault(),V.trim()&&H(V,r,t);else if("Backspace"===e.key&&!V){const e=Array.isArray(t)?t:M(t);if(e.length>0){const t=e.length-1,o=W(e[t],t,e);r("string"===B?R(o):o)}}})(e,r,t),onFocus:()=>P(!0),onBlur:()=>((e,r)=>{P(!1),V.trim()&&H(V,e,r)})(r,t),onPaste:e=>((e,r,t)=>{if(k){e.preventDefault();const o=e.clipboardData.getData("text");H(V+o,r,t)}})(e,r,t),placeholder:0===g.length?c:"",disabled:f,style:{width:V?`${Math.max(8*V.length,120)}px`:"120px"}}),b&&/* @__PURE__ */e.jsx(n.default,{position:"end",sx:{ml:1},children:b})]}),(j||(null==s?void 0:s.message)||_)&&/* @__PURE__ */e.jsx(i.default,{children:(null==s?void 0:s.message)||_||j}),x&&/* @__PURE__ */e.jsxs(i.default,{children:[g.length," / ",x," items"]})]})}})});exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/chip-generator/chip-generator/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n Chip, \n Box, \n FormControl, \n FormHelperText,\n InputAdornment,\n styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n// type: 'email' \| 'url' \| 'phone' \| 'custom';\n// pattern?: RegExp;\n// message: string;\n// validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n name: string;\n control: any;\n label?: string;\n placeholder?: string;\n required?: boolean;\n disabled?: boolean;\n validation?: any[];\n maxChips?: number;\n allowDuplicates?: boolean;\n fieldArrayName?: string;\n endIcon?: React.ReactNode;\n helperText?: string;\n error?: boolean;\n onChipAdd?: (chip: string) => void;\n onChipRemove?: (chip: string, index: number) => void;\n customChipProps?: any;\n textFieldProps?: any;\n allowMultipleAdd?: boolean;\n delimiters?: string[];\n // New props for data type handling\n dataType?: 'array' \| 'string';\n separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n minHeight: '1.4375em',\n border: `1px solid #D3D3D4`,\n borderRadius: '0.25rem',\n cursor: 'text',\n fontSize: '0.875rem',\n// '&:hover': {\n// borderColor: theme.palette.text.primary,\n// },\n '&.focused': {\n borderColor:'#54CC96',\n borderWidth: '1px',\n },\n '&.error': {\n borderColor: theme.palette.error.main,\n },\n '&.disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n cursor: 'default',\n },\n paddingLeft: 3 \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n border: 'none',\n outline: 'none',\n backgroundColor: 'transparent',\n flexGrow: 1,\n minWidth: '120px',\n padding: '0.5rem',\n fontSize: '0.875rem',\n fontFamily: theme.typography.fontFamily,\n '&::placeholder': {\n color: theme.palette.text.secondary,\n opacity: 1,\n },\n '&:disabled': {\n cursor: 'default',\n }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n height: '24px',\n fontSize: '0.875rem',\n borderColor:' #54CC96',\n backgroundColor: palette.theme.primary[50],\n color:'#2EB273',\n margin: '1px',\n '& .MuiChip-deleteIcon': {\n fontSize: '16px',\n color:'#2EB273',\n '&:hover': {\n color: '#2EB273',\n },\n },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n name,\n control,\n label,\n placeholder = \"Type and press space to add\",\n required = false,\n disabled = false,\n validation,\n maxChips,\n allowDuplicates = false,\n fieldArrayName,\n endIcon,\n helperText,\n error: externalError,\n onChipAdd,\n onChipRemove,\n customChipProps = {},\n allowMultipleAdd = true,\n delimiters = [',', ';', '\\n', '\\t'],\n dataType = 'string',\n separator = ',',\n}) => {\n const [inputValue, setInputValue] = useState('');\n const [validationError, setValidationError] = useState('');\n const [focused, setFocused] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n if (!validation) return { isValid: true, error: '' };\n\n const trimmedValue = value.trim();\n if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n switch (validation.type) {\n case 'email': {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n const isValidEmail = emailRegex.test(trimmedValue);\n return {\n isValid: isValidEmail,\n error: isValidEmail ? '' : validation.message \|\| 'Please enter a valid email address'\n };\n }\n\n // case 'url': {\n // const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-])\\/?$/;\n // const isValidUrl = urlRegex.test(trimmedValue);\n // return {\n // isValid: isValidUrl,\n // error: isValidUrl ? '' : validation.message \|\| 'Please enter a valid URL'\n // };\n // }\n\n case 'phone': {\n const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n return {\n isValid: isValidPhone,\n error: isValidPhone ? '' : validation.message \|\| 'Please enter a valid phone number'\n };\n }\n\n case 'custom': {\n if (validation.pattern) {\n const isValid = validation.pattern.test(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n if (validation.validator) {\n const isValid = validation.validator(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n return { isValid: true, error: '' };\n }\n\n default:\n return { isValid: true, error: '' };\n }\n };\n\n // Convert between string and array formats\n const stringToArray = (str: string): string[] => {\n if (!str \|\| typeof str !== 'string') return [];\n return str.split(separator).map(item => item.trim()).filter(Boolean);\n };\n\n const arrayToString = (arr: string[]): string => {\n return arr.join(separator + ' ');\n };\n\n // Parse input value by delimiters\n const parseMultipleValues = (inputStr: string): string[] => {\n if (!allowMultipleAdd) {\n return [inputStr.trim()].filter(Boolean);\n }\n\n const delimiterPattern = delimiters.map(d => \n d.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&')\n ).join('\|');\n \n const regex = new RegExp(`[${delimiterPattern}]`);\n \n return inputStr\n .split(regex)\n .map(val => val.trim())\n .filter(Boolean);\n };\n\n const addChips = (inputStr: string, currentChips: string[]): { \n newChips: string[]; \n errors: string[]; \n addedCount: number;\n } => {\n const valuesToAdd = parseMultipleValues(inputStr);\n if (valuesToAdd.length === 0) {\n return { newChips: currentChips, errors: [], addedCount: 0 };\n }\n\n const newChips = [...currentChips];\n const errors: string[] = [];\n let addedCount = 0;\n\n for (const value of valuesToAdd) {\n if (maxChips && newChips.length >= maxChips) {\n errors.push(`Maximum ${maxChips} items allowed`);\n break;\n }\n \n if (validation?.length > 0) {\n const errorMessages = validation\n .map(val => validateChip(value, val))\n .filter(result => !result.isValid)\n .map(result => result.error);\n\n if (errorMessages.length > 0) {\n errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n continue;\n }\n }\n \n\n if (!allowDuplicates && newChips.includes(value)) {\n errors.push(`\"${value}\": Duplicate values are not allowed`);\n continue;\n }\n\n newChips.push(value);\n addedCount++;\n onChipAdd?.(value);\n }\n\n return { newChips, errors, addedCount };\n };\n\n const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n const newChips = currentChips.filter((_, i) => i !== index);\n onChipRemove?.(chipToRemove, index);\n setValidationError('');\n return newChips;\n };\n\n const processInput = (\n inputStr: string,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n const { newChips, errors } = addChips(inputStr, currentChips);\n \n if (errors.length > 0) {\n setValidationError(errors.join('; '));\n } else {\n setValidationError('');\n }\n \n if (newChips.length !== currentChips.length) {\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n setInputValue('');\n }\n };\n\n const handleKeyPress = (\n event: KeyboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (event.key === ' ' \|\| event.key === 'Enter') {\n event.preventDefault();\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n } else if (event.key === 'Backspace' && !inputValue) {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n if (currentChips.length > 0) {\n const lastIndex = currentChips.length - 1;\n const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n };\n\n const handleBlur = (\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n setFocused(false);\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n };\n\n const handlePaste = (\n event: React.ClipboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (allowMultipleAdd) {\n event.preventDefault();\n const pastedText = event.clipboardData.getData('text');\n const combinedInput = inputValue + pastedText;\n processInput(combinedInput, onChange, currentValue);\n }\n };\n\n const handleContainerClick = () => {\n if (!disabled && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n return (\n <Controller\n name={fieldName}\n control={control}\n defaultValue={dataType === 'string' ? '' : []}\n render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n const currentChips = Array.isArray(value) ? value : stringToArray(value \|\| '');\n const hasError = !!error \|\| !!validationError \|\| externalError;\n\n return (\n <FormControl fullWidth error={hasError}>\n {label && (\n <Typography\n type=\"s5\"\n weight={\"medium\"}\n mb={0.5}\n color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n >\n {label} {required && <span className=\"requiredStar\"></span>}\n </Typography>\n )}\n\n <ChipContainer\n ref={containerRef}\n className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n onClick={handleContainerClick}\n >\n {currentChips.map((chip: string, index: number) => (\n <InlineChip\n key={`${chip}-${index}`}\n label={chip}\n onDelete={\n disabled\n ? undefined\n : (event) => {\n event.stopPropagation();\n const newChips = removeChip(chip, index, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n size=\"small\"\n // color=\"primary\"\n // variant=\"outlined\"\n {...customChipProps}\n />\n ))}\n \n <InlineInput\n {...field}\n ref={inputRef}\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n onFocus={() => setFocused(true)}\n onBlur={() => handleBlur(onChange, value)}\n onPaste={(e) => handlePaste(e, onChange, value)}\n placeholder={currentChips.length === 0 ? placeholder : ''}\n disabled={disabled}\n style={{ \n width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n }}\n />\n \n {endIcon && (\n <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n {endIcon}\n </InputAdornment>\n )}\n </ChipContainer>\n\n {(helperText \|\| error?.message \|\| validationError) && (\n <FormHelperText>\n {error?.message \|\| validationError \|\| helperText}\n </FormHelperText>\n )}\n\n {maxChips && (\n <FormHelperText>\n {currentChips.length} / {maxChips} items\n </FormHelperText>\n )}\n\n \n </FormControl>\n );\n }}\n />\n );\n});\n\nexport default ChipGenerator;"],"names":["ChipContainer","styled","Box","theme","display","flexWrap","alignItems","gap","spacing","minHeight","border","borderRadius","cursor","fontSize","borderColor","borderWidth","palette","error","main","backgroundColor","action","disabledBackground","paddingLeft","InlineInput","outline","flexGrow","minWidth","padding","fontFamily","typography","color","text","secondary","opacity","InlineChip","Chip","height","primary","margin","ChipGenerator","memo","name","control","label","placeholder","required","disabled","validation","maxChips","allowDuplicates","fieldArrayName","endIcon","helperText","externalError","onChipAdd","onChipRemove","customChipProps","allowMultipleAdd","delimiters","dataType","separator","inputValue","setInputValue","useState","validationError","setValidationError","focused","setFocused","inputRef","useRef","containerRef","validateChip","value","isValid","trimmedValue","trim","type","isValidEmail","test","message","isValidPhone","replace","pattern","validator","stringToArray","str","split","map","item","filter","Boolean","arrayToString","arr","join","removeChip","chipToRemove","index","currentChips","newChips","_","i","processInput","inputStr","onChange","currentValue","Array","isArray","errors","valuesToAdd","delimiterPattern","d","regex","RegExp","val","parseMultipleValues","length","addedCount","push","errorMessages","result","includes","addChips","handleContainerClick","current","focus","fieldName","jsx","Controller","defaultValue","render","field","fieldState","hasError","jsxs","FormControl","fullWidth","children","Typography","weight","mb","className","ref","onClick","chip","onDelete","event","stopPropagation","outputValue","size","e","target","onKeyDown","key","preventDefault","lastIndex","handleKeyPress","onFocus","onBlur","handleBlur","onPaste","pastedText","clipboardData","getData","handlePaste","style","width","Math","max","InputAdornment","position","sx","ml","FormHelperText"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n Chip, \n Box, \n FormControl, \n FormHelperText,\n InputAdornment,\n styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n// type: 'email' \| 'url' \| 'phone' \| 'custom';\n// pattern?: RegExp;\n// message: string;\n// validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n name: string;\n control: any;\n label?: string;\n placeholder?: string;\n required?: boolean;\n disabled?: boolean;\n validation?: any[];\n maxChips?: number;\n allowDuplicates?: boolean;\n fieldArrayName?: string;\n endIcon?: React.ReactNode;\n helperText?: string;\n error?: boolean;\n onChipAdd?: (chip: string) => void;\n onChipRemove?: (chip: string, index: number) => void;\n customChipProps?: any;\n textFieldProps?: any;\n allowMultipleAdd?: boolean;\n delimiters?: string[];\n // New props for data type handling\n dataType?: 'array' \| 'string';\n separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n minHeight: '1.4375em',\n border: `1px solid #D3D3D4`,\n borderRadius: '0.25rem',\n cursor: 'text',\n fontSize: '0.875rem',\n// '&:hover': {\n// borderColor: theme.palette.text.primary,\n// },\n '&.focused': {\n borderColor:'#54CC96',\n borderWidth: '1px',\n },\n '&.error': {\n borderColor: theme.palette.error.main,\n },\n '&.disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n cursor: 'default',\n },\n paddingLeft: 3 \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n border: 'none',\n outline: 'none',\n backgroundColor: 'transparent',\n flexGrow: 1,\n minWidth: '120px',\n padding: '0.5rem',\n fontSize: '0.875rem',\n fontFamily: theme.typography.fontFamily,\n '&::placeholder': {\n color: theme.palette.text.secondary,\n opacity: 1,\n },\n '&:disabled': {\n cursor: 'default',\n }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n height: '24px',\n fontSize: '0.875rem',\n borderColor:' #54CC96',\n backgroundColor: palette.theme.primary[50],\n color:'#2EB273',\n margin: '1px',\n '& .MuiChip-deleteIcon': {\n fontSize: '16px',\n color:'#2EB273',\n '&:hover': {\n color: '#2EB273',\n },\n },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n name,\n control,\n label,\n placeholder = \"Type and press space to add\",\n required = false,\n disabled = false,\n validation,\n maxChips,\n allowDuplicates = false,\n fieldArrayName,\n endIcon,\n helperText,\n error: externalError,\n onChipAdd,\n onChipRemove,\n customChipProps = {},\n allowMultipleAdd = true,\n delimiters = [',', ';', '\\n', '\\t'],\n dataType = 'string',\n separator = ',',\n}) => {\n const [inputValue, setInputValue] = useState('');\n const [validationError, setValidationError] = useState('');\n const [focused, setFocused] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n if (!validation) return { isValid: true, error: '' };\n\n const trimmedValue = value.trim();\n if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n switch (validation.type) {\n case 'email': {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n const isValidEmail = emailRegex.test(trimmedValue);\n return {\n isValid: isValidEmail,\n error: isValidEmail ? '' : validation.message \|\| 'Please enter a valid email address'\n };\n }\n\n // case 'url': {\n // const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-])\\/?$/;\n // const isValidUrl = urlRegex.test(trimmedValue);\n // return {\n // isValid: isValidUrl,\n // error: isValidUrl ? '' : validation.message \|\| 'Please enter a valid URL'\n // };\n // }\n\n case 'phone': {\n const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n return {\n isValid: isValidPhone,\n error: isValidPhone ? '' : validation.message \|\| 'Please enter a valid phone number'\n };\n }\n\n case 'custom': {\n if (validation.pattern) {\n const isValid = validation.pattern.test(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n if (validation.validator) {\n const isValid = validation.validator(trimmedValue);\n return {\n isValid,\n error: isValid ? '' : validation.message\n };\n }\n return { isValid: true, error: '' };\n }\n\n default:\n return { isValid: true, error: '' };\n }\n };\n\n // Convert between string and array formats\n const stringToArray = (str: string): string[] => {\n if (!str \|\| typeof str !== 'string') return [];\n return str.split(separator).map(item => item.trim()).filter(Boolean);\n };\n\n const arrayToString = (arr: string[]): string => {\n return arr.join(separator + ' ');\n };\n\n // Parse input value by delimiters\n const parseMultipleValues = (inputStr: string): string[] => {\n if (!allowMultipleAdd) {\n return [inputStr.trim()].filter(Boolean);\n }\n\n const delimiterPattern = delimiters.map(d => \n d.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&')\n ).join('\|');\n \n const regex = new RegExp(`[${delimiterPattern}]`);\n \n return inputStr\n .split(regex)\n .map(val => val.trim())\n .filter(Boolean);\n };\n\n const addChips = (inputStr: string, currentChips: string[]): { \n newChips: string[]; \n errors: string[]; \n addedCount: number;\n } => {\n const valuesToAdd = parseMultipleValues(inputStr);\n if (valuesToAdd.length === 0) {\n return { newChips: currentChips, errors: [], addedCount: 0 };\n }\n\n const newChips = [...currentChips];\n const errors: string[] = [];\n let addedCount = 0;\n\n for (const value of valuesToAdd) {\n if (maxChips && newChips.length >= maxChips) {\n errors.push(`Maximum ${maxChips} items allowed`);\n break;\n }\n \n if (validation?.length > 0) {\n const errorMessages = validation\n .map(val => validateChip(value, val))\n .filter(result => !result.isValid)\n .map(result => result.error);\n\n if (errorMessages.length > 0) {\n errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n continue;\n }\n }\n \n\n if (!allowDuplicates && newChips.includes(value)) {\n errors.push(`\"${value}\": Duplicate values are not allowed`);\n continue;\n }\n\n newChips.push(value);\n addedCount++;\n onChipAdd?.(value);\n }\n\n return { newChips, errors, addedCount };\n };\n\n const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n const newChips = currentChips.filter((_, i) => i !== index);\n onChipRemove?.(chipToRemove, index);\n setValidationError('');\n return newChips;\n };\n\n const processInput = (\n inputStr: string,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n const { newChips, errors } = addChips(inputStr, currentChips);\n \n if (errors.length > 0) {\n setValidationError(errors.join('; '));\n } else {\n setValidationError('');\n }\n \n if (newChips.length !== currentChips.length) {\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n setInputValue('');\n }\n };\n\n const handleKeyPress = (\n event: KeyboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (event.key === ' ' \|\| event.key === 'Enter') {\n event.preventDefault();\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n } else if (event.key === 'Backspace' && !inputValue) {\n const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n if (currentChips.length > 0) {\n const lastIndex = currentChips.length - 1;\n const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n };\n\n const handleBlur = (\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n setFocused(false);\n if (inputValue.trim()) {\n processInput(inputValue, onChange, currentValue);\n }\n };\n\n const handlePaste = (\n event: React.ClipboardEvent<HTMLInputElement>,\n onChange: (value: string[] \| string) => void,\n currentValue: string[] \| string\n ) => {\n if (allowMultipleAdd) {\n event.preventDefault();\n const pastedText = event.clipboardData.getData('text');\n const combinedInput = inputValue + pastedText;\n processInput(combinedInput, onChange, currentValue);\n }\n };\n\n const handleContainerClick = () => {\n if (!disabled && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n return (\n <Controller\n name={fieldName}\n control={control}\n defaultValue={dataType === 'string' ? '' : []}\n render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n const currentChips = Array.isArray(value) ? value : stringToArray(value \|\| '');\n const hasError = !!error \|\| !!validationError \|\| externalError;\n\n return (\n <FormControl fullWidth error={hasError}>\n {label && (\n <Typography\n type=\"s5\"\n weight={\"medium\"}\n mb={0.5}\n color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n >\n {label} {required && <span className=\"requiredStar\"></span>}\n </Typography>\n )}\n\n <ChipContainer\n ref={containerRef}\n className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n onClick={handleContainerClick}\n >\n {currentChips.map((chip: string, index: number) => (\n <InlineChip\n key={`${chip}-${index}`}\n label={chip}\n onDelete={\n disabled\n ? undefined\n : (event) => {\n event.stopPropagation();\n const newChips = removeChip(chip, index, currentChips);\n const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n onChange(outputValue);\n }\n }\n size=\"small\"\n // color=\"primary\"\n // variant=\"outlined\"\n {...customChipProps}\n />\n ))}\n \n <InlineInput\n {...field}\n ref={inputRef}\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n onFocus={() => setFocused(true)}\n onBlur={() => handleBlur(onChange, value)}\n onPaste={(e) => handlePaste(e, onChange, value)}\n placeholder={currentChips.length === 0 ? placeholder : ''}\n disabled={disabled}\n style={{ \n width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n }}\n />\n \n {endIcon && (\n <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n {endIcon}\n </InputAdornment>\n )}\n </ChipContainer>\n\n {(helperText \|\| error?.message \|\| validationError) && (\n <FormHelperText>\n {error?.message \|\| validationError \|\| helperText}\n </FormHelperText>\n )}\n\n {maxChips && (\n <FormHelperText>\n {currentChips.length} / {maxChips} items\n </FormHelperText>\n )}\n\n \n </FormControl>\n );\n }}\n />\n );\n});\n\nexport default ChipGenerator;"],"names":["ChipContainer","styled","Box","theme","display","flexWrap","alignItems","gap","spacing","minHeight","border","borderRadius","cursor","fontSize","borderColor","borderWidth","palette","error","main","backgroundColor","action","disabledBackground","paddingLeft","InlineInput","outline","flexGrow","minWidth","padding","fontFamily","typography","color","text","secondary","opacity","InlineChip","Chip","height","primary","margin","ChipGenerator","memo","name","control","label","placeholder","required","disabled","validation","maxChips","allowDuplicates","fieldArrayName","endIcon","helperText","externalError","onChipAdd","onChipRemove","customChipProps","allowMultipleAdd","delimiters","dataType","separator","inputValue","setInputValue","useState","validationError","setValidationError","focused","setFocused","inputRef","useRef","containerRef","validateChip","value","isValid","trimmedValue","trim","type","isValidEmail","test","message","isValidPhone","replace","pattern","validator","stringToArray","str","split","map","item","filter","Boolean","arrayToString","arr","join","removeChip","chipToRemove","index","currentChips","newChips","_","i","processInput","inputStr","onChange","currentValue","Array","isArray","errors","valuesToAdd","delimiterPattern","d","regex","RegExp","val","parseMultipleValues","length","addedCount","push","errorMessages","result","includes","addChips","handleContainerClick","current","focus","fieldName","jsx","Controller","defaultValue","render","field","fieldState","hasError","jsxs","FormControl","fullWidth","children","Typography","weight","mb","className","ref","onClick","chip","onDelete","event","stopPropagation","outputValue","size","e","target","onKeyDown","key","preventDefault","lastIndex","handleKeyPress","onFocus","onBlur","handleBlur","onPaste","pastedText","clipboardData","getData","handlePaste","style","width","Math","max","InputAdornment","position","sx","ml","FormHelperText"],"mappings":"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"}