@erpsquad/common 1.8.81 → 1.8.82

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

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

package/dist/components/alert/alert/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\r\n\r\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\r\n  \"&.MuiAlert-root\": {\r\n    fontSize: \"0.75rem\",\r\n    fontWeight: \"500\",\r\n    letterSpacing: \"-0.24px\",\r\n    padding: \"0rem 0.75rem\",\r\n  },\r\n  \"&.MuiAlert-standardInfo\": {\r\n    color: palette.theme?.secondary[900],\r\n    backgroundColor: palette.theme?.secondary[200],\r\n  },\r\n  \"&.MuiAlert-standardSuccess\": {\r\n    color: palette.theme?.primary[900],\r\n    backgroundColor: palette.theme?.primary[100],\r\n  },\r\n  \"&.MuiAlert-standardError\": {\r\n    color: palette.theme?.tertiary6[900],\r\n    backgroundColor: palette.theme?.tertiary6[100],\r\n    \"& .MuiAlert-icon\" : {\r\n      color: palette.theme?.tertiary6[900],\r\n    }\r\n  },\r\n\r\n  \".MuiAlert-action\": {\r\n    svg: {\r\n      fontSize: \"1rem\",\r\n    },\r\n  },\r\n}));\r\n\r\nconst Alert = (props: AlertProps) => {\r\n  const { children, icon = false, ...rest } = props;\r\n\r\n  return (\r\n    <StyledAlert icon={icon} {...rest}>\r\n      {children}\r\n    </StyledAlert>\r\n  );\r\n};\r\n\r\nexport { Alert };\r\nexport default Alert;\r\n"],"names":["MUIAlert"],"mappings":";;;AAEA,MAAM,cAAc,OAAOA,OAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,mBAAmB;AAAA,MACjB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,2BAA2B;AAAA,MACzB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,8BAA8B;AAAA,MAC5B,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA,IAE7C,4BAA4B;AAAA,MAC1B,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,oBAAqB;AAAA,QACnB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,IACrC;AAAA,IAGF,oBAAoB;AAAA,MAClB,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAsB;AACnC,QAAM,EAAE,UAAU,OAAO,OAAO,GAAG,SAAS;AAE5C,SACE,oBAAC,aAAA,EAAY,MAAa,GAAG,MAC1B,UACH;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  \"&.MuiAlert-root\": {\n    fontSize: \"0.75rem\",\n    fontWeight: \"500\",\n    letterSpacing: \"-0.24px\",\n    padding: \"0rem 0.75rem\",\n  },\n  \"&.MuiAlert-standardInfo\": {\n    color: palette.theme?.secondary[900],\n    backgroundColor: palette.theme?.secondary[200],\n  },\n  \"&.MuiAlert-standardSuccess\": {\n    color: palette.theme?.primary[900],\n    backgroundColor: palette.theme?.primary[100],\n  },\n  \"&.MuiAlert-standardError\": {\n    color: palette.theme?.tertiary6[900],\n    backgroundColor: palette.theme?.tertiary6[100],\n    \"& .MuiAlert-icon\" : {\n      color: palette.theme?.tertiary6[900],\n    }\n  },\n\n  \".MuiAlert-action\": {\n    svg: {\n      fontSize: \"1rem\",\n    },\n  },\n}));\n\nconst Alert = (props: AlertProps) => {\n  const { children, icon = false, ...rest } = props;\n\n  return (\n    <StyledAlert icon={icon} {...rest}>\n      {children}\n    </StyledAlert>\n  );\n};\n\nexport { Alert };\nexport default Alert;\n"],"names":["MUIAlert"],"mappings":";;;AAEA,MAAM,cAAc,OAAOA,OAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,mBAAmB;AAAA,MACjB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,2BAA2B;AAAA,MACzB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,8BAA8B;AAAA,MAC5B,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA,IAE7C,4BAA4B;AAAA,MAC1B,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,oBAAqB;AAAA,QACnB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,IACrC;AAAA,IAGF,oBAAoB;AAAA,MAClB,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAsB;AACnC,QAAM,EAAE,UAAU,OAAO,OAAO,GAAG,SAAS;AAE5C,SACE,oBAAC,aAAA,EAAY,MAAa,GAAG,MAC1B,UACH;AAEJ;"}

package/dist/components/alert/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\r\n\r\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\r\n  \"&.MuiAlert-root\": {\r\n    fontSize: \"0.75rem\",\r\n    fontWeight: \"500\",\r\n    letterSpacing: \"-0.24px\",\r\n    padding: \"0rem 0.75rem\",\r\n  },\r\n  \"&.MuiAlert-standardInfo\": {\r\n    color: palette.theme?.secondary[900],\r\n    backgroundColor: palette.theme?.secondary[200],\r\n  },\r\n  \"&.MuiAlert-standardSuccess\": {\r\n    color: palette.theme?.primary[900],\r\n    backgroundColor: palette.theme?.primary[100],\r\n  },\r\n  \"&.MuiAlert-standardError\": {\r\n    color: palette.theme?.tertiary6[900],\r\n    backgroundColor: palette.theme?.tertiary6[100],\r\n    \"& .MuiAlert-icon\" : {\r\n      color: palette.theme?.tertiary6[900],\r\n    }\r\n  },\r\n\r\n  \".MuiAlert-action\": {\r\n    svg: {\r\n      fontSize: \"1rem\",\r\n    },\r\n  },\r\n}));\r\n\r\nconst Alert = (props: AlertProps) => {\r\n  const { children, icon = false, ...rest } = props;\r\n\r\n  return (\r\n    <StyledAlert icon={icon} {...rest}>\r\n      {children}\r\n    </StyledAlert>\r\n  );\r\n};\r\n\r\nexport { Alert };\r\nexport default Alert;\r\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","fontSize","fontWeight","letterSpacing","padding","color","_a","secondary","backgroundColor","_b","_c","primary","_d","_e","tertiary6","_f","_g","svg","Alert","props","children","icon","rest","jsx"],"mappings":"qPAEA,MAAMA,EAAcC,EAAAA,QAAOC,UAAPD,CAAiB,EAAGE,OAASC,iCAAiB,MAAA,CAChE,kBAAmB,CACjBC,SAAU,UACVC,WAAY,MACZC,cAAe,UACfC,QAAS,gBAEX,0BAA2B,CACzBC,MAAO,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,UAAU,KAChCC,gBAAiB,OAAAC,EAAAT,EAAQD,YAAR,EAAAU,EAAeF,UAAU,MAE5C,6BAA8B,CAC5BF,MAAO,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAZ,EAAQD,YAAR,EAAAa,EAAeD,QAAQ,MAE1C,2BAA4B,CAC1BN,MAAO,OAAAQ,EAAAb,EAAQD,YAAR,EAAAc,EAAeC,UAAU,KAChCN,gBAAiB,OAAAO,EAAAf,EAAQD,YAAR,EAAAgB,EAAeD,UAAU,KAC1C,mBAAqB,CACnBT,MAAO,OAAAW,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeF,UAAU,OAIpC,mBAAoB,CAClBG,IAAK,CACHhB,SAAU,YAKViB,EAASC,IACb,MAAMC,SAAEA,EAAAC,KAAUA,GAAO,KAAUC,GAASH;AAE5C,OACEI,EAAAA,IAAC3B,EAAA,CAAYyB,UAAgBC,EAC1BF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  \"&.MuiAlert-root\": {\n    fontSize: \"0.75rem\",\n    fontWeight: \"500\",\n    letterSpacing: \"-0.24px\",\n    padding: \"0rem 0.75rem\",\n  },\n  \"&.MuiAlert-standardInfo\": {\n    color: palette.theme?.secondary[900],\n    backgroundColor: palette.theme?.secondary[200],\n  },\n  \"&.MuiAlert-standardSuccess\": {\n    color: palette.theme?.primary[900],\n    backgroundColor: palette.theme?.primary[100],\n  },\n  \"&.MuiAlert-standardError\": {\n    color: palette.theme?.tertiary6[900],\n    backgroundColor: palette.theme?.tertiary6[100],\n    \"& .MuiAlert-icon\" : {\n      color: palette.theme?.tertiary6[900],\n    }\n  },\n\n  \".MuiAlert-action\": {\n    svg: {\n      fontSize: \"1rem\",\n    },\n  },\n}));\n\nconst Alert = (props: AlertProps) => {\n  const { children, icon = false, ...rest } = props;\n\n  return (\n    <StyledAlert icon={icon} {...rest}>\n      {children}\n    </StyledAlert>\n  );\n};\n\nexport { Alert };\nexport default Alert;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","fontSize","fontWeight","letterSpacing","padding","color","_a","secondary","backgroundColor","_b","_c","primary","_d","_e","tertiary6","_f","_g","svg","Alert","props","children","icon","rest","jsx"],"mappings":"qPAEA,MAAMA,EAAcC,EAAAA,QAAOC,UAAPD,CAAiB,EAAGE,OAASC,iCAAiB,MAAA,CAChE,kBAAmB,CACjBC,SAAU,UACVC,WAAY,MACZC,cAAe,UACfC,QAAS,gBAEX,0BAA2B,CACzBC,MAAO,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,UAAU,KAChCC,gBAAiB,OAAAC,EAAAT,EAAQD,YAAR,EAAAU,EAAeF,UAAU,MAE5C,6BAA8B,CAC5BF,MAAO,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAZ,EAAQD,YAAR,EAAAa,EAAeD,QAAQ,MAE1C,2BAA4B,CAC1BN,MAAO,OAAAQ,EAAAb,EAAQD,YAAR,EAAAc,EAAeC,UAAU,KAChCN,gBAAiB,OAAAO,EAAAf,EAAQD,YAAR,EAAAgB,EAAeD,UAAU,KAC1C,mBAAqB,CACnBT,MAAO,OAAAW,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeF,UAAU,OAIpC,mBAAoB,CAClBG,IAAK,CACHhB,SAAU,YAKViB,EAASC,IACb,MAAMC,SAAEA,EAAAC,KAAUA,GAAO,KAAUC,GAASH;AAE5C,OACEI,EAAAA,IAAC3B,EAAA,CAAYyB,UAAgBC,EAC1BF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { Button as MUIButton, ButtonProps, styled } from '@mui/material';\r\n\r\nconst StyledButton = styled(MUIButton)(\r\n\t({ theme: { palette,  } /* , variant */ }) => ({\r\n\t\tfontSize: '.875rem',\r\n\t\ttextTransform: 'none',\r\n\t\tminHeight: '0rem',\r\n\t\tminWidth: '0rem',\r\n\t\tpadding: '0.25rem .75rem',\r\n\t\tfontWeight: '500',\r\n\t\tlineHeight: '1.25rem',\r\n\t\tletterSpacing: '-0.01875rem',\r\n\r\n\t\t'&.MuiButton-startIcon': {\r\n\t\t\tbackgroundColor: 'red'\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-contained': {\r\n\t\t\tbackgroundColor: palette.theme?.primary[700],\r\n\t\t\t// boxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\r\n\t\t\t'&:hover': {\r\n\t\t\t\tbackgroundColor: palette.theme?.primary[800]\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-outlined': {\r\n\t\t\tborder: 'none',\r\n\t\t\tboxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\r\n\t\t\tcolor: palette.theme?.primary[700]\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-text': {\r\n\t\t\tcolor: palette.theme?.secondary[1000],\r\n\t\t\tbackgroundColor: 'white',\r\n\t\t\t'&:hover': {\r\n\t\t\t\tcolor: palette.theme?.primary[700]\r\n\t\t\t},\r\n\t\t\t'& .MuiButton-startIcon': {\r\n\t\t\t\t// background: palette.theme?.primary[400],\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-containedError': {\r\n\t\t\tbackgroundColor: palette.theme?.error[500],\r\n\t\t\t'&:hover': {\r\n\t\t\t\tbackgroundColor: palette.theme?.error[600]\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'&.Mui-disabled': {\r\n\t\t\topacity: 0.5\r\n\t\t}\r\n\t})\r\n);\r\n\r\nconst Button = (props: ButtonProps) => {\r\n\tconst { children, variant = 'contained', ...rest } = props;\r\n\r\n\treturn (\r\n\t\t<StyledButton variant={variant} {...rest}>\r\n\t\t\t{children}\r\n\t\t</StyledButton>\r\n\t);\r\n};\r\n\r\nexport { Button };\r\nexport default Button;\r\n"],"names":["MUIButton"],"mappings":";;;AAEA,MAAM,eAAe,OAAOA,QAAS;AAAA,EACpC,CAAC;AAAA,IAAE,OAAO,EAAE,QAAA;AAAA;AAAA,EAAU,MAAkB;;AAAO;AAAA,MAC9C,UAAU;AAAA,MACV,eAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,eAAe;AAAA,MAEf,yBAAyB;AAAA,QACxB,iBAAiB;AAAA,MAAA;AAAA,MAGlB,yBAAyB;AAAA,QACxB,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA;AAAA,QAExC,WAAW;AAAA,UACV,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,QAAG;AAAA,MAC5C;AAAA,MAGD,wBAAwB;AAAA,QACvB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAGlC,oBAAoB;AAAA,QACnB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACV,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,QAAG;AAAA,QAElC,0BAA0B;AAAA;AAAA,QAAA;AAAA,MAE1B;AAAA,MAGD,8BAA8B;AAAA,QAC7B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,QACtC,WAAW;AAAA,UACV,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,QAAG;AAAA,MAC1C;AAAA,MAGD,kBAAkB;AAAA,QACjB,SAAS;AAAA,MAAA;AAAA,IACV;AAAA;AAEF;AAEA,MAAM,SAAS,CAAC,UAAuB;AACtC,QAAM,EAAE,UAAU,UAAU,aAAa,GAAG,SAAS;AAErD,SACC,oBAAC,cAAA,EAAa,SAAmB,GAAG,MAClC,UACF;AAEF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { Button as MUIButton, ButtonProps, styled } from '@mui/material';\n\nconst StyledButton = styled(MUIButton)(\n\t({ theme: { palette,  } /* , variant */ }) => ({\n\t\tfontSize: '.875rem',\n\t\ttextTransform: 'none',\n\t\tminHeight: '0rem',\n\t\tminWidth: '0rem',\n\t\tpadding: '0.25rem .75rem',\n\t\tfontWeight: '500',\n\t\tlineHeight: '1.25rem',\n\t\tletterSpacing: '-0.01875rem',\n\n\t\t'&.MuiButton-startIcon': {\n\t\t\tbackgroundColor: 'red'\n\t\t},\n\n\t\t'&.MuiButton-contained': {\n\t\t\tbackgroundColor: palette.theme?.primary[700],\n\t\t\t// boxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: palette.theme?.primary[800]\n\t\t\t}\n\t\t},\n\n\t\t'&.MuiButton-outlined': {\n\t\t\tborder: 'none',\n\t\t\tboxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\n\t\t\tcolor: palette.theme?.primary[700]\n\t\t},\n\n\t\t'&.MuiButton-text': {\n\t\t\tcolor: palette.theme?.secondary[1000],\n\t\t\tbackgroundColor: 'white',\n\t\t\t'&:hover': {\n\t\t\t\tcolor: palette.theme?.primary[700]\n\t\t\t},\n\t\t\t'& .MuiButton-startIcon': {\n\t\t\t\t// background: palette.theme?.primary[400],\n\t\t\t}\n\t\t},\n\n\t\t'&.MuiButton-containedError': {\n\t\t\tbackgroundColor: palette.theme?.error[500],\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: palette.theme?.error[600]\n\t\t\t}\n\t\t},\n\n\t\t'&.Mui-disabled': {\n\t\t\topacity: 0.5\n\t\t}\n\t})\n);\n\nconst Button = (props: ButtonProps) => {\n\tconst { children, variant = 'contained', ...rest } = props;\n\n\treturn (\n\t\t<StyledButton variant={variant} {...rest}>\n\t\t\t{children}\n\t\t</StyledButton>\n\t);\n};\n\nexport { Button };\nexport default Button;\n"],"names":["MUIButton"],"mappings":";;;AAEA,MAAM,eAAe,OAAOA,QAAS;AAAA,EACpC,CAAC;AAAA,IAAE,OAAO,EAAE,QAAA;AAAA;AAAA,EAAU,MAAkB;;AAAO;AAAA,MAC9C,UAAU;AAAA,MACV,eAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,eAAe;AAAA,MAEf,yBAAyB;AAAA,QACxB,iBAAiB;AAAA,MAAA;AAAA,MAGlB,yBAAyB;AAAA,QACxB,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA;AAAA,QAExC,WAAW;AAAA,UACV,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,QAAG;AAAA,MAC5C;AAAA,MAGD,wBAAwB;AAAA,QACvB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAGlC,oBAAoB;AAAA,QACnB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACV,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,QAAG;AAAA,QAElC,0BAA0B;AAAA;AAAA,QAAA;AAAA,MAE1B;AAAA,MAGD,8BAA8B;AAAA,QAC7B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,QACtC,WAAW;AAAA,UACV,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,QAAG;AAAA,MAC1C;AAAA,MAGD,kBAAkB;AAAA,QACjB,SAAS;AAAA,MAAA;AAAA,IACV;AAAA;AAEF;AAEA,MAAM,SAAS,CAAC,UAAuB;AACtC,QAAM,EAAE,UAAU,UAAU,aAAa,GAAG,SAAS;AAErD,SACC,oBAAC,cAAA,EAAa,SAAmB,GAAG,MAClC,UACF;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { Button as MUIButton, ButtonProps, styled } from '@mui/material';\r\n\r\nconst StyledButton = styled(MUIButton)(\r\n\t({ theme: { palette,  } /* , variant */ }) => ({\r\n\t\tfontSize: '.875rem',\r\n\t\ttextTransform: 'none',\r\n\t\tminHeight: '0rem',\r\n\t\tminWidth: '0rem',\r\n\t\tpadding: '0.25rem .75rem',\r\n\t\tfontWeight: '500',\r\n\t\tlineHeight: '1.25rem',\r\n\t\tletterSpacing: '-0.01875rem',\r\n\r\n\t\t'&.MuiButton-startIcon': {\r\n\t\t\tbackgroundColor: 'red'\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-contained': {\r\n\t\t\tbackgroundColor: palette.theme?.primary[700],\r\n\t\t\t// boxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\r\n\t\t\t'&:hover': {\r\n\t\t\t\tbackgroundColor: palette.theme?.primary[800]\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-outlined': {\r\n\t\t\tborder: 'none',\r\n\t\t\tboxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\r\n\t\t\tcolor: palette.theme?.primary[700]\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-text': {\r\n\t\t\tcolor: palette.theme?.secondary[1000],\r\n\t\t\tbackgroundColor: 'white',\r\n\t\t\t'&:hover': {\r\n\t\t\t\tcolor: palette.theme?.primary[700]\r\n\t\t\t},\r\n\t\t\t'& .MuiButton-startIcon': {\r\n\t\t\t\t// background: palette.theme?.primary[400],\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'&.MuiButton-containedError': {\r\n\t\t\tbackgroundColor: palette.theme?.error[500],\r\n\t\t\t'&:hover': {\r\n\t\t\t\tbackgroundColor: palette.theme?.error[600]\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'&.Mui-disabled': {\r\n\t\t\topacity: 0.5\r\n\t\t}\r\n\t})\r\n);\r\n\r\nconst Button = (props: ButtonProps) => {\r\n\tconst { children, variant = 'contained', ...rest } = props;\r\n\r\n\treturn (\r\n\t\t<StyledButton variant={variant} {...rest}>\r\n\t\t\t{children}\r\n\t\t</StyledButton>\r\n\t);\r\n};\r\n\r\nexport { Button };\r\nexport default Button;\r\n"],"names":["StyledButton","styled","MUIButton","theme","palette","fontSize","textTransform","minHeight","minWidth","padding","fontWeight","lineHeight","letterSpacing","backgroundColor","_a","primary","_b","border","boxShadow","color","_c","_d","secondary","_e","_f","error","_g","opacity","Button","props","children","variant","rest","jsx"],"mappings":"uPAEA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CACpB,EAAGE,OAASC,iCAAmC,MAAA,CAC9CC,SAAU,UACVC,cAAe,OACfC,UAAW,OACXC,SAAU,OACVC,QAAS,iBACTC,WAAY,MACZC,WAAY,UACZC,cAAe,cAEf,wBAAyB,CACxBC,gBAAiB,OAGlB,wBAAyB,CACxBA,gBAAiB,OAAAC,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,KAExC,UAAW,CACVF,gBAAiB,OAAAG,EAAAZ,EAAQD,YAAR,EAAAa,EAAeD,QAAQ,OAI1C,uBAAwB,CACvBE,OAAQ,OACRC,UAAW,4GACXC,MAAO,OAAAC,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeL,QAAQ,MAG/B,mBAAoB,CACnBI,MAAO,OAAAE,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeC,UAAU,KAChCT,gBAAiB,QACjB,UAAW,CACVM,MAAO,OAAAI,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeR,QAAQ,MAE/B,yBAA0B,CAAA,GAK3B,6BAA8B,CAC7BF,gBAAiB,OAAAW,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KACtC,UAAW,CACVZ,gBAAiB,OAAAa,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,OAIxC,iBAAkB,CACjBE,QAAS,OAKNC,EAAUC,IACf,MAAMC,SAAEA,EAAAC,QAAUA,EAAU,eAAgBC,GAASH;AAErD,OACCI,EAAAA,IAACjC,EAAA,CAAa+B,aAAsBC,EAClCF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { Button as MUIButton, ButtonProps, styled } from '@mui/material';\n\nconst StyledButton = styled(MUIButton)(\n\t({ theme: { palette,  } /* , variant */ }) => ({\n\t\tfontSize: '.875rem',\n\t\ttextTransform: 'none',\n\t\tminHeight: '0rem',\n\t\tminWidth: '0rem',\n\t\tpadding: '0.25rem .75rem',\n\t\tfontWeight: '500',\n\t\tlineHeight: '1.25rem',\n\t\tletterSpacing: '-0.01875rem',\n\n\t\t'&.MuiButton-startIcon': {\n\t\t\tbackgroundColor: 'red'\n\t\t},\n\n\t\t'&.MuiButton-contained': {\n\t\t\tbackgroundColor: palette.theme?.primary[700],\n\t\t\t// boxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: palette.theme?.primary[800]\n\t\t\t}\n\t\t},\n\n\t\t'&.MuiButton-outlined': {\n\t\t\tborder: 'none',\n\t\t\tboxShadow: '0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)',\n\t\t\tcolor: palette.theme?.primary[700]\n\t\t},\n\n\t\t'&.MuiButton-text': {\n\t\t\tcolor: palette.theme?.secondary[1000],\n\t\t\tbackgroundColor: 'white',\n\t\t\t'&:hover': {\n\t\t\t\tcolor: palette.theme?.primary[700]\n\t\t\t},\n\t\t\t'& .MuiButton-startIcon': {\n\t\t\t\t// background: palette.theme?.primary[400],\n\t\t\t}\n\t\t},\n\n\t\t'&.MuiButton-containedError': {\n\t\t\tbackgroundColor: palette.theme?.error[500],\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: palette.theme?.error[600]\n\t\t\t}\n\t\t},\n\n\t\t'&.Mui-disabled': {\n\t\t\topacity: 0.5\n\t\t}\n\t})\n);\n\nconst Button = (props: ButtonProps) => {\n\tconst { children, variant = 'contained', ...rest } = props;\n\n\treturn (\n\t\t<StyledButton variant={variant} {...rest}>\n\t\t\t{children}\n\t\t</StyledButton>\n\t);\n};\n\nexport { Button };\nexport default Button;\n"],"names":["StyledButton","styled","MUIButton","theme","palette","fontSize","textTransform","minHeight","minWidth","padding","fontWeight","lineHeight","letterSpacing","backgroundColor","_a","primary","_b","border","boxShadow","color","_c","_d","secondary","_e","_f","error","_g","opacity","Button","props","children","variant","rest","jsx"],"mappings":"uPAEA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CACpB,EAAGE,OAASC,iCAAmC,MAAA,CAC9CC,SAAU,UACVC,cAAe,OACfC,UAAW,OACXC,SAAU,OACVC,QAAS,iBACTC,WAAY,MACZC,WAAY,UACZC,cAAe,cAEf,wBAAyB,CACxBC,gBAAiB,OAGlB,wBAAyB,CACxBA,gBAAiB,OAAAC,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,KAExC,UAAW,CACVF,gBAAiB,OAAAG,EAAAZ,EAAQD,YAAR,EAAAa,EAAeD,QAAQ,OAI1C,uBAAwB,CACvBE,OAAQ,OACRC,UAAW,4GACXC,MAAO,OAAAC,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeL,QAAQ,MAG/B,mBAAoB,CACnBI,MAAO,OAAAE,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeC,UAAU,KAChCT,gBAAiB,QACjB,UAAW,CACVM,MAAO,OAAAI,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeR,QAAQ,MAE/B,yBAA0B,CAAA,GAK3B,6BAA8B,CAC7BF,gBAAiB,OAAAW,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KACtC,UAAW,CACVZ,gBAAiB,OAAAa,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,OAIxC,iBAAkB,CACjBE,QAAS,OAKNC,EAAUC,IACf,MAAMC,SAAEA,EAAAC,QAAUA,EAAU,eAAgBC,GAASH;AAErD,OACCI,EAAAA,IAACjC,EAAA,CAAa+B,aAAsBC,EAClCF"}

package/dist/components/change-user-password-modal/change-user-password-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/change-user-password-modal/change-user-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ChangeUserPasswordModal = ({showModal, setShowModal, userId}) => {\r\n     const { changeUserPasswordByAdmin } = useAuth();\r\n     const [isNotify, setIsNotify] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit, reset } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n        values.login.id = userId;\r\n        values.login.isNotify = isNotify;\r\n      await changeUserPasswordByAdmin(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n          reset({\r\n            login: {\r\n                password: \"\",\r\n                id: \"\",\r\n                isNotify: false\r\n            },\r\n        });\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Enter New Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter New Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <FormControlLabel  control={<Checkbox size=\"small\" onChange={(e) => setIsNotify(e.target.checked)} sx={{\r\n                            '&.Mui-checked': {\r\n                            color: '#2EB273',\r\n                            },\r\n                        }} />} label=\"Notify User of Password Change\" sx={{ \r\n                            '& .MuiFormControlLabel-label': {\r\n                            fontSize: '14px',\r\n                            },\r\n                        }}/>\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport { ChangeUserPasswordModal };\nexport default ChangeUserPasswordModal;"],"names":["yupResolver"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/change-user-password-modal/change-user-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n  }),\n});\n\n\n\nconst ChangeUserPasswordModal = ({showModal, setShowModal, userId}) => {\n     const { changeUserPasswordByAdmin } = useAuth();\n     const [isNotify, setIsNotify] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit, reset } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n        values.login.id = userId;\n        values.login.isNotify = isNotify;\n      await changeUserPasswordByAdmin(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n          reset({\n            login: {\n                password: \"\",\n                id: \"\",\n                isNotify: false\n            },\n        });\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Enter New Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter New Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <FormControlLabel  control={<Checkbox size=\"small\" onChange={(e) => setIsNotify(e.target.checked)} sx={{\n                            '&.Mui-checked': {\n                            color: '#2EB273',\n                            },\n                        }} />} label=\"Notify User of Password Change\" sx={{ \n                            '& .MuiFormControlLabel-label': {\n                            fontSize: '14px',\n                            },\n                        }}/>\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport { ChangeUserPasswordModal };\nexport default ChangeUserPasswordModal;"],"names":["yupResolver"],"mappings":"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"}

package/dist/components/change-user-password-modal/change-user-password-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/change-user-password-modal/change-user-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ChangeUserPasswordModal = ({showModal, setShowModal, userId}) => {\r\n     const { changeUserPasswordByAdmin } = useAuth();\r\n     const [isNotify, setIsNotify] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit, reset } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n        values.login.id = userId;\r\n        values.login.isNotify = isNotify;\r\n      await changeUserPasswordByAdmin(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n          reset({\r\n            login: {\r\n                password: \"\",\r\n                id: \"\",\r\n                isNotify: false\r\n            },\r\n        });\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Enter New Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter New Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <FormControlLabel  control={<Checkbox size=\"small\" onChange={(e) => setIsNotify(e.target.checked)} sx={{\r\n                            '&.Mui-checked': {\r\n                            color: '#2EB273',\r\n                            },\r\n                        }} />} label=\"Notify User of Password Change\" sx={{ \r\n                            '& .MuiFormControlLabel-label': {\r\n                            fontSize: '14px',\r\n                            },\r\n                        }}/>\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport { ChangeUserPasswordModal };\nexport default ChangeUserPasswordModal;"],"names":["validationSchema","Yup","object","login","password","string","required","min","matches","ChangeUserPasswordModal","showModal","setShowModal","userId","changeUserPasswordByAdmin","useAuth","isNotify","setIsNotify","useState","toast","setToast","control","handleSubmit","reset","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","id","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","FormControlLabel","Checkbox","size","onChange","e","target","checked","sx","Button","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"uuCAiBA,MAAMA,EAAmBC,EAAIC,OAAO,CAClCC,MAAOF,EAAIC,OAAO,CACdE,SAAUH,EAAII,SACHC,SAAS,yBACTC,IAAI,EAAG,0CACPC,QAAQ,QAAS,uDACjBA,QAAQ,yBAA0B,4DAM7CC,EAA0B,EAAEC,YAAWC,eAAcC,aACtD,MAAMC,0BAAEA,GAA8BC,aAC/BC,EAAUC,GAAeC,EAAAA,UAAS,IACnCC,EAAOC,GAAYF,EAAAA,SAAwB,OAM5CG,QAAEA,EAAAC,aAASA,EAAAC,MAAcA,GAAUC,EAAAA,QAAoB,CAC3DC,SAAUC,EAAAA,YAAYzB,GACtB0B,KAAM,SAwBDC,EAAcC,GAAmBX,EAAAA,UAAkB,GAGnDY,EAAUC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,KAAA,CACzBE,QAAS,OACTC,cAAe;AAGnB,OACIC,EAAAA,KAAAC,WAAA,CACAC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,MAAA,CACDC,KAAM7B,EACN8B,QAAS,IAAM7B,GAAa,GAC5ByB,wBACEC,EAAAA,IAAAF,EAAAA,SAAA,CACEC,wBAAAC,EAAAA,IAAC,OAAA,CAAKI,SAAUpB,EApCPqB,MAAOC,IACpBA,EAAOxC,MAAMyC,GAAKhC,EAClB+B,EAAOxC,MAAMY,SAAWA,QACpBF,EAA0B8B,EAAOxC,MAAO,CAAC0C,EAASC,KAClDA,GACF3B,EAAS,CAAE0B,UAAkBC,KAAM,WACnCnC,GAAa,GACbW,EAAM,CACJnB,MAAO,CACHC,SAAU,GACVwC,GAAI,GACJ7B,UAAU,MAIhBI,EAAS,CAAE0B,UAAkBC,KAAM,YAGhCH,IAmBGP,wBAAAF,EAAAA,KAACL,EAAA,CAAQkB,IAAK,EAAGC,UAAU,oBACzBZ,SAAA;iBAAAF,KAACL,EAAA,CAAQkB,IAAK,EACZX,SAAA;qBAACL,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACY,EAAAA,WAAA,CACCC,MAAM,SACNJ,KAAK,KACLK,OAAO,SACPC,MAAM,uBACPhB,SAAA;iBAIHF,KAACL,EAAA,CAAQkB,IAAK,EACZX,SAAA;qBAACL,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACgB,EAAAA,aAAA,CACCC,YAAalC,EACbmC,MAAM,qBACNC,KAAK,WACLV,KAAMnB,EAAe,OAAS,WAC9B8B,YAAY,qBACZC,eAAe,QACfC,uBACEtB,EAAAA,IAAAF,EAAAA,SAAA,CACGC,SAAAT,iBACCU,MAACuB,EAAAA,IAAA,CAAIC,SAAS,QAAQC,UAAU,iCAE/BC,SAAA,CAAOF,SAAS,QAAQC,UAAU,cAIzCE,YA7CK,IAAMpC,GAAiBD;qBAgD/BI,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAAC4B,EAAAA,QAAA,CAAkB7C,6BAAU8C,UAAA,CAASC,KAAK,QAAQC,SAAWC,GAAMrD,EAAYqD,EAAEC,OAAOC,SAAUC,GAAI,CACnG,gBAAiB,CACjBpB,MAAO,cAEJG,MAAM,iCAAiCiB,GAAI,CAC9C,+BAAgC,CAChCX,SAAU;eAMpBxB,EAAAA,IAACR,EAAA,CAAQkB,IAAK,EACZX,wBAAAC,EAAAA,IAACoC,SAAA,CAAO3B,KAAK,SAASqB,KAAK,QAAQO,QAAQ,YAAYtC;eASnEC,EAAAA,IAACsC,EAAAA,MAAA,CACGpC,KAAMqC,QAAQ1D,GACd2B,QAAS3B,MAAAA,OAAAA,EAAAA,EAAO2B,QAChBC,KAAM5B,MAAAA,OAAAA,EAAAA,EAAO4B,KACb+B,YAAa,IAAM1D,EAAS,MAC5B2D,aAAc,CAAEC,WAAY,QAASC,SAAU,UAC/CC,iBAAkB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/change-user-password-modal/change-user-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n  }),\n});\n\n\n\nconst ChangeUserPasswordModal = ({showModal, setShowModal, userId}) => {\n     const { changeUserPasswordByAdmin } = useAuth();\n     const [isNotify, setIsNotify] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit, reset } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n        values.login.id = userId;\n        values.login.isNotify = isNotify;\n      await changeUserPasswordByAdmin(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n          reset({\n            login: {\n                password: \"\",\n                id: \"\",\n                isNotify: false\n            },\n        });\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Enter New Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter New Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <FormControlLabel  control={<Checkbox size=\"small\" onChange={(e) => setIsNotify(e.target.checked)} sx={{\n                            '&.Mui-checked': {\n                            color: '#2EB273',\n                            },\n                        }} />} label=\"Notify User of Password Change\" sx={{ \n                            '& .MuiFormControlLabel-label': {\n                            fontSize: '14px',\n                            },\n                        }}/>\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport { ChangeUserPasswordModal };\nexport default ChangeUserPasswordModal;"],"names":["validationSchema","Yup","object","login","password","string","required","min","matches","ChangeUserPasswordModal","showModal","setShowModal","userId","changeUserPasswordByAdmin","useAuth","isNotify","setIsNotify","useState","toast","setToast","control","handleSubmit","reset","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","id","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","FormControlLabel","Checkbox","size","onChange","e","target","checked","sx","Button","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"uuCAiBA,MAAMA,EAAmBC,EAAIC,OAAO,CAClCC,MAAOF,EAAIC,OAAO,CACdE,SAAUH,EAAII,SACHC,SAAS,yBACTC,IAAI,EAAG,0CACPC,QAAQ,QAAS,uDACjBA,QAAQ,yBAA0B,4DAM7CC,EAA0B,EAAEC,YAAWC,eAAcC,aACtD,MAAMC,0BAAEA,GAA8BC,aAC/BC,EAAUC,GAAeC,EAAAA,UAAS,IACnCC,EAAOC,GAAYF,EAAAA,SAAwB,OAM5CG,QAAEA,EAAAC,aAASA,EAAAC,MAAcA,GAAUC,EAAAA,QAAoB,CAC3DC,SAAUC,EAAAA,YAAYzB,GACtB0B,KAAM,SAwBDC,EAAcC,GAAmBX,EAAAA,UAAkB,GAGnDY,EAAUC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,KAAA,CACzBE,QAAS,OACTC,cAAe;AAGnB,OACIC,EAAAA,KAAAC,WAAA,CACAC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,MAAA,CACDC,KAAM7B,EACN8B,QAAS,IAAM7B,GAAa,GAC5ByB,wBACEC,EAAAA,IAAAF,EAAAA,SAAA,CACEC,wBAAAC,EAAAA,IAAC,OAAA,CAAKI,SAAUpB,EApCPqB,MAAOC,IACpBA,EAAOxC,MAAMyC,GAAKhC,EAClB+B,EAAOxC,MAAMY,SAAWA,QACpBF,EAA0B8B,EAAOxC,MAAO,CAAC0C,EAASC,KAClDA,GACF3B,EAAS,CAAE0B,UAAkBC,KAAM,WACnCnC,GAAa,GACbW,EAAM,CACJnB,MAAO,CACHC,SAAU,GACVwC,GAAI,GACJ7B,UAAU,MAIhBI,EAAS,CAAE0B,UAAkBC,KAAM,YAGhCH,IAmBGP,wBAAAF,EAAAA,KAACL,EAAA,CAAQkB,IAAK,EAAGC,UAAU,oBACzBZ,SAAA;iBAAAF,KAACL,EAAA,CAAQkB,IAAK,EACZX,SAAA;qBAACL,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACY,EAAAA,WAAA,CACCC,MAAM,SACNJ,KAAK,KACLK,OAAO,SACPC,MAAM,uBACPhB,SAAA;iBAIHF,KAACL,EAAA,CAAQkB,IAAK,EACZX,SAAA;qBAACL,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACgB,EAAAA,aAAA,CACCC,YAAalC,EACbmC,MAAM,qBACNC,KAAK,WACLV,KAAMnB,EAAe,OAAS,WAC9B8B,YAAY,qBACZC,eAAe,QACfC,uBACEtB,EAAAA,IAAAF,EAAAA,SAAA,CACGC,SAAAT,iBACCU,MAACuB,EAAAA,IAAA,CAAIC,SAAS,QAAQC,UAAU,iCAE/BC,SAAA,CAAOF,SAAS,QAAQC,UAAU,cAIzCE,YA7CK,IAAMpC,GAAiBD;qBAgD/BI,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAAC4B,EAAAA,QAAA,CAAkB7C,6BAAU8C,UAAA,CAASC,KAAK,QAAQC,SAAWC,GAAMrD,EAAYqD,EAAEC,OAAOC,SAAUC,GAAI,CACnG,gBAAiB,CACjBpB,MAAO,cAEJG,MAAM,iCAAiCiB,GAAI,CAC9C,+BAAgC,CAChCX,SAAU;eAMpBxB,EAAAA,IAACR,EAAA,CAAQkB,IAAK,EACZX,wBAAAC,EAAAA,IAACoC,SAAA,CAAO3B,KAAK,SAASqB,KAAK,QAAQO,QAAQ,YAAYtC;eASnEC,EAAAA,IAACsC,EAAAA,MAAA,CACGpC,KAAMqC,QAAQ1D,GACd2B,QAAS3B,MAAAA,OAAAA,EAAAA,EAAO2B,QAChBC,KAAM5B,MAAAA,OAAAA,EAAAA,EAAO4B,KACb+B,YAAa,IAAM1D,EAAS,MAC5B2D,aAAc,CAAEC,WAAY,QAASC,SAAU,UAC/CC,iBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\r\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\r\nimport { memo } from 'react';\r\n\r\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\r\n\tpadding: '0rem',\r\n\tcolor: palette.theme?.secondary[300],\r\n\tborderRadius: '.625rem',\r\n\t'&.Mui-checked': {\r\n\t\tcolor: palette.theme?.primary[600],\r\n\t\t'&:hover': {\r\n\t\t\tcolor: palette.theme?.primary[500]\r\n\t\t}\r\n\t},\r\n\t'&.Mui-disabled': {\r\n\t\tcolor: palette.theme?.secondary[400]\r\n\t}\r\n}));\r\n\r\nconst Checkbox = memo((props: CheckboxProps) => {\r\n\treturn (\r\n\t\t<StyledCheckbox\r\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size || 'small'} />}\r\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size || 'small'} />}\r\n\t\t\tdisableRipple\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t);\r\n});\r\n\r\nexport { Checkbox };\r\nexport default Checkbox;\r\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;"}
+{"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 { Checkbox };\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.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\r\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\r\nimport { memo } from 'react';\r\n\r\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\r\n\tpadding: '0rem',\r\n\tcolor: palette.theme?.secondary[300],\r\n\tborderRadius: '.625rem',\r\n\t'&.Mui-checked': {\r\n\t\tcolor: palette.theme?.primary[600],\r\n\t\t'&:hover': {\r\n\t\t\tcolor: palette.theme?.primary[500]\r\n\t\t}\r\n\t},\r\n\t'&.Mui-disabled': {\r\n\t\tcolor: palette.theme?.secondary[400]\r\n\t}\r\n}));\r\n\r\nconst Checkbox = memo((props: CheckboxProps) => {\r\n\treturn (\r\n\t\t<StyledCheckbox\r\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size || 'small'} />}\r\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size || 'small'} />}\r\n\t\t\tdisableRipple\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t);\r\n});\r\n\r\nexport { Checkbox };\r\nexport default Checkbox;\r\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"}
+{"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 { Checkbox };\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/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from '@mui/material';
 
-declare const Checkbox: import('react').MemoExoticComponent<(props: CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Checkbox: import('react').NamedExoticComponent<CheckboxProps>;
 export { Checkbox };
 export default Checkbox;

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\r\n\r\ninterface IChip extends ChipProps {\r\n  type?: \"rounded\" | \"normal\";\r\n  active?: boolean;\r\n  inActive?: boolean;\r\n  label?: string | React.ReactNode | number | JSX.Element;\r\n}\r\n\r\nconst StyledChip = styled(MUIChip)<IChip>(\r\n  ({ theme: { palette }, active, type, inActive }) => ({\r\n    cursor: \"pointer\",\r\n    fontSize: \".75rem\",\r\n    color: palette.theme?.secondary[800],\r\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\r\n    backgroundColor: palette.theme?.secondary[200],\r\n    ...(active && {\r\n      \"&.MuiChip-filled\": {\r\n        color: palette.theme?.primary[700],\r\n        backgroundColor: palette.theme?.primary[200],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.primary[200]\r\n        },\r\n      },\r\n      \"&.MuiChip-outlined\": {\r\n        color: palette.theme?.primary[800],\r\n        borderColor: palette.theme?.primary[300],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.primary[200]\r\n        },\r\n      },\r\n    }),\r\n    ...(inActive && {\r\n      \"&.MuiChip-filled\": {\r\n        color: palette.theme?.error[700],\r\n        backgroundColor: palette.theme?.error[200],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.error[200]\r\n        },\r\n      },\r\n      \"&.MuiChip-outlined\": {\r\n        color: palette.theme?.error[800],\r\n        borderColor: palette.theme?.error[300],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.error[200]\r\n        },\r\n      },\r\n    }),\r\n\r\n    \"& .MuiChip-icon\": {\r\n      marginRight: \"0.125rem\",\r\n      marginLeft: \"0rem\",\r\n      color: \"inherit\",\r\n    },\r\n    \"& .MuiChip-deleteIcon\": {\r\n      marginLeft: \"0.25rem\",\r\n      fontSize: \".875rem\",\r\n      color: \"inherit\",\r\n      marginRight: \"0rem\",\r\n    },\r\n    \"&.MuiChip-root\": {\r\n      height: \"fit-content\",\r\n      padding: \"0.25rem 0.5rem\",\r\n      \".MuiChip-label\": {\r\n        padding: \"0rem\",\r\n      },\r\n    },\r\n  }),\r\n);\r\n\r\nconst Chip = (props: IChip) => {\r\n  const {\r\n    label,\r\n    type = \"rounded\",\r\n    variant = \"filled\",\r\n    active = false,\r\n    inActive = false,\r\n    ...rest\r\n  } = props;\r\n\r\n  return (\r\n    <StyledChip\r\n      label={label}\r\n      variant={variant}\r\n      active={active}\r\n      inActive={inActive}\r\n      type={type}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nexport { Chip };\r\nexport default Chip;\r\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;"}
+{"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 { Chip };\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.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\r\n\r\ninterface IChip extends ChipProps {\r\n  type?: \"rounded\" | \"normal\";\r\n  active?: boolean;\r\n  inActive?: boolean;\r\n  label?: string | React.ReactNode | number | JSX.Element;\r\n}\r\n\r\nconst StyledChip = styled(MUIChip)<IChip>(\r\n  ({ theme: { palette }, active, type, inActive }) => ({\r\n    cursor: \"pointer\",\r\n    fontSize: \".75rem\",\r\n    color: palette.theme?.secondary[800],\r\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\r\n    backgroundColor: palette.theme?.secondary[200],\r\n    ...(active && {\r\n      \"&.MuiChip-filled\": {\r\n        color: palette.theme?.primary[700],\r\n        backgroundColor: palette.theme?.primary[200],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.primary[200]\r\n        },\r\n      },\r\n      \"&.MuiChip-outlined\": {\r\n        color: palette.theme?.primary[800],\r\n        borderColor: palette.theme?.primary[300],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.primary[200]\r\n        },\r\n      },\r\n    }),\r\n    ...(inActive && {\r\n      \"&.MuiChip-filled\": {\r\n        color: palette.theme?.error[700],\r\n        backgroundColor: palette.theme?.error[200],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.error[200]\r\n        },\r\n      },\r\n      \"&.MuiChip-outlined\": {\r\n        color: palette.theme?.error[800],\r\n        borderColor: palette.theme?.error[300],\r\n        \"&:hover\": {\r\n          backgroundColor: palette.theme?.error[200]\r\n        },\r\n      },\r\n    }),\r\n\r\n    \"& .MuiChip-icon\": {\r\n      marginRight: \"0.125rem\",\r\n      marginLeft: \"0rem\",\r\n      color: \"inherit\",\r\n    },\r\n    \"& .MuiChip-deleteIcon\": {\r\n      marginLeft: \"0.25rem\",\r\n      fontSize: \".875rem\",\r\n      color: \"inherit\",\r\n      marginRight: \"0rem\",\r\n    },\r\n    \"&.MuiChip-root\": {\r\n      height: \"fit-content\",\r\n      padding: \"0.25rem 0.5rem\",\r\n      \".MuiChip-label\": {\r\n        padding: \"0rem\",\r\n      },\r\n    },\r\n  }),\r\n);\r\n\r\nconst Chip = (props: IChip) => {\r\n  const {\r\n    label,\r\n    type = \"rounded\",\r\n    variant = \"filled\",\r\n    active = false,\r\n    inActive = false,\r\n    ...rest\r\n  } = props;\r\n\r\n  return (\r\n    <StyledChip\r\n      label={label}\r\n      variant={variant}\r\n      active={active}\r\n      inActive={inActive}\r\n      type={type}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nexport { Chip };\r\nexport default Chip;\r\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","Chip","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,YAMXC,EAAQC,IACZ,MAAMC,MACJA,EAAA/B,KACAA,EAAO,UAAAgC,QACPA,EAAU,SAAAjC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACRgC,GACDH;AAEJ,OACEI,EAAAA,IAACxC,EAAA,CACCqC,QACAC,UACAjC,SACAE,WACAD,UACIiC"}
+{"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 { Chip };\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","Chip","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,YAMXC,EAAQC,IACZ,MAAMC,MACJA,EAAA/B,KACAA,EAAO,UAAAgC,QACPA,EAAU,SAAAjC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACRgC,GACDH;AAEJ,OACEI,EAAAA,IAACxC,EAAA,CACCqC,QACAC,UACAjC,SACAE,WACAD,UACIiC"}

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

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

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