@digi-frontend/dgate-api-documentation 1.0.39 → 1.0.50

package/dist/src/components/SVGLoader/SVGLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLoader.js","sources":["../../../../src/components/SVGLoader/SVGLoader.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\r\nimport parse from 'html-react-parser'\r\n\r\n// Utility function to create an SVG element from a string\r\nconst createSvgElement = (svgString: string): SVGSVGElement | null => {\r\n  const parser = new DOMParser()\r\n  const doc = parser.parseFromString(svgString, 'image/svg+xml')\r\n  return doc.querySelector('svg')\r\n}\r\n\r\n// Define the type for SVG attributes\r\ntype SVGAttributes = React.SVGProps<SVGSVGElement>\r\n\r\ninterface SVGLoaderProps extends SVGAttributes {\r\n  src: string\r\n  cache?: boolean\r\n}\r\n\r\nconst SVGLoader: React.FC<SVGLoaderProps> | any = ({ src, cache = true, ...props }) => {\r\n  const [svgMarkup, setSvgMarkup] = useState<string | null>(null)\r\n\r\n  useEffect(() => {\r\n    if (!src) return\r\n    if (typeof src !== 'string') console.log({ src })\r\n    const isUrl = src.startsWith('http') || src.startsWith('/')\r\n\r\n    const cacheName = 'svg-cache'\r\n\r\n    const fetchSvg = async () => {\r\n      try {\r\n        let svgString: string | null = null\r\n\r\n        // Use the Cache API if caching is enabled\r\n        if (cache && isUrl && 'caches' in window) {\r\n          const cacheStorage = await caches.open(cacheName)\r\n          const cachedResponse = await cacheStorage.match(src)\r\n\r\n          // If SVG is found in cache, use it\r\n          if (cachedResponse && cachedResponse.ok) {\r\n            svgString = await cachedResponse.text()\r\n            setSvgMarkup(svgString)\r\n            return\r\n          }\r\n        }\r\n\r\n        // If not cached, fetch from URL\r\n        if (isUrl) {\r\n          const response = await fetch(src)\r\n\r\n          // Clone the response before consuming it\r\n          const responseClone = response.clone()\r\n\r\n          // Consume the response body for the SVG content\r\n          svgString = await response.text()\r\n\r\n          // Store the cloned response in the cache\r\n          if (cache && 'caches' in window) {\r\n            const cacheStorage = await caches.open(cacheName)\r\n            await cacheStorage.put(src, responseClone)\r\n          }\r\n        } else {\r\n          // If it's not a URL (it's inline), just use the source string\r\n          svgString = src\r\n        }\r\n\r\n        // If we have valid SVG content, set it\r\n        if (svgString) {\r\n          const svg = createSvgElement(svgString)\r\n          if (svg) {\r\n            const svgStringWithProps = new XMLSerializer().serializeToString(svg)\r\n            setSvgMarkup(svgStringWithProps)\r\n          }\r\n        }\r\n      } catch (error) {\r\n        console.error('Error loading SVG:', error)\r\n      }\r\n    }\r\n\r\n    fetchSvg()\r\n  }, [src, props])\r\n\r\n  if (!svgMarkup) return null\r\n\r\n  // Parse the SVG string and return it as JSX\r\n  const parsedSvg = parse(svgMarkup)\r\n  // Sometimes parse returns an array which includes the element\r\n  const toBeClonedElement = Array.isArray(parsedSvg) ? parsedSvg.find((item) => React.isValidElement(item)) : parsedSvg\r\n  // Clone the parsed SVG element to apply the props\r\n  const clonedSvg = React.cloneElement(toBeClonedElement as React.ReactElement, props)\r\n\r\n  return <>{clonedSvg}</>\r\n}\r\n\r\nexport default SVGLoader\r\n"],"names":["SVGLoader","_a","src","cache","props","__rest","svgMarkup","setSvgMarkup","useState","useEffect","console","log","isUrl","startsWith","cacheName","__awaiter","svgString","window","cacheStorage","caches","open","cachedResponse","match","ok","text","response","fetch","responseClone","clone","put","svg","DOMParser","parseFromString","querySelector","createSvgElement","svgStringWithProps","XMLSerializer","serializeToString","error","parsedSvg","parse","toBeClonedElement","Array","isArray","find","item","React","isValidElement","clonedSvg","cloneElement","_jsx","jsx","_Fragment","Fragment","children"],"mappings":"iQAIA,MAcMA,EAA6CC,QAAAC,IAAEA,EAAGC,MAAEA,GAAQ,KAASC,EAAxBC,EAAAJ,EAAA,CAAA,MAAA,UACjD,MAAOK,EAAWC,GAAgBC,EAAwB,MA8D1D,GA5DAC,GAAU,KACR,IAAKP,EAAK,OACS,iBAARA,GAAkBQ,QAAQC,IAAI,CAAET,QAC3C,MAAMU,EAAQV,EAAIW,WAAW,SAAWX,EAAIW,WAAW,KAEjDC,EAAY,YAEUC,OAAA,OAAA,OAAA,GAAA,YAC1B,IACE,IAAIC,EAA2B,KAG/B,GAAIb,GAASS,GAAS,WAAYK,OAAQ,CACxC,MAAMC,QAAqBC,OAAOC,KAAKN,GACjCO,QAAuBH,EAAaI,MAAMpB,GAGhD,GAAImB,GAAkBA,EAAeE,GAGnC,OAFAP,QAAkBK,EAAeG,YACjCjB,EAAaS,EAGhB,CAGD,GAAIJ,EAAO,CACT,MAAMa,QAAiBC,MAAMxB,GAGvByB,EAAgBF,EAASG,QAM/B,GAHAZ,QAAkBS,EAASD,OAGvBrB,GAAS,WAAYc,OAAQ,CAC/B,MAAMC,QAAqBC,OAAOC,KAAKN,SACjCI,EAAaW,IAAI3B,EAAKyB,EAC7B,CACF,MAECX,EAAYd,EAId,GAAIc,EAAW,CACb,MAAMc,EA/DS,CAACd,IACT,IAAIe,WACAC,gBAAgBhB,EAAW,iBACnCiB,cAAc,OA4DLC,CAAiBlB,GAC7B,GAAIc,EAAK,CACP,MAAMK,GAAqB,IAAIC,eAAgBC,kBAAkBP,GACjEvB,EAAa4B,EACd,CACF,CACF,CAAC,MAAOG,GACP5B,QAAQ4B,MAAM,qBAAsBA,EACrC,CACH,GAEU,GACT,CAACpC,EAAKE,KAEJE,EAAW,OAAO,KAGvB,MAAMiC,EAAYC,EAAMlC,GAElBmC,EAAoBC,MAAMC,QAAQJ,GAAaA,EAAUK,MAAMC,GAASC,EAAMC,eAAeF,KAASN,EAEtGS,EAAYF,EAAMG,aAAaR,EAAyCrC,GAE9E,OAAO8C,EAAAC,IAAAC,EAAAC,SAAA,CAAAC,SAAGN,GAAa"}
+{"version":3,"file":"SVGLoader.js","sources":["../../../../src/components/SVGLoader/SVGLoader.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport parse from 'html-react-parser'\n\n// Utility function to create an SVG element from a string\nconst createSvgElement = (svgString: string): SVGSVGElement | null => {\n  const parser = new DOMParser()\n  const doc = parser.parseFromString(svgString, 'image/svg+xml')\n  return doc.querySelector('svg')\n}\n\n// Define the type for SVG attributes\ntype SVGAttributes = React.SVGProps<SVGSVGElement>\n\ninterface SVGLoaderProps extends SVGAttributes {\n  src: string\n  cache?: boolean\n}\n\nconst SVGLoader: React.FC<SVGLoaderProps> | any = ({ src, cache = true, ...props }) => {\n  const [svgMarkup, setSvgMarkup] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (!src) return\n    if (typeof src !== 'string') console.log({ src })\n    const isUrl = src.startsWith('http') || src.startsWith('/')\n\n    const cacheName = 'svg-cache'\n\n    const fetchSvg = async () => {\n      try {\n        let svgString: string | null = null\n\n        // Use the Cache API if caching is enabled\n        if (cache && isUrl && 'caches' in window) {\n          const cacheStorage = await caches.open(cacheName)\n          const cachedResponse = await cacheStorage.match(src)\n\n          // If SVG is found in cache, use it\n          if (cachedResponse && cachedResponse.ok) {\n            svgString = await cachedResponse.text()\n            setSvgMarkup(svgString)\n            return\n          }\n        }\n\n        // If not cached, fetch from URL\n        if (isUrl) {\n          const response = await fetch(src)\n\n          // Clone the response before consuming it\n          const responseClone = response.clone()\n\n          // Consume the response body for the SVG content\n          svgString = await response.text()\n\n          // Store the cloned response in the cache\n          if (cache && 'caches' in window) {\n            const cacheStorage = await caches.open(cacheName)\n            await cacheStorage.put(src, responseClone)\n          }\n        } else {\n          // If it's not a URL (it's inline), just use the source string\n          svgString = src\n        }\n\n        // If we have valid SVG content, set it\n        if (svgString) {\n          const svg = createSvgElement(svgString)\n          if (svg) {\n            const svgStringWithProps = new XMLSerializer().serializeToString(svg)\n            setSvgMarkup(svgStringWithProps)\n          }\n        }\n      } catch (error) {\n        console.error('Error loading SVG:', error)\n      }\n    }\n\n    fetchSvg()\n  }, [src, props])\n\n  if (!svgMarkup) return null\n\n  // Parse the SVG string and return it as JSX\n  const parsedSvg = parse(svgMarkup)\n  // Sometimes parse returns an array which includes the element\n  const toBeClonedElement = Array.isArray(parsedSvg)\n    ? parsedSvg.find((item) => React.isValidElement(item))\n    : parsedSvg\n  // Clone the parsed SVG element to apply the props\n  const clonedSvg = React.cloneElement(toBeClonedElement as React.ReactElement, props)\n\n  return <>{clonedSvg}</>\n}\n\nexport default SVGLoader\n"],"names":["SVGLoader","_a","src","cache","props","__rest","svgMarkup","setSvgMarkup","useState","useEffect","console","log","isUrl","startsWith","cacheName","__awaiter","svgString","window","cacheStorage","caches","open","cachedResponse","match","ok","text","response","fetch","responseClone","clone","put","svg","DOMParser","parseFromString","querySelector","createSvgElement","svgStringWithProps","XMLSerializer","serializeToString","error","parsedSvg","parse","toBeClonedElement","Array","isArray","find","item","React","isValidElement","clonedSvg","cloneElement","_jsx","jsx","_Fragment","Fragment","children"],"mappings":"iQAIA,MAcMA,EAA6CC,QAAAC,IAAEA,EAAGC,MAAEA,GAAQ,KAASC,EAAxBC,EAAAJ,EAAA,CAAA,MAAA,UACjD,MAAOK,EAAWC,GAAgBC,EAAwB,MA8D1D,GA5DAC,GAAU,KACR,IAAKP,EAAK,OACS,iBAARA,GAAkBQ,QAAQC,IAAI,CAAET,QAC3C,MAAMU,EAAQV,EAAIW,WAAW,SAAWX,EAAIW,WAAW,KAEjDC,EAAY,YAEUC,OAAA,OAAA,OAAA,GAAA,YAC1B,IACE,IAAIC,EAA2B,KAG/B,GAAIb,GAASS,GAAS,WAAYK,OAAQ,CACxC,MAAMC,QAAqBC,OAAOC,KAAKN,GACjCO,QAAuBH,EAAaI,MAAMpB,GAGhD,GAAImB,GAAkBA,EAAeE,GAGnC,OAFAP,QAAkBK,EAAeG,YACjCjB,EAAaS,EAGhB,CAGD,GAAIJ,EAAO,CACT,MAAMa,QAAiBC,MAAMxB,GAGvByB,EAAgBF,EAASG,QAM/B,GAHAZ,QAAkBS,EAASD,OAGvBrB,GAAS,WAAYc,OAAQ,CAC/B,MAAMC,QAAqBC,OAAOC,KAAKN,SACjCI,EAAaW,IAAI3B,EAAKyB,EAC7B,CACF,MAECX,EAAYd,EAId,GAAIc,EAAW,CACb,MAAMc,EA/DS,CAACd,IACT,IAAIe,WACAC,gBAAgBhB,EAAW,iBACnCiB,cAAc,OA4DLC,CAAiBlB,GAC7B,GAAIc,EAAK,CACP,MAAMK,GAAqB,IAAIC,eAAgBC,kBAAkBP,GACjEvB,EAAa4B,EACd,CACF,CACF,CAAC,MAAOG,GACP5B,QAAQ4B,MAAM,qBAAsBA,EACrC,CACH,GAEU,GACT,CAACpC,EAAKE,KAEJE,EAAW,OAAO,KAGvB,MAAMiC,EAAYC,EAAMlC,GAElBmC,EAAoBC,MAAMC,QAAQJ,GACpCA,EAAUK,MAAMC,GAASC,EAAMC,eAAeF,KAC9CN,EAEES,EAAYF,EAAMG,aAAaR,EAAyCrC,GAE9E,OAAO8C,EAAAC,IAAAC,EAAAC,SAAA,CAAAC,SAAGN,GAAa"}

package/dist/src/components/SectionHead/SectionHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHead.js","sources":["../../../../src/components/SectionHead/SectionHead.tsx"],"sourcesContent":["import React, { type JSX } from 'react'\r\nimport './SectionHead.scss'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\n\r\ntype SectionHeadProps = {\r\n  text: string | JSX.Element\r\n  closeFunction?: () => void\r\n  children?: JSX.Element\r\n  className?: string\r\n}\r\n\r\nconst SectionHead: React.FC<SectionHeadProps> = ({ text, closeFunction, children, className = '' }: SectionHeadProps): any => {\r\n  return (\r\n    <div className={`containerTitleDrawer ${className}`}>\r\n      <span data-id={`${String(text)?.toUpperCase()?.replaceAll(' ', '_')}_ID`}>{text}</span>\r\n      {children}\r\n\r\n      {closeFunction && <SVGLoader className='closeIcon' onClick={closeFunction} width='1.5rem' height='1.5rem' />}\r\n    </div>\r\n  )\r\n}\r\nexport default SectionHead\r\n"],"names":["SectionHead","text","closeFunction","children","className","_jsxs","jsxs","_jsx","_b","_a","String","toUpperCase","replaceAll","SVGLoader","onClick","width","height"],"mappings":"8FAWA,MAAMA,EAA0C,EAAGC,OAAMC,gBAAeC,WAAUC,YAAY,eAC5F,OACEC,EAAKC,KAAA,MAAA,CAAAF,UAAW,wBAAwBA,IACtCD,SAAA,CAAAI,EAAAA,IAAA,OAAA,CAAA,UAAe,GAA8B,QAA3BC,EAAc,QAAdC,EAAAC,OAAOT,UAAO,IAAAQ,OAAA,EAAAA,EAAAE,qBAAa,IAAAH,OAAA,EAAAA,EAAEI,WAAW,IAAK,UAAST,SAAGF,IAC1EE,EAEAD,GAAiBK,EAAAA,IAACM,EAAU,CAAAT,UAAU,YAAYU,QAASZ,EAAea,MAAM,SAASC,OAAO,aAEpG"}
+{"version":3,"file":"SectionHead.js","sources":["../../../../src/components/SectionHead/SectionHead.tsx"],"sourcesContent":["import React, { type JSX } from 'react'\nimport './SectionHead.scss'\nimport SVGLoader from '../SVGLoader/SVGLoader'\n\ntype SectionHeadProps = {\n  text: string | JSX.Element\n  closeFunction?: () => void\n  children?: JSX.Element\n  className?: string\n}\n\nconst SectionHead: React.FC<SectionHeadProps> = ({ text, closeFunction, children, className = '' }: SectionHeadProps): any => {\n  return (\n    <div className={`containerTitleDrawer ${className}`}>\n      <span data-id={`${String(text)?.toUpperCase()?.replaceAll(' ', '_')}_ID`}>{text}</span>\n      {children}\n\n      {closeFunction && <SVGLoader className='closeIcon' onClick={closeFunction} width='1.5rem' height='1.5rem' />}\n    </div>\n  )\n}\nexport default SectionHead\n"],"names":["SectionHead","text","closeFunction","children","className","_jsxs","jsxs","_jsx","_b","_a","String","toUpperCase","replaceAll","SVGLoader","onClick","width","height"],"mappings":"8FAWA,MAAMA,EAA0C,EAAGC,OAAMC,gBAAeC,WAAUC,YAAY,eAC5F,OACEC,EAAKC,KAAA,MAAA,CAAAF,UAAW,wBAAwBA,IACtCD,SAAA,CAAAI,EAAAA,IAAA,OAAA,CAAA,UAAe,GAA8B,QAA3BC,EAAc,QAAdC,EAAAC,OAAOT,UAAO,IAAAQ,OAAA,EAAAA,EAAAE,qBAAa,IAAAH,OAAA,EAAAA,EAAEI,WAAW,IAAK,UAAST,SAAGF,IAC1EE,EAEAD,GAAiBK,EAAAA,IAACM,EAAU,CAAAT,UAAU,YAAYU,QAASZ,EAAea,MAAM,SAASC,OAAO,aAEpG"}

package/dist/src/components/SimpleLabelValue/SimpleLabelValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleLabelValue.js","sources":["../../../../src/components/SimpleLabelValue/SimpleLabelValue.tsx"],"sourcesContent":["import React from 'react'\r\nimport './style.scss'\r\n\r\ntype SimpleLabelValueProps = {\r\n  label?: string | JSX.Element\r\n  value?: string | number | JSX.Element | JSX.Element[]\r\n  color?: string\r\n  className?: string\r\n  dataId?: string\r\n}\r\n\r\nconst SimpleLabelValue: React.FC<SimpleLabelValueProps> = ({\r\n  label,\r\n  value,\r\n  color,\r\n  className = '',\r\n  dataId,\r\n}: SimpleLabelValueProps) => {\r\n  const dataIdLabel =\r\n    typeof label === 'string' ? label?.toUpperCase()?.replaceAll(' ', '_') + '_LABEL_ID' : dataId\r\n  return (\r\n    <div className={`drawerItemContainer ${className}`}>\r\n      <span className=\"title\" data-id={dataIdLabel}>\r\n        {label}\r\n      </span>\r\n      <span className={`text ${color ? `color-${color}` : ''}`}>{value}</span>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default SimpleLabelValue\r\n"],"names":["SimpleLabelValue","label","value","color","className","dataId","dataIdLabel","_a","toUpperCase","replaceAll","_jsxs","children","_jsx","jsx"],"mappings":"qDAWA,MAAMA,EAAoD,EACxDC,QACAC,QACAC,QACAC,YAAY,GACZC,mBAEA,MAAMC,EACa,iBAAVL,GAAyC,QAApBM,EAAAN,aAAA,EAAAA,EAAOO,qBAAa,IAAAD,OAAA,EAAAA,EAAEE,WAAW,IAAK,MAAO,YAAcJ,EACzF,OACEK,EAAAA,KAAK,MAAA,CAAAN,UAAW,uBAAuBA,IAAWO,SAAA,CAChDC,EAAMC,IAAA,OAAA,CAAAT,UAAU,QAAO,UAAUE,EAC9BK,SAAAV,IAEHW,EAAAA,IAAA,OAAA,CAAMR,UAAW,SAAQD,EAAQ,SAASA,IAAU,IAAIQ,SAAGT,MAE9D"}
+{"version":3,"file":"SimpleLabelValue.js","sources":["../../../../src/components/SimpleLabelValue/SimpleLabelValue.tsx"],"sourcesContent":["import React from 'react'\nimport './style.scss'\n\ntype SimpleLabelValueProps = {\n  label?: string | JSX.Element\n  value?: string | number | JSX.Element | JSX.Element[]\n  color?: string\n  className?: string\n  dataId?: string\n}\n\nconst SimpleLabelValue: React.FC<SimpleLabelValueProps> = ({\n  label,\n  value,\n  color,\n  className = '',\n  dataId,\n}: SimpleLabelValueProps) => {\n  const dataIdLabel =\n    typeof label === 'string' ? label?.toUpperCase()?.replaceAll(' ', '_') + '_LABEL_ID' : dataId\n  return (\n    <div className={`drawerItemContainer ${className}`}>\n      <span className=\"title\" data-id={dataIdLabel}>\n        {label}\n      </span>\n      <span className={`text ${color ? `color-${color}` : ''}`}>{value}</span>\n    </div>\n  )\n}\n\nexport default SimpleLabelValue\n"],"names":["SimpleLabelValue","label","value","color","className","dataId","dataIdLabel","_a","toUpperCase","replaceAll","_jsxs","children","_jsx","jsx"],"mappings":"qDAWA,MAAMA,EAAoD,EACxDC,QACAC,QACAC,QACAC,YAAY,GACZC,mBAEA,MAAMC,EACa,iBAAVL,GAAyC,QAApBM,EAAAN,aAAA,EAAAA,EAAOO,qBAAa,IAAAD,OAAA,EAAAA,EAAEE,WAAW,IAAK,MAAO,YAAcJ,EACzF,OACEK,EAAAA,KAAK,MAAA,CAAAN,UAAW,uBAAuBA,IAAWO,SAAA,CAChDC,EAAMC,IAAA,OAAA,CAAAT,UAAU,QAAO,UAAUE,EAC9BK,SAAAV,IAEHW,EAAAA,IAAA,OAAA,CAAMR,UAAW,SAAQD,EAAQ,SAASA,IAAU,IAAIQ,SAAGT,MAE9D"}

package/dist/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, ReactNode } from 'react'\r\nimport Tippy, { TippyProps } from '@tippyjs/react'\r\nimport 'tippy.js/dist/tippy.css'\r\nimport './Tooltip.scss'\r\n\r\ninterface TooltipProps extends TippyProps {\r\n  content: ReactNode\r\n  success?: boolean\r\n  onMouseEnter?: (event: React.MouseEvent<HTMLDivElement>) => void\r\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void\r\n  visible?: boolean\r\n  delay?: [number, number]\r\n  type?: 'info' | 'function'\r\n  maxWidth?: number\r\n  className?: string\r\n  arrowWithBorder?: boolean\r\n  disabled?: boolean\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({\r\n  children,\r\n  content,\r\n  success,\r\n  onMouseEnter,\r\n  onMouseLeave,\r\n  visible,\r\n  delay = [200, 400],\r\n  type = 'info',\r\n  maxWidth = 390,\r\n  className,\r\n  arrowWithBorder,\r\n  disabled,\r\n  ...props\r\n}) => {\r\n  const [rootFontSize, setRootFontSize] = useState(16)\r\n\r\n  useEffect(() => {\r\n    const handleFontSizeChange = (fontSize: number) => {\r\n      setRootFontSize((prev) => (prev !== fontSize ? fontSize : prev))\r\n    }\r\n\r\n    if (\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      window.applicationUIScaling &&\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      typeof window.applicationUIScaling.addEventHandler === 'function'\r\n    ) {\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      window.applicationUIScaling.addEventHandler(handleFontSizeChange)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <Tippy\r\n      visible={visible}\r\n      allowHTML={typeof content !== 'string'}\r\n      interactive\r\n      maxWidth={(maxWidth / 16) * rootFontSize}\r\n      delay={delay}\r\n      content={content}\r\n      placement=\"bottom-start\"\r\n      className={`${success ? 'success' : ''} ${type} ${className || ''} ${\r\n        arrowWithBorder ? 'arrow-with-border' : ''\r\n      }`}\r\n      disabled={disabled}\r\n      {...props}\r\n    >\r\n      <div\r\n        className=\"tooltip-custom-wrapper\"\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n      >\r\n        <div\r\n          className=\"tooltip-custom-wrapper\"\r\n          onMouseEnter={onMouseEnter}\r\n          onMouseLeave={onMouseLeave}\r\n        >\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </Tippy>\r\n  )\r\n}\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","_a","children","content","success","onMouseEnter","onMouseLeave","visible","delay","type","maxWidth","className","arrowWithBorder","disabled","props","__rest","rootFontSize","setRootFontSize","useState","useEffect","handleFontSizeChange","fontSize","prev","window","applicationUIScaling","addEventHandler","_jsx","Tippy","Object","assign","allowHTML","interactive","placement"],"mappings":"4SAmBA,MAAMA,EAAmCC,IAAA,IAAAC,SACvCA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,QACZA,EAAOC,MACPA,EAAQ,CAAC,IAAK,KAAIC,KAClBA,EAAO,OAAMC,SACbA,EAAW,IAAGC,UACdA,EAASC,gBACTA,EAAeC,SACfA,GAAQZ,EACLa,EAAKC,EAAAd,EAb+B,6IAevC,MAAOe,EAAcC,GAAmBC,EAAS,IAkBjD,OAhBAC,GAAU,KACR,MAAMC,EAAwBC,IAC5BJ,GAAiBK,GAAUA,IAASD,EAAWA,EAAWC,GAAM,EAKhEC,OAAOC,sBAEgD,mBAAhDD,OAAOC,qBAAqBC,iBAGnCF,OAAOC,qBAAqBC,gBAAgBL,EAC7C,GACA,IAGDM,EAAAA,IAACC,EAAKC,OAAAC,OAAA,CACJtB,QAASA,EACTuB,UAA8B,iBAAZ3B,EAClB4B,aACA,EAAArB,SAAWA,EAAW,GAAMM,EAC5BR,MAAOA,EACPL,QAASA,EACT6B,UAAU,eACVrB,UAAW,GAAGP,EAAU,UAAY,MAAMK,KAAQE,GAAa,MAC7DC,EAAkB,oBAAsB,KAE1CC,SAAUA,GACNC,EAEJ,CAAAZ,SAAAwB,EAAAA,IAAA,MAAA,CACEf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,WAEdoB,EAAAA,IACE,MAAA,CAAAf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,EAAYJ,SAEzBA,QAIR"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, ReactNode } from 'react'\nimport Tippy, { TippyProps } from '@tippyjs/react'\nimport 'tippy.js/dist/tippy.css'\nimport './Tooltip.scss'\n\ninterface TooltipProps extends TippyProps {\n  content: ReactNode\n  success?: boolean\n  onMouseEnter?: (event: React.MouseEvent<HTMLDivElement>) => void\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void\n  visible?: boolean\n  delay?: [number, number]\n  type?: 'info' | 'function'\n  maxWidth?: number\n  className?: string\n  arrowWithBorder?: boolean\n  disabled?: boolean\n}\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  children,\n  content,\n  success,\n  onMouseEnter,\n  onMouseLeave,\n  visible,\n  delay = [200, 400],\n  type = 'info',\n  maxWidth = 390,\n  className,\n  arrowWithBorder,\n  disabled,\n  ...props\n}) => {\n  const [rootFontSize, setRootFontSize] = useState(16)\n\n  useEffect(() => {\n    const handleFontSizeChange = (fontSize: number) => {\n      setRootFontSize((prev) => (prev !== fontSize ? fontSize : prev))\n    }\n\n    if (\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\n      window.applicationUIScaling &&\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\n      typeof window.applicationUIScaling.addEventHandler === 'function'\n    ) {\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\n      window.applicationUIScaling.addEventHandler(handleFontSizeChange)\n    }\n  }, [])\n\n  return (\n    <Tippy\n      visible={visible}\n      allowHTML={typeof content !== 'string'}\n      interactive\n      maxWidth={(maxWidth / 16) * rootFontSize}\n      delay={delay}\n      content={content}\n      placement=\"bottom-start\"\n      className={`${success ? 'success' : ''} ${type} ${className || ''} ${\n        arrowWithBorder ? 'arrow-with-border' : ''\n      }`}\n      disabled={disabled}\n      {...props}\n    >\n      <div\n        className=\"tooltip-custom-wrapper\"\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        <div\n          className=\"tooltip-custom-wrapper\"\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n        >\n          {children}\n        </div>\n      </div>\n    </Tippy>\n  )\n}\n\nexport default Tooltip\n"],"names":["Tooltip","_a","children","content","success","onMouseEnter","onMouseLeave","visible","delay","type","maxWidth","className","arrowWithBorder","disabled","props","__rest","rootFontSize","setRootFontSize","useState","useEffect","handleFontSizeChange","fontSize","prev","window","applicationUIScaling","addEventHandler","_jsx","Tippy","Object","assign","allowHTML","interactive","placement"],"mappings":"4SAmBA,MAAMA,EAAmCC,IAAA,IAAAC,SACvCA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,QACZA,EAAOC,MACPA,EAAQ,CAAC,IAAK,KAAIC,KAClBA,EAAO,OAAMC,SACbA,EAAW,IAAGC,UACdA,EAASC,gBACTA,EAAeC,SACfA,GAAQZ,EACLa,EAAKC,EAAAd,EAb+B,6IAevC,MAAOe,EAAcC,GAAmBC,EAAS,IAkBjD,OAhBAC,GAAU,KACR,MAAMC,EAAwBC,IAC5BJ,GAAiBK,GAAUA,IAASD,EAAWA,EAAWC,GAAM,EAKhEC,OAAOC,sBAEgD,mBAAhDD,OAAOC,qBAAqBC,iBAGnCF,OAAOC,qBAAqBC,gBAAgBL,EAC7C,GACA,IAGDM,EAAAA,IAACC,EAAKC,OAAAC,OAAA,CACJtB,QAASA,EACTuB,UAA8B,iBAAZ3B,EAClB4B,aACA,EAAArB,SAAWA,EAAW,GAAMM,EAC5BR,MAAOA,EACPL,QAASA,EACT6B,UAAU,eACVrB,UAAW,GAAGP,EAAU,UAAY,MAAMK,KAAQE,GAAa,MAC7DC,EAAkB,oBAAsB,KAE1CC,SAAUA,GACNC,EAEJ,CAAAZ,SAAAwB,EAAAA,IAAA,MAAA,CACEf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,WAEdoB,EAAAA,IACE,MAAA,CAAAf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,EAAYJ,SAEzBA,QAIR"}

package/dist/src/components/dialog/index.js

@@ -1,2 +1,2 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{CloseIcon as i,Button as n,Dialog as e,infoIcon as r}from"@digi-frontend/dgate-ui";import s from"../SVGLoader/SVGLoader.js";const t=({status:t="info",content:a,onSubmit:c,onCancel:l,onClose:d,open:m,size:j="xs",icon:h=o.jsx(o.Fragment,{children:o.jsx(s,{src:r,width:"4.0625rem",height:"4.0625rem"})})})=>{const x=()=>{d(),l&&l.onClick&&l.onClick()},g=o.jsxs("div",{className:"common-dialog",children:[h&&o.jsx("div",{className:"confirmation-dialog-header",children:o.jsx("div",{className:`icon ${t}`,children:h})}),o.jsx(s,{src:i,width:"1.5rem",height:"1.5rem",onClick:x,className:"close-icon"}),a,o.jsxs("div",{className:"confirmation-dialog-footer",style:{marginBottom:l||c?"1.5rem":"1rem"},children:[l&&o.jsx(n,Object.assign({},l,{onClick:x,variant:l.variant||"outlined",color:l.color||"normal",children:l.text})),c&&o.jsx(n,Object.assign({},c,{variant:c.variant||"contained",color:c.color||"secondary",children:c.text}))]})]});return o.jsx(e,{open:m,onClose:x,content:g,fullWidth:!1,size:j,id:"common-dialog"})};export{t as default};
+import{j as o}from"../../../_virtual/jsx-runtime.js";import{d as s}from"../../../_virtual/index.js";import i from"../SVGLoader/SVGLoader.js";import n from"../../assets/icons/close-circle.svg.js";import e from"../../assets/icons/infoIcon.svg.js";const t=({status:t="info",content:r,onSubmit:c,onCancel:a,onClose:l,open:m,size:d="xs",icon:j=o.jsx(o.Fragment,{children:o.jsx(i,{src:e,width:"4.0625rem",height:"4.0625rem"})}),noActions:x=!1})=>{const h=()=>{l(),a&&a.onClick&&a.onClick()},g=o.jsxs("div",{className:"common-dialog",children:[j&&o.jsx("div",{className:"confirmation-dialog-header",children:o.jsx("div",{className:`icon ${t}`,children:j})}),o.jsx(i,{src:n,width:"1.5rem",height:"1.5rem",onClick:h,className:"close-icon"}),r,x?null:o.jsxs("div",{className:"confirmation-dialog-footer",style:{marginBottom:a||c?"1.5rem":"1rem"},children:[a&&o.jsx(s.Button,Object.assign({},a,{onClick:h,variant:a.variant||"outlined",color:a.color||"normal",children:a.text})),c&&o.jsx(s.Button,Object.assign({},c,{variant:c.variant||"contained",color:c.color||"secondary",children:c.text}))]})]});return o.jsx(s.Dialog,{open:m,onClose:h,content:g,fullWidth:!1,size:d,id:"common-dialog"})};export{t as default};
 //# sourceMappingURL=index.js.map

package/dist/src/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react'\r\n// @ts-ignore\r\nimport { Dialog, Button, CloseIcon, infoIcon } from '@digi-frontend/dgate-ui'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport './style.scss'\r\nimport { CommonDialogProps } from './dialog'\r\n\r\nconst CommonDialog = ({\r\n  status = 'info',\r\n  content,\r\n  onSubmit,\r\n  onCancel,\r\n  onClose,\r\n  open,\r\n  size = 'xs',\r\n  icon = (\r\n    <>\r\n      <SVGLoader src={infoIcon} width=\"4.0625rem\" height=\"4.0625rem\" />\r\n    </>\r\n  ),\r\n}: CommonDialogProps) => {\r\n  const handleClose = () => {\r\n    onClose() // Always close the dialog first\r\n\r\n    if (onCancel && onCancel.onClick) {\r\n      onCancel.onClick() // If onCancel.onClick is provided, invoke it after closing the dialog\r\n    }\r\n  }\r\n\r\n  const body = (\r\n    <div className=\"common-dialog\">\r\n      {icon && (\r\n        <div className=\"confirmation-dialog-header\">\r\n          <div className={`icon ${status}`}>{icon}</div>\r\n        </div>\r\n      )}\r\n      <SVGLoader\r\n        src={CloseIcon}\r\n        width={'1.5rem'}\r\n        height={'1.5rem'}\r\n        onClick={handleClose}\r\n        className=\"close-icon\"\r\n      />\r\n\r\n      {content}\r\n      <div\r\n        className=\"confirmation-dialog-footer\"\r\n        style={{ marginBottom: onCancel || onSubmit ? '1.5rem' : '1rem' }}\r\n      >\r\n        {onCancel && (\r\n          <Button\r\n            {...onCancel}\r\n            onClick={handleClose}\r\n            variant={onCancel.variant || 'outlined'}\r\n            color={onCancel.color || 'normal'}\r\n          >\r\n            {onCancel.text}\r\n          </Button>\r\n        )}\r\n        {onSubmit && (\r\n          <Button\r\n            {...onSubmit}\r\n            variant={onSubmit.variant || 'contained'}\r\n            color={onSubmit.color || 'secondary'}\r\n          >\r\n            {onSubmit.text}\r\n          </Button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      onClose={handleClose}\r\n      content={body}\r\n      fullWidth={false}\r\n      size={size}\r\n      id=\"common-dialog\"\r\n    />\r\n  )\r\n}\r\n\r\nexport default CommonDialog\r\n"],"names":["CommonDialog","status","content","onSubmit","onCancel","onClose","open","size","icon","_jsx","jsx","SVGLoader","src","infoIcon","width","height","handleClose","onClick","body","_jsxs","className","children","CloseIcon","jsxs","style","marginBottom","Button","Object","assign","variant","color","text","Dialog","fullWidth","id"],"mappings":"wLAOM,MAAAA,EAAe,EACnBC,SAAS,OACTC,UACAC,WACAC,WACAC,UACAC,OACAC,OAAO,KACPC,OACEC,2BACEA,EAACC,IAAAC,GAAUC,IAAKC,EAAUC,MAAM,YAAYC,OAAO,oBAIvD,MAAMC,EAAc,KAClBX,IAEID,GAAYA,EAASa,SACvBb,EAASa,SACV,EAGGC,EACJC,EAAAA,KAAA,MAAA,CAAKC,UAAU,gBACZC,SAAA,CAAAb,GACCC,EAAKC,IAAA,MAAA,CAAAU,UAAU,6BAA4BC,SACzCZ,EAAAA,IAAK,MAAA,CAAAW,UAAW,QAAQnB,aAAWO,MAGvCC,MAACE,EAAS,CACRC,IAAKU,EACLR,MAAO,SACPC,OAAQ,SACRE,QAASD,EACTI,UAAU,eAGXlB,EACDiB,EACEI,KAAA,MAAA,CAAAH,UAAU,6BACVI,MAAO,CAAEC,aAAcrB,GAAYD,EAAW,SAAW,QAAQkB,SAAA,CAEhEjB,GACCK,MAACiB,EACKC,OAAAC,OAAA,CAAA,EAAAxB,EACJ,CAAAa,QAASD,EACTa,QAASzB,EAASyB,SAAW,WAC7BC,MAAO1B,EAAS0B,OAAS,SAAQT,SAEhCjB,EAAS2B,QAGb5B,GACCM,MAACiB,EAAMC,OAAAC,OAAA,GACDzB,EAAQ,CACZ0B,QAAS1B,EAAS0B,SAAW,YAC7BC,MAAO3B,EAAS2B,OAAS,YAAWT,SAEnClB,EAAS4B,cAOpB,OACEtB,EAAAA,IAACuB,EAAM,CACL1B,KAAMA,EACND,QAASW,EACTd,QAASgB,EACTe,WAAW,EACX1B,KAAMA,EACN2B,GAAG,iBAEN"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react'\n// @ts-ignore\nimport { Dialog, Button, CloseIcon, infoIcon } from 'digitinary-ui'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport './style.scss'\nimport { CommonDialogProps } from './dialog'\nimport { Closecircle, InfoIcon } from './../../assets/icons'\n\nconst CommonDialog = ({\n  status = 'info',\n  content,\n  onSubmit,\n  onCancel,\n  onClose,\n  open,\n  size = 'xs',\n  icon = (\n    <>\n      <SVGLoader src={InfoIcon} width=\"4.0625rem\" height=\"4.0625rem\" />\n    </>\n  ),\n  noActions = false,\n}: CommonDialogProps) => {\n  const handleClose = () => {\n    onClose() // Always close the dialog first\n\n    if (onCancel && onCancel.onClick) {\n      onCancel.onClick() // If onCancel.onClick is provided, invoke it after closing the dialog\n    }\n  }\n\n  const body = (\n    <div className=\"common-dialog\">\n      {icon && (\n        <div className=\"confirmation-dialog-header\">\n          <div className={`icon ${status}`}>{icon}</div>\n        </div>\n      )}\n      <SVGLoader\n        src={Closecircle}\n        width={'1.5rem'}\n        height={'1.5rem'}\n        onClick={handleClose}\n        className=\"close-icon\"\n      />\n\n      {content}\n      {!!noActions ? null : (\n        <div\n          className=\"confirmation-dialog-footer\"\n          style={{ marginBottom: onCancel || onSubmit ? '1.5rem' : '1rem' }}\n        >\n          {onCancel && (\n            <Button\n              {...onCancel}\n              onClick={handleClose}\n              variant={onCancel.variant || 'outlined'}\n              color={onCancel.color || 'normal'}\n            >\n              {onCancel.text}\n            </Button>\n          )}\n          {onSubmit && (\n            <Button\n              {...onSubmit}\n              variant={onSubmit.variant || 'contained'}\n              color={onSubmit.color || 'secondary'}\n            >\n              {onSubmit.text}\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      open={open}\n      onClose={handleClose}\n      content={body}\n      fullWidth={false}\n      size={size}\n      id=\"common-dialog\"\n    />\n  )\n}\n\nexport default CommonDialog\n"],"names":["CommonDialog","status","content","onSubmit","onCancel","onClose","open","size","icon","_jsx","jsx","_Fragment","Fragment","children","SVGLoader","src","InfoIcon","width","height","noActions","handleClose","onClick","body","_jsxs","className","Closecircle","style","marginBottom","Button","Object","assign","variant","color","text","Dialog","fullWidth","id"],"mappings":"qPAQM,MAAAA,EAAe,EACnBC,SAAS,OACTC,UACAC,WACAC,WACAC,UACAC,OACAC,OAAO,KACPC,OACEC,EACEC,IAAAC,EAAAC,SAAA,CAAAC,SAAAJ,EAAAC,IAACI,EAAU,CAAAC,IAAKC,EAAUC,MAAM,YAAYC,OAAO,gBAGvDC,aAAY,MAEZ,MAAMC,EAAc,KAClBf,IAEID,GAAYA,EAASiB,SACvBjB,EAASiB,SACV,EAGGC,EACJC,EAAAA,KAAA,MAAA,CAAKC,UAAU,gBACZX,SAAA,CAAAL,GACCC,MAAA,MAAA,CAAKe,UAAU,6BACbX,SAAAJ,EAAAC,IAAA,MAAA,CAAKc,UAAW,QAAQvB,IAAWY,SAAAL,MAGvCC,EAAAC,IAACI,EACC,CAAAC,IAAKU,EACLR,MAAO,SACPC,OAAQ,SACRG,QAASD,EACTI,UAAU,eAGXtB,EACEiB,EAAY,KACbI,EAAAA,KACE,MAAA,CAAAC,UAAU,6BACVE,MAAO,CAAEC,aAAcvB,GAAYD,EAAW,SAAW,QAExDU,SAAA,CAAAT,GACCK,EAAAA,IAACmB,EAAMA,OAAAC,OAAAC,OAAA,CAAA,EACD1B,EACJ,CAAAiB,QAASD,EACTW,QAAS3B,EAAS2B,SAAW,WAC7BC,MAAO5B,EAAS4B,OAAS,SAExBnB,SAAAT,EAAS6B,QAGb9B,GACCM,EAAAA,IAACmB,EAAMA,OACDC,OAAAC,OAAA,GAAA3B,GACJ4B,QAAS5B,EAAS4B,SAAW,YAC7BC,MAAO7B,EAAS6B,OAAS,YAExBnB,SAAAV,EAAS8B,cAQtB,OACExB,EAAAA,IAACyB,EAAAA,OAAM,CACL5B,KAAMA,EACND,QAASe,EACTlB,QAASoB,EACTa,WAAW,EACX5B,KAAMA,EACN6B,GAAG,iBAEN"}

package/dist/src/components/table/table.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a}from"react";import{d as i}from"../../../_virtual/index.js";import r from"../Tooltip/Tooltip.js";import t from"../SVGLoader/SVGLoader.js";import l from"../../assets/icons/DeleteIcon.svg.js";import s from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/AddRow.svg.js";import n from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as o}from"../../../node_modules/formik/dist/formik.esm.js";import{object as c,string as m,bool as h}from"../../../node_modules/yup/index.esm.js";import{capitalize as u}from"../../helpers/methodAccordion.helper.js";import p from"../../constants/regex.js";const j=({id:j,headCells:v,data:b,isFormOpen:x,setIsFormOpen:N,saveNewRow:C,readOnly:g})=>{const[y,T]=a(""),[w,D]=a(null),{values:f,errors:I,setFieldValue:S,isValid:k,submitForm:_,resetForm:B}=o({validateOnMount:!0,initialValues:{name:"",in:"Query",schema:{type:"String"},required:!0,description:""},validationSchema:c().shape({name:m().trim().required("Parameter name is required"),in:m().required("Paramter type is required"),schema:c().shape({type:m().required("Parameter schema type is required")}),required:h().optional(),description:m().trim().optional()}),onSubmit:e=>{C(e),N(!1),T(""),B()}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:j||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==v?void 0:v.map((a=>e.jsx("th",{className:`tableHeadCell ${a.classes||""}`,style:{width:a.width,minWidth:a.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof a.label?a.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:a.label})},a.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==b?void 0:b.map(((a,i)=>e.jsx("tr",{"data-i":i,className:"row",children:null==v?void 0:v.map((i=>{const r="_"!==a[i.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:i.width,minWidth:i.minWidth},children:a[i.id]});return e.jsx("td",{style:{width:i.width,minWidth:i.minWidth},children:r},i.id)}))},i))),0===(null==b?void 0:b.length)&&g&&e.jsx("tr",{className:"fallbackTableRow",children:e.jsx("td",{className:"fallbackContainer",colSpan:null==v?void 0:v.length,children:e.jsx("div",{className:"fallbackTextContainer",children:e.jsx("span",{className:"fallbackText",children:" No Data Available"})})})}),x&&!g?e.jsxs("tr",{className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(i.Input,{placeholder:"Parameter name",size:"large",type:"text",onChange:e=>{(""===e||p.ASCII.test(e))&&S("name",e)},value:f.name,disabled:g})})},"Parameter name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(i.SelectGroupV2,{disabled:g,value:{label:u(f.in),value:u(f.in)},onChange:e=>{var a;return S("in",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"Query",value:"query"},{label:"Header",value:"header"},{label:"Path",value:"path"},{label:"Body",value:"body"}]}],errorMsg:!!I.in&&I.in,isMultiple:!1,withSearch:!1,clearable:!1})," "]})},"parameter in"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(i.SelectGroupV2,{disabled:g,clearable:!1,value:{label:u(f.schema.type),value:u(f.schema.type)},errorMsg:!!I.schema&&I.schema,onChange:e=>{var a;return S("schema.type",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"String",value:"string"},{label:"Integer",value:"integer"},{label:"Boolean",value:"boolean"},{label:"Object",value:"object"},{label:"Array",value:"array"},{label:"Number",value:"number"}]}],isMultiple:!1,withSearch:!1})," "]})},"parameter schema type"),e.jsx("td",{children:e.jsx("div",{"data-id":"is required",className:"tableData",children:g?e.jsx(e.Fragment,{children:f.required?"True":"False"}):e.jsx(i.Switch,{checked:f.required,onClick:()=>{g||S("required",!f.required)}})})},"parameter required"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsxs("div",{className:n.paramDescContainer,children:[e.jsx(r,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>D(e),content:e.jsxs("div",{className:n.editDescTooltipContent,children:[e.jsx("p",{className:n.editDescTooltipContent_header,children:"Description"}),e.jsx(i.TextArea,{value:y||f.description,onChange:e=>{(""===e||p.ASCII.test(e))&&T(e)},disabled:g,placeholder:"Describe parameter...",maxLength:120}),!g&&e.jsx(i.Button,{className:n.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{S("description",null==y?void 0:y.trim()),null==w||w.hide()},disabled:""===(null==y?void 0:y.trim()),children:"Apply"})]}),children:e.jsxs(i.Button,{className:n.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(t,{src:s,width:"1.5rem",height:"1.5rem"}),children:[g?"View ":"Add "," Description"]})}),e.jsx("div",{className:n.paramDescContainer_separator}),!g&&e.jsx(i.Button,{className:n.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(t,{src:l,width:"1.125rem",height:"1.125rem"}),onClick:()=>{B(),T(""),N(!1)}}),!g&&e.jsx(r,{disabled:!!f.name.trim(),content:"Parameter name can't be empty ",children:e.jsx(i.Button,{className:n.deleteParamBtn,variant:"link",color:"success",disabled:!f.name.trim(),endIcon:e.jsx(t,{src:d,width:"0.125rem",height:"0.125rem"}),onClick:()=>{T(""),_()}})})]})," "]})},"parameter schema desc")]}):e.jsx(e.Fragment,{children:!g&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(i.Button,{variant:"link",color:"primary",onClick:()=>{N((e=>!e))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{j as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a}from"react";import{d as l}from"../../../_virtual/index.js";import i from"../Tooltip/Tooltip.js";import t from"../SVGLoader/SVGLoader.js";import s from"../../assets/icons/DeleteIcon.svg.js";import d from"../../assets/icons/EditIcon.svg.js";import r from"../../assets/icons/AddRow.svg.js";import n from"../../assets/icons/Plus.svg.js";import o from"../../assets/icons/PlusSquare.svg.js";import c from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as m}from"../../../node_modules/formik/dist/formik.esm.js";import{object as u,string as v,array as h,bool as p}from"../../../node_modules/yup/index.esm.js";import{capitalize as b}from"../../helpers/methodAccordion.helper.js";import j from"../../constants/regex.js";const x=({id:x,headCells:y,data:N,isFormOpen:C,setIsFormOpen:g,saveNewRow:w,readOnly:T,isRequest:D=!0})=>{var I,f,E,S,B,q,k,_,P,A,O,L,R,F,M,V,W,X,G,z,H,U,$,K,Q,Y,Z;const[J,ee]=a(""),[ae,le]=a(null),[ie,te]=a(null),[se,de]=a([]),{values:re,errors:ne,setFieldValue:oe,isValid:ce,submitForm:me,resetForm:ue}=m({validateOnMount:!0,initialValues:{name:"",in:D?"query":"header",schema:{type:"string",enum:[],items:{type:"string"}},required:!0,description:""},validationSchema:u().shape({name:v().default("").trim().required("Parameter name is required"),in:v().required("Paramter type is required"),schema:u().shape({type:v().required("Parameter schema type is required"),enum:h(v()).optional(),items:u().shape({type:v().optional()})}),required:p().when("in",{is:"path",then:e=>e.oneOf([!0],"Path parameters must be required."),otherwise:e=>e.optional()}),description:v().default("").trim().optional()}),onSubmit:e=>{var a,l,i,t;e&&!(null===(l=null===(a=null==e?void 0:e.schema)||void 0===a?void 0:a.items)||void 0===l?void 0:l.type)&&(null===(t=null===(i=null==e?void 0:e.schema)||void 0===i?void 0:i.items)||void 0===t||delete t.type),w(e),g(void 0),ee(""),ue()}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:x||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==y?void 0:y.map((a=>e.jsx("th",{className:`tableHeadCell ${a.classes||""}`,style:{width:a.width,minWidth:a.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof a.label?a.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:a.label})},a.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==N?void 0:N.map(((a,l)=>e.jsx("tr",{"data-i":l,className:"row",children:null==y?void 0:y.map((l=>{const i="_"!==a[l.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:l.width,minWidth:l.minWidth},children:a[l.id]});return e.jsx("td",{style:{width:l.width,minWidth:l.minWidth},children:i},l.id)}))},l))),0===(null==N?void 0:N.length)&&T&&e.jsx("tr",{className:"fallbackTableRow",children:e.jsx("td",{className:"fallbackContainer",colSpan:null==y?void 0:y.length,children:e.jsx("div",{className:"fallbackTextContainer",children:e.jsx("span",{className:"fallbackText",children:" No Data Available"})})})}),C&&!T?e.jsxs("tr",{className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(l.Input,{placeholder:"Parameter name",size:"large",type:"text",onChange:e=>{(""===e||j.ASCII.test(e))&&oe("name",e)},value:re.name,disabled:T})})},"Parameter name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(l.SelectGroupV2,{disabled:T,value:{label:b(re.in),value:re.in},onChange:e=>{var a;return oe("in",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:D?[{label:"Query",value:"query"},{label:"Header",value:"header"},{label:"Path",value:"path"},{label:"Body",value:"body"}]:[{label:"Header",value:"header"}]}],errorMsg:!!ne.in&&ne.in,isMultiple:!1,withSearch:!1,clearable:!1})," "]})},"parameter in"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(l.SelectGroupV2,{disabled:T,clearable:!1,value:{label:b(null===(I=null==re?void 0:re.schema)||void 0===I?void 0:I.type),value:null===(f=null==re?void 0:re.schema)||void 0===f?void 0:f.type},errorMsg:!!ne.schema&&ne.schema,onChange:e=>{var a;return oe("schema.type",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"String",value:"string"},{label:"Integer",value:"integer"},{label:"Boolean",value:"boolean"},{label:"Object",value:"object"},{label:"Array",value:"array"},{label:"Number",value:"number"}]}],isMultiple:!1,withSearch:!1})," "]})},"parameter schema type"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[re.schema&&"array"==(null===(S=null===(E=re.schema)||void 0===E?void 0:E.type)||void 0===S?void 0:S.toLowerCase())?e.jsx(l.SelectGroupV2,{disabled:T,clearable:!1,value:{label:b(null===(q=null===(B=null==re?void 0:re.schema)||void 0===B?void 0:B.items)||void 0===q?void 0:q.type),value:null===(_=null===(k=re.schema)||void 0===k?void 0:k.items)||void 0===_?void 0:_.type},errorMsg:!!(null===(A=null===(P=null==ne?void 0:ne.schema)||void 0===P?void 0:P.items)||void 0===A?void 0:A.type)&&(null===(L=null===(O=null==ne?void 0:ne.schema)||void 0===O?void 0:O.items)||void 0===L?void 0:L.type),onChange:e=>{var a;return oe("schema.items.type",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"String",value:"string"},{label:"Integer",value:"integer"},{label:"Boolean",value:"boolean"},{label:"Object",value:"object"},{label:"Array",value:"array"},{label:"Number",value:"number"}]}],isMultiple:!1,withSearch:!1}):"-"," "]})},"parameter array schema type"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[(null==re?void 0:re.schema)&&"array"!=(null===(F=null===(R=null==re?void 0:re.schema)||void 0===R?void 0:R.type)||void 0===F?void 0:F.toLowerCase())&&"object"!=(null===(V=null===(M=null==re?void 0:re.schema)||void 0===M?void 0:M.type)||void 0===V?void 0:V.toLowerCase())?e.jsx(i,{disabled:"array"==(null===(X=null===(W=null==re?void 0:re.schema)||void 0===W?void 0:W.type)||void 0===X?void 0:X.toLowerCase())||"object"==(null===(z=null===(G=null==re?void 0:re.schema)||void 0===G?void 0:G.type)||void 0===z?void 0:z.toLowerCase()),arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>te(e),content:e.jsxs("div",{className:c.editDescTooltipContent,children:[e.jsx("p",{className:c.editDescTooltipContent_header,children:"Enum"}),!!(null===(H=null==re?void 0:re.schema)||void 0===H?void 0:H.enum)&&!!(null===(U=null==re?void 0:re.schema)||void 0===U?void 0:U.enum.length)&&(null===(K=null===($=null==re?void 0:re.schema)||void 0===$?void 0:$.enum)||void 0===K?void 0:K.map(((a,i)=>e.jsx(l.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:a,onChange:e=>{oe(`schema.enum[${i}]`,e)}},i)))),se&&(null==se?void 0:se.map(((a,i)=>e.jsx(l.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:a,onChange:e=>{let a=[...se];a[i]=e,de(a)}},i)))),e.jsxs("p",{className:"addEnumButton",onClick:()=>{de((e=>[...e,""]))},children:[e.jsx(t,{src:o}),"Add New Enum"]}),!T&&e.jsx(l.Button,{className:c.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{var e;oe("schema.enum",[...null===(e=null==re?void 0:re.schema)||void 0===e?void 0:e.enum,...se]),de([]),null==ie||ie.hide()},disabled:se.length>0&&(null==se?void 0:se.filter((e=>!e)).length)||(null===(Q=null==re?void 0:re.schema)||void 0===Q?void 0:Q.enum.length)>0&&(null===(Z=null===(Y=null==re?void 0:re.schema)||void 0===Y?void 0:Y.enum)||void 0===Z?void 0:Z.filter((e=>!e)).length),children:"Apply"})]}),children:e.jsx(l.Button,{className:c.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:e.jsx(t,{id:"enumIcon",src:n,width:"1.5rem",height:"1.5rem"}),children:"Add"})}):"-"," "]})},"parameter enum"),e.jsx("td",{children:e.jsx("div",{"data-id":"is required",className:"tableData",children:T?e.jsx(e.Fragment,{children:re.required?"True":"False"}):e.jsx(l.Switch,{checked:re.required,onClick:()=>{T||oe("required",!re.required)}})})},"parameter required"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsxs("div",{className:c.paramDescContainer,children:[e.jsx(i,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>le(e),content:e.jsxs("div",{className:c.editDescTooltipContent,children:[e.jsx("p",{className:c.editDescTooltipContent_header,children:"Description"}),e.jsx(l.TextArea,{value:J||re.description,onChange:e=>{(""===e||j.ASCII.test(e))&&ee(e)},disabled:T,placeholder:"Describe parameter...",maxLength:120}),!T&&e.jsx(l.Button,{className:c.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{oe("description",null==J?void 0:J.trim()),null==ae||ae.hide()},disabled:""===(null==J?void 0:J.trim()),children:"Apply"})]}),children:e.jsxs(l.Button,{className:c.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(t,{src:d,width:"1.5rem",height:"1.5rem"}),children:[T?"View ":"Add "," Description"]})}),e.jsx("div",{className:c.paramDescContainer_separator}),!T&&e.jsx(l.Button,{className:c.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(t,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>{ue(),ee(""),g(void 0)}}),!T&&e.jsx(i,{disabled:!!re.name.trim(),content:"Parameter name can't be empty ",children:e.jsx(l.Button,{className:c.deleteParamBtn,variant:"link",color:"success",disabled:!re.name.trim(),endIcon:e.jsx(t,{src:r,width:"0.125rem",height:"0.125rem"}),onClick:()=>{ee(""),me()}})})]})," "]})},"parameter schema desc")]}):e.jsx(e.Fragment,{children:!T&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(l.Button,{variant:"link",color:"primary",onClick:()=>{g((e=>e?void 0:D?"Req":"Res"))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{x as default};
 //# sourceMappingURL=table.js.map

package/dist/src/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport './style.scss'\r\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\r\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\r\nimport { useFormik } from 'formik'\r\nimport * as yup from 'yup'\r\nimport { capitalize } from '../../helpers/methodAccordion.helper'\r\nimport regex from '../../constants/regex'\r\n\r\nconst ParamterTable = ({\r\n  id,\r\n  headCells,\r\n  data,\r\n  isFormOpen,\r\n  setIsFormOpen,\r\n  saveNewRow,\r\n  readOnly,\r\n}) => {\r\n  const [text, setText] = useState('')\r\n  const [tooltipRef, setTooltipRef] = useState(null)\r\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\r\n    validateOnMount: true,\r\n    initialValues: {\r\n      name: '',\r\n      in: 'Query',\r\n      schema: {\r\n        type: 'String',\r\n      },\r\n      required: true,\r\n      description: '',\r\n    },\r\n    validationSchema: yup.object().shape({\r\n      name: yup.string().trim().required('Parameter name is required'),\r\n      in: yup.string().required('Paramter type is required'),\r\n      schema: yup.object().shape({\r\n        type: yup.string().required('Parameter schema type is required'),\r\n      }),\r\n      required: yup.boolean().optional(),\r\n      description: yup.string().trim().optional(),\r\n    }),\r\n    onSubmit: (values) => {\r\n      saveNewRow(values)\r\n      setIsFormOpen(false)\r\n      setText('')\r\n      resetForm()\r\n    },\r\n  })\r\n\r\n  return (\r\n    <div className=\"tableSectionContainer\">\r\n      <div className=\"tableContainer\">\r\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\r\n          <thead className=\"tableHead\">\r\n            <tr>\r\n              {headCells?.map((headCell) => (\r\n                <th\r\n                  key={headCell.id}\r\n                  className={`tableHeadCell ${headCell.classes || ''}`}\r\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\r\n                >\r\n                  <div\r\n                    className=\"headContainer\"\r\n                    data-id={`${\r\n                      typeof headCell.label === 'string'\r\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\r\n                        : 'UNKNOWN_LABEL'\r\n                    }_COLUMN`}\r\n                  >\r\n                    {headCell.label}\r\n                  </div>\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\r\n            {data?.map((row, rowIndex) => {\r\n              return (\r\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\r\n                  {headCells?.map((headCell) => {\r\n                    const cellContent = row[headCell.id] !== '_' && (\r\n                      <div\r\n                        data-id=\"TEXT_DESCRIPTION\"\r\n                        className=\"tableData\"\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {row[headCell.id]}\r\n                      </div>\r\n                    )\r\n\r\n                    return (\r\n                      <td\r\n                        key={headCell.id}\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {cellContent}\r\n                      </td>\r\n                    )\r\n                  })}\r\n                </tr>\r\n              )\r\n            })}\r\n            {data?.length === 0 && readOnly && (\r\n              <tr className=\"fallbackTableRow\">\r\n                <td className=\"fallbackContainer\" colSpan={headCells?.length}>\r\n                  <div className=\"fallbackTextContainer\">\r\n                    <span className=\"fallbackText\"> No Data Available</span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            )}\r\n\r\n            {isFormOpen && !readOnly ? (\r\n              <tr className={`row`}>\r\n                <td key={'Parameter name'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <Input\r\n                      placeholder=\"Parameter name\"\r\n                      size=\"large\"\r\n                      type=\"text\"\r\n                      onChange={(value) => {\r\n                        if (value === '' || regex.ASCII.test(value as string))\r\n                          setFieldValue('name', value)\r\n                      }}\r\n                      value={values.name}\r\n                      disabled={readOnly}\r\n                    />\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter in'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      value={{\r\n                        label: capitalize(values.in),\r\n                        value: capitalize(values.in),\r\n                      }}\r\n                      onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'Query', value: 'query' },\r\n                            { label: 'Header', value: 'header' },\r\n                            { label: 'Path', value: 'path' },\r\n                            { label: 'Body', value: 'body' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      errorMsg={!!errors.in && errors.in}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                      clearable={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema type'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      clearable={false}\r\n                      value={{\r\n                        label: capitalize(values.schema.type),\r\n                        value: capitalize(values.schema.type),\r\n                      }}\r\n                      errorMsg={!!errors.schema && errors.schema}\r\n                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'String', value: 'string' },\r\n                            { label: 'Integer', value: 'integer' },\r\n                            { label: 'Boolean', value: 'boolean' },\r\n                            { label: 'Object', value: 'object' },\r\n                            { label: 'Array', value: 'array' },\r\n                            { label: 'Number', value: 'number' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter required'}>\r\n                  <div data-id=\"is required\" className=\"tableData\">\r\n                    {readOnly ? (\r\n                      <>{values.required ? 'True' : 'False'}</>\r\n                    ) : (\r\n                      <Switch\r\n                        checked={values.required}\r\n                        onClick={() => {\r\n                          if (readOnly) {\r\n                            return\r\n                          }\r\n                          setFieldValue('required', !values.required)\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema desc'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <div className={styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setTooltipRef(instance)}\r\n                        content={\r\n                          <div className={styles.editDescTooltipContent}>\r\n                            <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                            <TextArea\r\n                              value={text || values.description}\r\n                              onChange={(value) => {\r\n                                if (value === '' || regex.ASCII.test(value)) setText(value)\r\n                              }}\r\n                              disabled={readOnly}\r\n                              placeholder=\"Describe parameter...\"\r\n                              maxLength={120}\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue('description', text?.trim())\r\n                                  tooltipRef?.hide()\r\n                                }}\r\n                                disabled={text?.trim() === ''}\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        <Button\r\n                          className={styles.editDescBtn}\r\n                          variant=\"link\"\r\n                          color=\"action\"\r\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                        >\r\n                          {readOnly ? 'View ' : 'Add '} Description\r\n                        </Button>\r\n                      </Tooltip>\r\n\r\n                      <div className={styles.paramDescContainer_separator}></div>\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"error\"\r\n                          endIcon={\r\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\r\n                          }\r\n                          onClick={() => {\r\n                            resetForm()\r\n                            setText('')\r\n                            setIsFormOpen(false)\r\n                          }} // Correctly delete the new row\r\n                        />\r\n                      )}\r\n\r\n                      {!readOnly && (\r\n                        <Tooltip\r\n                          disabled={!!values.name.trim()}\r\n                          content={`Parameter name can't be empty `}\r\n                        >\r\n                          <Button\r\n                            className={styles.deleteParamBtn}\r\n                            variant=\"link\"\r\n                            color=\"success\"\r\n                            disabled={!values.name.trim()}\r\n                            endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\r\n                            onClick={() => {\r\n                              setText('')\r\n                              submitForm()\r\n                            }} // Save the new row when clicked\r\n                          />\r\n                        </Tooltip>\r\n                      )}\r\n                    </div>{' '}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ) : (\r\n              <>\r\n                {!readOnly && (\r\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\r\n                    <td colSpan={5}>\r\n                      <Button\r\n                        variant=\"link\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setIsFormOpen((prev) => !prev)\r\n                        }}\r\n                      >\r\n                        + Add Parameter\r\n                      </Button>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </>\r\n            )}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ParamterTable\r\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","tooltipRef","setTooltipRef","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","in","schema","type","required","description","validationSchema","yup.object","shape","yup.string","trim","yup.boolean","optional","onSubmit","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","length","colSpan","Input","placeholder","size","onChange","value","regex","ASCII","test","disabled","SelectGroupV2","capitalize","item","_a","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_Fragment","Fragment","Switch","checked","onClick","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","editDescTooltipContent","editDescTooltipContent_header","TextArea","maxLength","Button","editDescTooltipContent_btn","variant","hide","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","prev"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport './style.scss'\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\nimport Tooltip from '../Tooltip/Tooltip'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\nimport PlusIcon from '../../assets/icons/Plus.svg'\nimport PlusSquare from '../../assets/icons/PlusSquare.svg'\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\nimport { useFormik } from 'formik'\nimport * as yup from 'yup'\nimport { capitalize } from '../../helpers/methodAccordion.helper'\nimport regex from '../../constants/regex'\n\nconst ParamterTable = ({\n  id,\n  headCells,\n  data,\n  isFormOpen,\n  setIsFormOpen,\n  saveNewRow,\n  readOnly,\n  isRequest = true,\n}) => {\n  const [text, setText] = useState('')\n  const [tooltipRef, setTooltipRef] = useState(null)\n  const [tooltipEnumRef, setTooltipEnumRef] = useState(null)\n  const [enumFields, setEnumFields] = useState<string[]>([])\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\n    validateOnMount: true,\n    initialValues: {\n      name: '',\n      in: isRequest ? 'query' : 'header',\n      schema: {\n        type: 'string',\n        enum: [],\n        items: {\n          type: 'string',\n        },\n      },\n      required: true,\n      description: '',\n    },\n    validationSchema: yup.object().shape({\n      name: yup.string().default('').trim().required('Parameter name is required'),\n      in: yup.string().required('Paramter type is required'),\n      schema: yup.object().shape({\n        type: yup.string().required('Parameter schema type is required'),\n        enum: yup.array(yup.string()).optional(),\n        items: yup.object().shape({\n          type: yup.string().optional(),\n        }),\n      }),\n      required: yup.boolean().when('in', {\n        is: 'path',\n        then: (schema) => schema.oneOf([true], 'Path parameters must be required.'),\n        otherwise: (schema) => schema.optional(),\n      }),\n      description: yup.string().default('').trim().optional(),\n    }),\n    onSubmit: (values) => {\n      if (values && !values?.schema?.items?.type) {\n        delete values?.schema?.items?.type\n      }\n      saveNewRow(values)\n      setIsFormOpen(undefined)\n      setText('')\n      resetForm()\n    },\n  })\n\n  return (\n    <div className=\"tableSectionContainer\">\n      <div className=\"tableContainer\">\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\n          <thead className=\"tableHead\">\n            <tr>\n              {headCells?.map((headCell) => (\n                <th\n                  key={headCell.id}\n                  className={`tableHeadCell ${headCell.classes || ''}`}\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\n                >\n                  <div\n                    className=\"headContainer\"\n                    data-id={`${\n                      typeof headCell.label === 'string'\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\n                        : 'UNKNOWN_LABEL'\n                    }_COLUMN`}\n                  >\n                    {headCell.label}\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\n            {data?.map((row, rowIndex) => {\n              return (\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\n                  {headCells?.map((headCell) => {\n                    const cellContent = row[headCell.id] !== '_' && (\n                      <div\n                        data-id=\"TEXT_DESCRIPTION\"\n                        className=\"tableData\"\n                        style={{\n                          width: headCell.width,\n                          minWidth: headCell.minWidth,\n                        }}\n                      >\n                        {row[headCell.id]}\n                      </div>\n                    )\n\n                    return (\n                      <td\n                        key={headCell.id}\n                        style={{\n                          width: headCell.width,\n                          minWidth: headCell.minWidth,\n                        }}\n                      >\n                        {cellContent}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n            {data?.length === 0 && readOnly && (\n              <tr className=\"fallbackTableRow\">\n                <td className=\"fallbackContainer\" colSpan={headCells?.length}>\n                  <div className=\"fallbackTextContainer\">\n                    <span className=\"fallbackText\"> No Data Available</span>\n                  </div>\n                </td>\n              </tr>\n            )}\n\n            {isFormOpen && !readOnly ? (\n              <tr className={`row`}>\n                <td key={'Parameter name'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    <Input\n                      placeholder=\"Parameter name\"\n                      size=\"large\"\n                      type=\"text\"\n                      onChange={(value) => {\n                        if (value === '' || regex.ASCII.test(value as string))\n                          setFieldValue('name', value)\n                      }}\n                      value={values.name}\n                      disabled={readOnly}\n                    />\n                  </div>\n                </td>\n\n                <td key={'parameter in'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    <SelectGroupV2\n                      disabled={readOnly}\n                      value={{\n                        label: capitalize(values.in),\n                        value: values.in,\n                      }}\n                      onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\n                      options={[\n                        {\n                          list: isRequest\n                            ? [\n                                { label: 'Query', value: 'query' },\n                                { label: 'Header', value: 'header' },\n                                { label: 'Path', value: 'path' },\n                                { label: 'Body', value: 'body' },\n                              ]\n                            : [{ label: 'Header', value: 'header' }],\n                        },\n                      ]}\n                      errorMsg={!!errors.in && errors.in}\n                      isMultiple={false}\n                      withSearch={false}\n                      clearable={false}\n                    />{' '}\n                  </div>\n                </td>\n\n                <td key={'parameter schema type'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    <SelectGroupV2\n                      disabled={readOnly}\n                      clearable={false}\n                      value={{\n                        label: capitalize(values?.schema?.type),\n                        value: values?.schema?.type,\n                      }}\n                      errorMsg={!!errors.schema && errors.schema}\n                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\n                      options={[\n                        {\n                          list: [\n                            { label: 'String', value: 'string' },\n                            { label: 'Integer', value: 'integer' },\n                            { label: 'Boolean', value: 'boolean' },\n                            { label: 'Object', value: 'object' },\n                            { label: 'Array', value: 'array' },\n                            { label: 'Number', value: 'number' },\n                          ],\n                        },\n                      ]}\n                      isMultiple={false}\n                      withSearch={false}\n                    />{' '}\n                  </div>\n                </td>\n\n                <td key={'parameter array schema type'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    {values.schema && values.schema?.type?.toLowerCase() == 'array' ? (\n                      <SelectGroupV2\n                        disabled={readOnly}\n                        clearable={false}\n                        value={{\n                          label: capitalize(values?.schema?.items?.type),\n                          value: values.schema?.items?.type,\n                        }}\n                        errorMsg={!!errors?.schema?.items?.type && errors?.schema?.items?.type}\n                        onChange={(item) =>\n                          setFieldValue('schema.items.type', item?.value?.toLowerCase())\n                        } // Updates state on selection\n                        options={[\n                          {\n                            list: [\n                              { label: 'String', value: 'string' },\n                              { label: 'Integer', value: 'integer' },\n                              { label: 'Boolean', value: 'boolean' },\n                              { label: 'Object', value: 'object' },\n                              { label: 'Array', value: 'array' },\n                              { label: 'Number', value: 'number' },\n                            ],\n                          },\n                        ]}\n                        isMultiple={false}\n                        withSearch={false}\n                      />\n                    ) : (\n                      '-'\n                    )}{' '}\n                  </div>\n                </td>\n\n                <td key={'parameter enum'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    {values?.schema &&\n                    values?.schema?.type?.toLowerCase() != 'array' &&\n                    values?.schema?.type?.toLowerCase() != 'object' ? (\n                      <Tooltip\n                        disabled={\n                          values?.schema?.type?.toLowerCase() == 'array' ||\n                          values?.schema?.type?.toLowerCase() == 'object'\n                        }\n                        arrowWithBorder\n                        placement=\"bottom-end\"\n                        type=\"function\"\n                        trigger=\"click\"\n                        delay={[0, 0]}\n                        onCreate={(instance) => setTooltipEnumRef(instance)}\n                        content={\n                          <div className={styles.editDescTooltipContent}>\n                            <p className={styles.editDescTooltipContent_header}>Enum</p>\n                            {!!values?.schema?.enum &&\n                              !!values?.schema?.enum.length &&\n                              values?.schema?.enum?.map((item, index) => (\n                                <Input\n                                  key={index}\n                                  className={'methodDescForEnum'}\n                                  required\n                                  clearable={false}\n                                  placeholder=\"Enter Enum value...\"\n                                  value={item}\n                                  onChange={(value) => {\n                                    setFieldValue(`schema.enum[${index}]`, value)\n                                  }}\n                                />\n                              ))}\n                            {enumFields &&\n                              enumFields?.map((item, index) => (\n                                <Input\n                                  key={index}\n                                  className={'methodDescForEnum'}\n                                  required\n                                  clearable={false}\n                                  placeholder={`Enter Enum value...`}\n                                  value={item}\n                                  onChange={(value) => {\n                                    let _values = [...enumFields]\n                                    _values[index] = value\n                                    setEnumFields(_values)\n                                  }}\n                                />\n                              ))}\n                            <p\n                              className={'addEnumButton'}\n                              onClick={() => {\n                                setEnumFields((prev) => [...prev, ''])\n                              }}\n                            >\n                              <SVGLoader src={PlusSquare} />\n                              Add New Enum\n                            </p>\n                            {!readOnly && (\n                              <Button\n                                className={styles.editDescTooltipContent_btn}\n                                variant=\"outlined\"\n                                size=\"small\"\n                                type=\"button\"\n                                onClick={() => {\n                                  setFieldValue('schema.enum', [\n                                    ...values?.schema?.enum,\n                                    ...enumFields,\n                                  ])\n                                  setEnumFields([])\n                                  tooltipEnumRef?.hide()\n                                }}\n                                disabled={\n                                  (enumFields.length > 0 &&\n                                    enumFields?.filter((item) => !item).length) ||\n                                  (values?.schema?.enum.length > 0 &&\n                                    values?.schema?.enum?.filter((item) => !item).length)\n                                }\n                              >\n                                Apply\n                              </Button>\n                            )}\n                          </div>\n                        }\n                      >\n                        <Button\n                          className={styles.editDescBtn}\n                          id=\"EnumButton\"\n                          variant=\"link\"\n                          color=\"action\"\n                          endIcon={\n                            <SVGLoader\n                              id=\"enumIcon\"\n                              src={PlusIcon}\n                              width=\"1.5rem\"\n                              height=\"1.5rem\"\n                            />\n                          }\n                        >\n                          Add\n                        </Button>\n                      </Tooltip>\n                    ) : (\n                      '-'\n                    )}{' '}\n                  </div>\n                </td>\n\n                <td key={'parameter required'}>\n                  <div data-id=\"is required\" className=\"tableData\">\n                    {readOnly ? (\n                      <>{values.required ? 'True' : 'False'}</>\n                    ) : (\n                      <Switch\n                        checked={values.required}\n                        onClick={() => {\n                          if (readOnly) {\n                            return\n                          }\n                          setFieldValue('required', !values.required)\n                        }}\n                      />\n                    )}\n                  </div>\n                </td>\n\n                <td key={'parameter schema desc'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    <div className={styles.paramDescContainer}>\n                      <Tooltip\n                        arrowWithBorder\n                        placement=\"bottom-end\"\n                        type=\"function\"\n                        trigger=\"click\"\n                        delay={[0, 0]}\n                        onCreate={(instance) => setTooltipRef(instance)}\n                        content={\n                          <div className={styles.editDescTooltipContent}>\n                            <p className={styles.editDescTooltipContent_header}>Description</p>\n                            <TextArea\n                              value={text || values.description}\n                              onChange={(value) => {\n                                if (value === '' || regex.ASCII.test(value)) setText(value)\n                              }}\n                              disabled={readOnly}\n                              placeholder=\"Describe parameter...\"\n                              maxLength={120}\n                            />\n                            {!readOnly && (\n                              <Button\n                                className={styles.editDescTooltipContent_btn}\n                                variant=\"outlined\"\n                                size=\"small\"\n                                onClick={() => {\n                                  setFieldValue('description', text?.trim())\n                                  tooltipRef?.hide()\n                                }}\n                                disabled={text?.trim() === ''}\n                              >\n                                Apply\n                              </Button>\n                            )}\n                          </div>\n                        }\n                      >\n                        <Button\n                          className={styles.editDescBtn}\n                          variant=\"link\"\n                          color=\"action\"\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n                        >\n                          {readOnly ? 'View ' : 'Add '} Description\n                        </Button>\n                      </Tooltip>\n\n                      <div className={styles.paramDescContainer_separator}></div>\n                      {!readOnly && (\n                        <Button\n                          className={styles.deleteParamBtn}\n                          variant=\"link\"\n                          color=\"error\"\n                          endIcon={\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\n                          }\n                          onClick={() => {\n                            resetForm()\n                            setText('')\n                            setIsFormOpen(undefined)\n                          }} // Correctly delete the new row\n                        />\n                      )}\n\n                      {!readOnly && (\n                        <Tooltip\n                          disabled={!!values.name.trim()}\n                          content={`Parameter name can't be empty `}\n                        >\n                          <Button\n                            className={styles.deleteParamBtn}\n                            variant=\"link\"\n                            color=\"success\"\n                            disabled={!values.name.trim()}\n                            endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\n                            onClick={() => {\n                              setText('')\n                              submitForm()\n                            }} // Save the new row when clicked\n                          />\n                        </Tooltip>\n                      )}\n                    </div>{' '}\n                  </div>\n                </td>\n              </tr>\n            ) : (\n              <>\n                {!readOnly && (\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\n                    <td colSpan={5}>\n                      <Button\n                        variant=\"link\"\n                        color=\"primary\"\n                        onClick={() => {\n                          setIsFormOpen((prev) => (!prev ? (isRequest ? 'Req' : 'Res') : undefined))\n                        }}\n                      >\n                        + Add Parameter\n                      </Button>\n                    </td>\n                  </tr>\n                )}\n              </>\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  )\n}\n\nexport default ParamterTable\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","isRequest","text","setText","useState","tooltipRef","setTooltipRef","tooltipEnumRef","setTooltipEnumRef","enumFields","setEnumFields","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","in","schema","type","enum","items","required","description","validationSchema","yup.object","shape","yup.string","default","trim","yup.array","optional","yup.boolean","when","is","then","oneOf","otherwise","onSubmit","_b","_a","_d","_c","undefined","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","length","colSpan","Input","placeholder","size","onChange","value","regex","ASCII","test","disabled","SelectGroupV2","capitalize","item","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_f","_e","_g","_h","_k","_j","_m","_l","_p","_o","_q","Tooltip","_t","_s","_u","_v","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","styles","editDescTooltipContent","editDescTooltipContent_header","_w","_x","_z","_y","index","_values","onClick","prev","SVGLoader","src","PlusSquare","Button","editDescTooltipContent_btn","variant","hide","filter","_0","_2","_1","editDescBtn","color","endIcon","PlusIcon","height","_Fragment","Switch","checked","paramDescContainer","TextArea","maxLength","EditIcon","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow"],"mappings":"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"}

package/dist/src/components/table/tags-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-table.js","sources":["../../../../src/components/table/tags-table.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport './style.scss'\r\nimport _styles from '../InfoForm/InfoForm.module.scss'\r\nimport { Button, Input, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\r\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\r\nimport { useFormik } from 'formik'\r\nimport * as yup from 'yup'\r\nimport regex from '../../constants/regex'\r\n\r\nconst TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow, readOnly }) => {\r\n  const [text, setText] = useState('')\r\n  const [externalDesc, setExternalDesc] = useState('')\r\n  const [externalUrl, setExternalUrl] = useState('')\r\n  const [tooltipRef, setTooltipRef] = useState(null)\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState(null)\r\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\r\n    validateOnMount: true,\r\n    initialValues: {\r\n      name: '',\r\n      description: '',\r\n      externalDocs: {\r\n        url: '',\r\n        description: '',\r\n      },\r\n    },\r\n    validationSchema: yup.object().shape({\r\n      name: yup.string().trim().required('Tag name is required'),\r\n      description: yup.string().optional(),\r\n      externalDocs: yup\r\n        .object()\r\n        .shape({\r\n          url: yup\r\n            .string()\r\n            .trim()\r\n            .matches(regex.urlRegex, 'Invalid URL')\r\n            .when('description', (description, schema) => {\r\n              return description?.at(0)\r\n                ? schema.required('URL is required when description is provided')\r\n                : schema.optional()\r\n            }),\r\n          description: yup.string().trim().optional(),\r\n        })\r\n        .optional(),\r\n    }),\r\n    onSubmit: (values) => {\r\n      saveNewRow(values)\r\n      setText('')\r\n      resetForm()\r\n      setIsFormOpen(false)\r\n    },\r\n    validateOnChange: true,\r\n  })\r\n\r\n  return (\r\n    <div className=\"tableSectionContainer\">\r\n      <div className=\"tableContainer\">\r\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\r\n          <thead className=\"tableHead\">\r\n            <tr>\r\n              {headCells?.map((headCell) => (\r\n                <th\r\n                  key={headCell.id}\r\n                  className={`tableHeadCell ${headCell.classes || ''}`}\r\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\r\n                >\r\n                  <div\r\n                    className=\"headContainer\"\r\n                    data-id={`${\r\n                      typeof headCell.label === 'string'\r\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\r\n                        : 'UNKNOWN_LABEL'\r\n                    }_COLUMN`}\r\n                  >\r\n                    {headCell.label}\r\n                  </div>\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\r\n            {data?.map((row, rowIndex) => {\r\n              return (\r\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\r\n                  {headCells?.map((headCell) => {\r\n                    const cellContent = row[headCell.id] !== '_' && (\r\n                      <div\r\n                        data-id=\"TEXT_DESCRIPTION\"\r\n                        className=\"tableData\"\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {row[headCell.id]}\r\n                      </div>\r\n                    )\r\n\r\n                    return (\r\n                      <td\r\n                        key={headCell.id}\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {cellContent}\r\n                      </td>\r\n                    )\r\n                  })}\r\n                </tr>\r\n              )\r\n            })}\r\n            {isFormOpen ? (\r\n              <tr key={''} data-i={''} className={`row`}>\r\n                <td key={'tag name'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <Input\r\n                      placeholder=\"Tag name\"\r\n                      size=\"large\"\r\n                      type=\"text\"\r\n                      maxLength={25}\r\n                      onChange={(value) => {\r\n                        !regex.basic.test(value) && setFieldValue('name', value)\r\n                      }} // Pass the value directly\r\n                      value={values.name} // Bind value to the state\r\n                      disabled={readOnly}\r\n                    />\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'tagDescRequired'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <div className={styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setTooltipRef(instance)}\r\n                        onShow={() => {\r\n                          setText(values.description || '') // Reset to current value when shown\r\n                        }}\r\n                        onHidden={() => {\r\n                          setText(values.description || '') // Reset on close\r\n                        }}\r\n                        content={\r\n                          <div className={_styles.editDescTooltipContent}>\r\n                            <p className={_styles.editDescTooltipContent_header}>Description</p>\r\n                            <TextArea\r\n                              value={text || values.description}\r\n                              disabled={readOnly}\r\n                              maxLength={25}\r\n                              placeholder=\"Describe Tag...\"\r\n                              onChange={(value) => {\r\n                                if (value === '' || regex.ASCII.test(value)) setText(value)\r\n                              }}\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={_styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue('description', text?.trim())\r\n                                  tooltipRef?.hide()\r\n                                }}\r\n                                disabled={!(text || values.description)?.trim()}\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        <Button\r\n                          className={_styles.editDescBtn}\r\n                          style={{ paddingLeft: 0 }}\r\n                          variant=\"link\"\r\n                          color=\"action\"\r\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                        >\r\n                          {readOnly ? 'View ' : 'Add '} Description\r\n                        </Button>\r\n                      </Tooltip>\r\n                    </div>{' '}\r\n                  </div>\r\n                </td>\r\n                <td key={'tagExternal'}>\r\n                  <div className=\"tableData\">\r\n                    <div className={_styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setExternalTooltipRefs(instance)}\r\n                        onShow={() => {\r\n                          setExternalDesc(values.externalDocs.description || '')\r\n                          setExternalUrl(values.externalDocs.url || '')\r\n                        }}\r\n                        onHidden={() => {\r\n                          setExternalDesc(values.externalDocs.description || '')\r\n                          setExternalUrl(values.externalDocs.url || '')\r\n                        }}\r\n                        content={\r\n                          <div className={_styles.editDescTooltipContent}>\r\n                            <p className={_styles.editDescTooltipContent_header}>\r\n                              External Docs Description\r\n                            </p>\r\n                            <TextArea\r\n                              placeholder=\"Describe External Doc...\"\r\n                              value={externalDesc || values.externalDocs.description}\r\n                              disabled={readOnly}\r\n                              maxLength={25}\r\n                              onChange={(value) => {\r\n                                if (value === '' || regex.ASCII.test(value)) setExternalDesc(value)\r\n                              }}\r\n                            />\r\n                            <p className={_styles.editDescTooltipContent_header}>\r\n                              External Docs Link\r\n                            </p>\r\n                            <TextArea\r\n                              placeholder=\"External Docs Link...\"\r\n                              restrictedCharsRegex={regex.urlRegex}\r\n                              value={externalUrl || values.externalDocs.url}\r\n                              disabled={readOnly}\r\n                              maxLength={200}\r\n                              onChange={(value) => {\r\n                                if (value === '' || regex.ASCII.test(value)) setExternalUrl(value)\r\n                              }}\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={_styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue(`externalDocs`, {\r\n                                    description: externalDesc,\r\n                                    url: externalUrl,\r\n                                  })\r\n\r\n                                  externalTooltipRefs?.hide()\r\n                                }}\r\n                                disabled={\r\n                                  !(externalUrl || values.externalDocs.url)?.trim() ||\r\n                                  !regex.urlRegex.test(externalUrl || values.externalDocs.url)\r\n                                }\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        {readOnly ? (\r\n                          <a\r\n                            className={_styles.editDescBtn}\r\n                            variant=\"link\"\r\n                            color=\"action\"\r\n                            href={values.externalDocs?.url}\r\n                            target=\"_blank\"\r\n                          >\r\n                            {values?.externalDocs?.description\r\n                              ? values?.externalDocs?.description?.substring(0, 12)\r\n                              : '-'}\r\n                            {values?.externalDocs?.description &&\r\n                            values?.externalDocs?.description?.length > 12\r\n                              ? '...'\r\n                              : ''}\r\n                          </a>\r\n                        ) : (\r\n                          <Button\r\n                            className={_styles.editDescBtn}\r\n                            variant=\"link\"\r\n                            color=\"action\"\r\n                            endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                          >\r\n                            {readOnly ? 'View ' : 'Add '} External Docs Link\r\n                          </Button>\r\n                        )}\r\n                      </Tooltip>\r\n                      <div className={_styles.paramDescContainer_separator}></div>\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={_styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"error\"\r\n                          endIcon={\r\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\r\n                          }\r\n                          onClick={() => {\r\n                            resetForm()\r\n                            setText('')\r\n                            setIsFormOpen(false)\r\n                          }} // Correctly delete the new row\r\n                        />\r\n                      )}\r\n\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={_styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"success\"\r\n                          disabled={!isValid}\r\n                          endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\r\n                          onClick={() => {\r\n                            setText('')\r\n                            submitForm()\r\n                          }} // Save the new row when clicked\r\n                        />\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ) : (\r\n              <>\r\n                {!readOnly && (\r\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\r\n                    <td colSpan={5}>\r\n                      <Button\r\n                        variant=\"link\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setIsFormOpen((prev) => !prev)\r\n                        }}\r\n                      >\r\n                        + Add Tag\r\n                      </Button>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </>\r\n            )}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default TagsTable\r\n"],"names":["TagsTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","externalDesc","setExternalDesc","externalUrl","setExternalUrl","tooltipRef","setTooltipRef","externalTooltipRefs","setExternalTooltipRefs","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","description","externalDocs","url","validationSchema","yup.object","shape","yup.string","trim","required","optional","yup\n                .object","yup\n                    .string","matches","regex","urlRegex","when","schema","at","onSubmit","validateOnChange","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","Input","placeholder","size","type","maxLength","onChange","value","basic","test","disabled","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","onShow","onHidden","content","_styles","editDescTooltipContent","editDescTooltipContent_header","TextArea","ASCII","Button","editDescTooltipContent_btn","variant","onClick","hide","_a","editDescBtn","paddingLeft","color","endIcon","SVGLoader","src","EditIcon","height","restrictedCharsRegex","_b","href","_c","target","_d","_f","_e","substring","_g","_j","_h","length","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","_Fragment","Fragment","colSpan","prev"],"mappings":"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"}
+{"version":3,"file":"tags-table.js","sources":["../../../../src/components/table/tags-table.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport './style.scss'\nimport _styles from '../InfoForm/InfoForm.module.scss'\nimport { Button, Input, TextArea } from 'digitinary-ui'\nimport Tooltip from '../Tooltip/Tooltip'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\nimport { useFormik } from 'formik'\nimport * as yup from 'yup'\nimport regex from '../../constants/regex'\n\nconst TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow, readOnly }) => {\n  const [text, setText] = useState('')\n  const [externalDesc, setExternalDesc] = useState('')\n  const [externalUrl, setExternalUrl] = useState('')\n  const [tooltipRef, setTooltipRef] = useState(null)\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState(null)\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\n    validateOnMount: true,\n    initialValues: {\n      name: '',\n      description: '',\n      externalDocs: {\n        url: '',\n        description: '',\n      },\n    },\n    validationSchema: yup.object().shape({\n      name: yup.string().trim().required('Tag name is required'),\n      description: yup.string().optional(),\n      externalDocs: yup\n        .object()\n        .shape({\n          url: yup\n            .string()\n            .trim()\n            .matches(regex.urlRegex, 'Invalid URL')\n            .when('description', (description, schema) => {\n              return description?.at(0)\n                ? schema.required('URL is required when description is provided')\n                : schema.optional()\n            }),\n          description: yup.string().trim().optional(),\n        })\n        .optional(),\n    }),\n    onSubmit: (values) => {\n      saveNewRow(values)\n      setText('')\n      resetForm()\n      setIsFormOpen(false)\n    },\n    validateOnChange: true,\n  })\n\n  return (\n    <div className=\"tableSectionContainer\">\n      <div className=\"tableContainer\">\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\n          <thead className=\"tableHead\">\n            <tr>\n              {headCells?.map((headCell) => (\n                <th\n                  key={headCell.id}\n                  className={`tableHeadCell ${headCell.classes || ''}`}\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\n                >\n                  <div\n                    className=\"headContainer\"\n                    data-id={`${\n                      typeof headCell.label === 'string'\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\n                        : 'UNKNOWN_LABEL'\n                    }_COLUMN`}\n                  >\n                    {headCell.label}\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\n            {data?.map((row, rowIndex) => {\n              return (\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\n                  {headCells?.map((headCell) => {\n                    const cellContent = row[headCell.id] !== '_' && (\n                      <div\n                        data-id=\"TEXT_DESCRIPTION\"\n                        className=\"tableData\"\n                        style={{\n                          width: headCell.width,\n                          minWidth: headCell.minWidth,\n                        }}\n                      >\n                        {row[headCell.id]}\n                      </div>\n                    )\n\n                    return (\n                      <td\n                        key={headCell.id}\n                        style={{\n                          width: headCell.width,\n                          minWidth: headCell.minWidth,\n                        }}\n                      >\n                        {cellContent}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n            {isFormOpen ? (\n              <tr key={''} data-i={''} className={`row`}>\n                <td key={'tag name'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    <Input\n                      placeholder=\"Tag name\"\n                      size=\"large\"\n                      type=\"text\"\n                      maxLength={25}\n                      onChange={(value) => {\n                        !regex.basic.test(value) && setFieldValue('name', value)\n                      }} // Pass the value directly\n                      value={values.name} // Bind value to the state\n                      disabled={readOnly}\n                    />\n                  </div>\n                </td>\n\n                <td key={'tagDescRequired'}>\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n                    <div className={styles.paramDescContainer}>\n                      <Tooltip\n                        arrowWithBorder\n                        placement=\"bottom-end\"\n                        type=\"function\"\n                        trigger=\"click\"\n                        delay={[0, 0]}\n                        onCreate={(instance) => setTooltipRef(instance)}\n                        onShow={() => {\n                          setText(values.description || '') // Reset to current value when shown\n                        }}\n                        onHidden={() => {\n                          setText(values.description || '') // Reset on close\n                        }}\n                        content={\n                          <div className={_styles.editDescTooltipContent}>\n                            <p className={_styles.editDescTooltipContent_header}>Description</p>\n                            <TextArea\n                              value={text || values.description}\n                              disabled={readOnly}\n                              maxLength={25}\n                              placeholder=\"Describe Tag...\"\n                              onChange={(value) => {\n                                if (value === '' || regex.ASCII.test(value)) setText(value)\n                              }}\n                            />\n                            {!readOnly && (\n                              <Button\n                                className={_styles.editDescTooltipContent_btn}\n                                variant=\"outlined\"\n                                size=\"small\"\n                                onClick={() => {\n                                  setFieldValue('description', text?.trim())\n                                  tooltipRef?.hide()\n                                }}\n                                disabled={!(text || values.description)?.trim()}\n                              >\n                                Apply\n                              </Button>\n                            )}\n                          </div>\n                        }\n                      >\n                        <Button\n                          className={_styles.editDescBtn}\n                          style={{ paddingLeft: 0 }}\n                          variant=\"link\"\n                          color=\"action\"\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n                        >\n                          {readOnly ? 'View ' : 'Add '} Description\n                        </Button>\n                      </Tooltip>\n                    </div>{' '}\n                  </div>\n                </td>\n                <td key={'tagExternal'}>\n                  <div className=\"tableData\">\n                    <div className={_styles.paramDescContainer}>\n                      <Tooltip\n                        arrowWithBorder\n                        placement=\"bottom-end\"\n                        type=\"function\"\n                        trigger=\"click\"\n                        delay={[0, 0]}\n                        onCreate={(instance) => setExternalTooltipRefs(instance)}\n                        onShow={() => {\n                          setExternalDesc(values.externalDocs.description || '')\n                          setExternalUrl(values.externalDocs.url || '')\n                        }}\n                        onHidden={() => {\n                          setExternalDesc(values.externalDocs.description || '')\n                          setExternalUrl(values.externalDocs.url || '')\n                        }}\n                        content={\n                          <div className={_styles.editDescTooltipContent}>\n                            <p className={_styles.editDescTooltipContent_header}>\n                              External Docs Description\n                            </p>\n                            <TextArea\n                              placeholder=\"Describe External Doc...\"\n                              value={externalDesc || values.externalDocs.description}\n                              disabled={readOnly}\n                              maxLength={25}\n                              onChange={(value) => {\n                                if (value === '' || regex.ASCII.test(value)) setExternalDesc(value)\n                              }}\n                            />\n                            <p className={_styles.editDescTooltipContent_header}>\n                              External Docs Link\n                            </p>\n                            <TextArea\n                              placeholder=\"External Docs Link...\"\n                              restrictedCharsRegex={regex.urlRegex}\n                              value={externalUrl || values.externalDocs.url}\n                              disabled={readOnly}\n                              maxLength={200}\n                              onChange={(value) => {\n                                if (value === '' || regex.ASCII.test(value)) setExternalUrl(value)\n                              }}\n                            />\n                            {!readOnly && (\n                              <Button\n                                className={_styles.editDescTooltipContent_btn}\n                                variant=\"outlined\"\n                                size=\"small\"\n                                onClick={() => {\n                                  setFieldValue(`externalDocs`, {\n                                    description: externalDesc,\n                                    url: externalUrl,\n                                  })\n\n                                  externalTooltipRefs?.hide()\n                                }}\n                                disabled={\n                                  !(externalUrl || values.externalDocs.url)?.trim() ||\n                                  !regex.urlRegex.test(externalUrl || values.externalDocs.url)\n                                }\n                              >\n                                Apply\n                              </Button>\n                            )}\n                          </div>\n                        }\n                      >\n                        {readOnly ? (\n                          <a\n                            className={_styles.editDescBtn}\n                            variant=\"link\"\n                            color=\"action\"\n                            href={values.externalDocs?.url}\n                            target=\"_blank\"\n                          >\n                            {values?.externalDocs?.description\n                              ? values?.externalDocs?.description?.substring(0, 12)\n                              : '-'}\n                            {values?.externalDocs?.description &&\n                            values?.externalDocs?.description?.length > 12\n                              ? '...'\n                              : ''}\n                          </a>\n                        ) : (\n                          <Button\n                            className={_styles.editDescBtn}\n                            variant=\"link\"\n                            color=\"action\"\n                            endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n                          >\n                            {readOnly ? 'View ' : 'Add '} External Docs Link\n                          </Button>\n                        )}\n                      </Tooltip>\n                      <div className={_styles.paramDescContainer_separator}></div>\n                      {!readOnly && (\n                        <Button\n                          className={_styles.deleteParamBtn}\n                          variant=\"link\"\n                          color=\"error\"\n                          endIcon={\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\n                          }\n                          onClick={() => {\n                            resetForm()\n                            setText('')\n                            setIsFormOpen(false)\n                          }} // Correctly delete the new row\n                        />\n                      )}\n\n                      {!readOnly && (\n                        <Button\n                          className={_styles.deleteParamBtn}\n                          variant=\"link\"\n                          color=\"success\"\n                          disabled={!isValid}\n                          endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\n                          onClick={() => {\n                            setText('')\n                            submitForm()\n                          }} // Save the new row when clicked\n                        />\n                      )}\n                    </div>\n                  </div>\n                </td>\n              </tr>\n            ) : (\n              <>\n                {!readOnly && (\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\n                    <td colSpan={5}>\n                      <Button\n                        variant=\"link\"\n                        color=\"primary\"\n                        onClick={() => {\n                          setIsFormOpen((prev) => !prev)\n                        }}\n                      >\n                        + Add Tag\n                      </Button>\n                    </td>\n                  </tr>\n                )}\n              </>\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  )\n}\n\nexport default TagsTable\n"],"names":["TagsTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","externalDesc","setExternalDesc","externalUrl","setExternalUrl","tooltipRef","setTooltipRef","externalTooltipRefs","setExternalTooltipRefs","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","description","externalDocs","url","validationSchema","yup.object","shape","yup.string","trim","required","optional","yup\n                .object","yup\n                    .string","matches","regex","urlRegex","when","schema","at","onSubmit","validateOnChange","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","Input","placeholder","size","type","maxLength","onChange","value","basic","test","disabled","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","onShow","onHidden","content","_styles","editDescTooltipContent","editDescTooltipContent_header","TextArea","ASCII","Button","editDescTooltipContent_btn","variant","onClick","hide","_a","editDescBtn","paddingLeft","color","endIcon","SVGLoader","src","EditIcon","height","restrictedCharsRegex","_b","href","_c","target","_d","_f","_e","substring","_g","_j","_h","length","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","_Fragment","Fragment","colSpan","prev"],"mappings":"6pBAYA,MAAMA,EAAY,EAAGC,KAAIC,YAAWC,OAAMC,aAAYC,gBAAeC,aAAYC,qCAC/E,MAAOC,EAAMC,GAAWC,EAAS,KAC1BC,EAAcC,GAAmBF,EAAS,KAC1CG,EAAaC,GAAkBJ,EAAS,KACxCK,EAAYC,GAAiBN,EAAS,OACtCO,EAAqBC,GAA0BR,EAAS,OACzDS,OAAEA,EAAMC,OAAEA,EAAMC,cAAEA,EAAaC,QAAEA,EAAOC,WAAEA,EAAUC,UAAEA,GAAcC,EAAU,CAClFC,iBAAiB,EACjBC,cAAe,CACbC,KAAM,GACNC,YAAa,GACbC,aAAc,CACZC,IAAK,GACLF,YAAa,KAGjBG,iBAAkBC,IAAaC,MAAM,CACnCN,KAAMO,IAAaC,OAAOC,SAAS,wBACnCR,YAAaM,IAAaG,WAC1BR,aAAcS,IAEXL,MAAM,CACLH,IAAKS,IAEFJ,OACAK,QAAQC,EAAMC,SAAU,eACxBC,KAAK,eAAe,CAACf,EAAagB,KAC1BhB,aAAW,EAAXA,EAAaiB,GAAG,IACnBD,EAAOR,SAAS,gDAChBQ,EAAOP,aAEfT,YAAaM,IAAaC,OAAOE,aAElCA,aAELS,SAAW5B,IACTb,EAAWa,GACXV,EAAQ,IACRe,IACAnB,GAAc,EAAM,EAEtB2C,kBAAkB,IAGpB,OACEC,EAAAA,IAAK,MAAA,CAAAC,UAAU,iCACbD,MAAK,MAAA,CAAAC,UAAU,0BACbC,EAAOC,KAAA,QAAA,CAAAnD,GAAIA,GAAM,GAAIiD,UAAW,qDAC9BD,EAAAA,IAAO,QAAA,CAAAC,UAAU,qBACfD,EAAAA,IACG,KAAA,CAAAI,SAAAnD,eAAAA,EAAWoD,KAAKC,GACfN,EAAAA,UAEEC,UAAW,iBAAiBK,EAASC,SAAW,KAChDC,MAAO,CAAEC,MAAOH,EAASG,MAAOC,SAAUJ,EAASI,mBAEnDV,EACEW,IAAA,MAAA,CAAAV,UAAU,0BACD,GACmB,iBAAnBK,EAASM,MACZN,EAASM,MAAMC,cAAcC,QAAQ,iBAAkB,KACvD,yBAGLV,SAAAE,EAASM,SAZPN,EAAStD,UAkBtBkD,EAAAA,KAAA,QAAA,CAAOD,UAAU,YAAoB,UAAA,aAClCG,SAAA,CAAAlD,aAAI,EAAJA,EAAMmD,KAAI,CAACU,EAAKC,IAEbhB,EAA2BW,IAAA,KAAA,CAAA,SAAAK,EAAUf,UAAW,MAC7CG,SAAAnD,aAAS,EAATA,EAAWoD,KAAKC,IACf,MAAMW,EAAmC,MAArBF,EAAIT,EAAStD,KAC/BgD,EAAAA,IAAA,MAAA,CAAA,UACU,mBACRC,UAAU,YACVO,MAAO,CACLC,MAAOH,EAASG,MAChBC,SAAUJ,EAASI,UAGpBN,SAAAW,EAAIT,EAAStD,MAIlB,OACEgD,EAEEW,IAAA,KAAA,CAAAH,MAAO,CACLC,MAAOH,EAASG,MAChBC,SAAUJ,EAASI,UACpBN,SAEAa,GANIX,EAAStD,GAQjB,KAzBIgE,KA8BZ7D,EACC+C,sBAAqB,GAAID,UAAW,gBAClCD,MACE,KAAA,CAAAI,SAAAJ,EAAAW,IAAA,MAAA,CAAA,UAAa,mBAAmBV,UAAU,YACxCG,SAAAJ,EAAAA,IAACkB,EAAAA,MACC,CAAAC,YAAY,WACZC,KAAK,QACLC,KAAK,OACLC,UAAW,GACXC,SAAWC,KACR/B,EAAMgC,MAAMC,KAAKF,IAAUpD,EAAc,OAAQoD,EAAM,EAE1DA,MAAOtD,EAAOS,KACdgD,SAAUrE,OAXP,YAgBT0C,EACEW,IAAA,KAAA,CAAAP,SAAAF,OAAA,MAAA,CAAA,UAAa,mBAAmBD,UAAU,YACxCG,SAAA,CAAAJ,EAAAW,IAAA,MAAA,CAAKV,UAAW2B,EAAOC,mBACrBzB,SAAAJ,EAAAW,IAACmB,EACC,CAAAC,iBACA,EAAAC,UAAU,aACVX,KAAK,WACLY,QAAQ,QACRC,MAAO,CAAC,EAAG,GACXC,SAAWC,GAAarE,EAAcqE,GACtCC,OAAQ,KACN7E,EAAQU,EAAOU,aAAe,GAAG,EAEnC0D,SAAU,KACR9E,EAAQU,EAAOU,aAAe,GAAG,EAEnC2D,QACErC,EAAAA,KAAA,MAAA,CAAKD,UAAWuC,EAAQC,uBAAsBrC,SAAA,CAC5CJ,EAAAA,SAAGC,UAAWuC,EAAQE,uDACtB1C,EAAAA,IAAC2C,EAAAA,SAAQ,CACPnB,MAAOjE,GAAQW,EAAOU,YACtB+C,SAAUrE,EACVgE,UAAW,GACXH,YAAY,kBACZI,SAAWC,KACK,KAAVA,GAAgB/B,EAAMmD,MAAMlB,KAAKF,KAAQhE,EAAQgE,EAAM,KAG7DlE,GACA0C,EAAAA,IAAC6C,EAAAA,OAAM,CACL5C,UAAWuC,EAAQM,2BACnBC,QAAQ,WACR3B,KAAK,QACL4B,QAAS,KACP5E,EAAc,cAAeb,aAAA,EAAAA,EAAM4B,QACnCrB,SAAAA,EAAYmF,MAAM,EAEpBtB,WAAyC,QAA9BuB,EAAC3F,GAAQW,EAAOU,mBAAc,IAAAsE,OAAA,EAAAA,EAAA/D,QAGlCiB,SAAA,aAEPA,SAGRF,EAAAA,KAAC2C,EAAMA,OAAA,CACL5C,UAAWuC,EAAQW,YACnB3C,MAAO,CAAE4C,YAAa,GACtBL,QAAQ,OACRM,MAAM,SACNC,QAAStD,EAACW,IAAA4C,EAAU,CAAAC,IAAKC,EAAUhD,MAAM,SAASiD,OAAO,WAExDtD,SAAA,CAAA9C,EAAW,QAAU,OAAM,sBAG3B,QAvDF,mBA0DT0C,EACEW,IAAA,KAAA,CAAAP,SAAAJ,EAAAA,IAAA,MAAA,CAAKC,UAAU,YAAWG,SACxBF,EAAKC,KAAA,MAAA,CAAAF,UAAWuC,EAAQX,mBAAkBzB,SAAA,CACxCJ,MAAC8B,EACC,CAAAC,mBACAC,UAAU,aACVX,KAAK,WACLY,QAAQ,QACRC,MAAO,CAAC,EAAG,GACXC,SAAWC,GAAanE,EAAuBmE,GAC/CC,OAAQ,KACN1E,EAAgBO,EAAOW,aAAaD,aAAe,IACnDf,EAAeK,EAAOW,aAAaC,KAAO,GAAG,EAE/CwD,SAAU,KACR3E,EAAgBO,EAAOW,aAAaD,aAAe,IACnDf,EAAeK,EAAOW,aAAaC,KAAO,GAAG,EAE/CyD,QACErC,EAAAA,KAAA,MAAA,CAAKD,UAAWuC,EAAQC,uBACtBrC,SAAA,CAAAJ,EAAAW,IAAA,IAAA,CAAGV,UAAWuC,EAAQE,8BAA6BtC,SAAA,8BAGnDJ,EAACW,IAAAgC,EAAQA,SACP,CAAAxB,YAAY,2BACZK,MAAO9D,GAAgBQ,EAAOW,aAAaD,YAC3C+C,SAAUrE,EACVgE,UAAW,GACXC,SAAWC,KACK,KAAVA,GAAgB/B,EAAMmD,MAAMlB,KAAKF,KAAQ7D,EAAgB6D,EAAM,IAGvExB,EAAGW,IAAA,IAAA,CAAAV,UAAWuC,EAAQE,8BAElBtC,SAAA,uBACJJ,MAAC2C,EAAQA,SAAA,CACPxB,YAAY,wBACZwC,qBAAsBlE,EAAMC,SAC5B8B,MAAO5D,GAAeM,EAAOW,aAAaC,IAC1C6C,SAAUrE,EACVgE,UAAW,IACXC,SAAWC,KACK,KAAVA,GAAgB/B,EAAMmD,MAAMlB,KAAKF,KAAQ3D,EAAe2D,EAAM,KAGpElE,GACA0C,EAAAA,IAAC6C,EAAAA,OAAM,CACL5C,UAAWuC,EAAQM,2BACnBC,QAAQ,WACR3B,KAAK,QACL4B,QAAS,KACP5E,EAAc,eAAgB,CAC5BQ,YAAalB,EACboB,IAAKlB,IAGPI,SAAAA,EAAqBiF,MAAM,EAE7BtB,WAC6C,QAA1CiC,EAAChG,GAAeM,EAAOW,aAAaC,WAAM,IAAA8E,OAAA,EAAAA,EAAAzE,UAC1CM,EAAMC,SAASgC,KAAK9D,GAAeM,EAAOW,aAAaC,KAInDsB,SAAA,aAEPA,SAGP9C,EACC4C,EAAAA,KAAA,IAAA,CACED,UAAWuC,EAAQW,YACnBJ,QAAQ,OACRM,MAAM,SACNQ,KAA2B,QAArBC,EAAA5F,EAAOW,oBAAc,IAAAiF,OAAA,EAAAA,EAAAhF,IAC3BiF,OAAO,SAEN3D,SAAA,UAAA4D,EAAA9F,aAAA,EAAAA,EAAQW,mCAAcD,aACgB,QAAnCqF,EAAoB,QAApBC,EAAAhG,eAAAA,EAAQW,oBAAY,IAAAqF,OAAA,EAAAA,EAAEtF,mBAAa,IAAAqF,OAAA,EAAAA,EAAAE,UAAU,EAAG,IAChD,aACHC,EAAAlG,aAAA,EAAAA,EAAQW,mCAAcD,eACY,QAAnCyF,EAAsB,QAAtBC,EAAApG,aAAA,EAAAA,EAAQW,oBAAc,IAAAyF,OAAA,EAAAA,EAAA1F,mBAAa,IAAAyF,OAAA,EAAAA,EAAAE,QAAS,GACxC,MACA,MAGNrE,EAAAC,KAAC0C,EAAMA,OAAA,CACL5C,UAAWuC,EAAQW,YACnBJ,QAAQ,OACRM,MAAM,SACNC,QAAStD,EAAAA,IAACuD,EAAS,CAACC,IAAKC,EAAUhD,MAAM,SAASiD,OAAO,WAExDtD,SAAA,CAAA9C,EAAW,QAAU,OAAM,2BAIlC0C,EAAAA,WAAKC,UAAWuC,EAAQgC,gCACtBlH,GACA0C,EAAAA,IAAC6C,EAAAA,OAAM,CACL5C,UAAWuC,EAAQiC,eACnB1B,QAAQ,OACRM,MAAM,QACNC,QACEtD,EAAAA,IAACuD,EAAS,CAACC,IAAKkB,EAAYjE,MAAM,WAAWiD,OAAO,aAEtDV,QAAS,KACPzE,IACAf,EAAQ,IACRJ,GAAc,EAAM,KAKxBE,GACA0C,EAAAA,IAAC6C,EAAAA,OACC,CAAA5C,UAAWuC,EAAQiC,eACnB1B,QAAQ,OACRM,MAAM,UACN1B,UAAWtD,EACXiF,QAAStD,EAAAA,IAACuD,EAAS,CAACC,IAAKmB,EAAQlE,MAAM,WAAWiD,OAAO,aACzDV,QAAS,KACPxF,EAAQ,IACRc,GAAY,UA1Hf,iBA3EF,IA8MT0B,EAAAW,IAAAiE,EAAAC,SAAA,CAAAzE,UACI9C,GACA0C,EAAAW,IAAA,KAAA,CAAA,SAA2B,SAAUV,UAAW,eAC9CD,EAAAA,IAAI,KAAA,CAAA8E,QAAS,EAAC1E,SACZJ,MAAC6C,EAAMA,OAAA,CACLE,QAAQ,OACRM,MAAM,UACNL,QAAS,KACP5F,GAAe2H,IAAUA,GAAK,EAIzB3E,SAAA,iBAVJ,qBAoBxB"}

package/dist/src/constants/index.js

@@ -1,2 +1,2 @@
-const e={get:{label:"Get",color:"#3A6CD1",order:1},post:{label:"Post",color:"#3AAA35",order:2},put:{label:"Put",color:"#FAAD14",order:3},delete:{label:"Delete",color:"#DA3F3F",order:4},patch:{label:"Patch",color:"#58E2C2",order:5},options:{label:"Options",color:"#495D97",order:6},trace:{label:"Trace",color:"#FFA28F",order:7},head:{label:"Head",color:"#9461C9",order:8}},r=[{id:"tagName",label:"Tag Name",sortable:!1,classes:"requiredParam"},{id:"description",label:"Description",sortable:!1},{id:"externalDocs",label:"External Docs",sortable:!1}],a=[{id:"paramName",label:"Parameter Name",sortable:!1,required:!0,classes:"requiredParam"},{id:"paramType",label:"In",sortable:!1,classes:"requiredParam"},{id:"schemaType",label:"Schema-Type",sortable:!1,classes:"requiredParam"},{id:"required",label:"Required",sortable:!1,classes:"requiredParam"},{id:"description",label:"Description",sortable:!1}],l=[100,101,102,103,200,201,202,203,204,205,206,207,208,226,300,301,302,303,304,305,306,307,308,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,421,422,423,424,425,426,428,429,431,451,500,501,502,503,504,505,506,507,508,510,511];export{l as httpStatusCodes,e as methodColorMapping,a as paramsTableHeaders,r as tagsTableHeaders};
+const e={get:{label:"Get",color:"#3A6CD1",order:1},post:{label:"Post",color:"#3AAA35",order:2},put:{label:"Put",color:"#FAAD14",order:3},delete:{label:"Delete",color:"#DA3F3F",order:4},patch:{label:"Patch",color:"#58E2C2",order:5},options:{label:"Options",color:"#495D97",order:6},trace:{label:"Trace",color:"#FFA28F",order:7},head:{label:"Head",color:"#9461C9",order:8}},r=[{id:"tagName",label:"Tag Name",sortable:!1,classes:"requiredParam"},{id:"description",label:"Description",sortable:!1},{id:"externalDocs",label:"External Docs",sortable:!1}],a=[{id:"paramName",label:"Parameter Name",sortable:!1,required:!0,classes:"requiredParam"},{id:"paramType",label:"In",sortable:!1,classes:"requiredParam"},{id:"schemaType",label:"Schema-Type",sortable:!1,classes:"requiredParam"},{id:"arraySchemaType",label:"Array Schema Type",sortable:!1},{id:"enum",label:"Enum",sortable:!1},{id:"required",label:"Required",sortable:!1,classes:"requiredParam"},{id:"description",label:"Description",sortable:!1}],l=[100,101,102,103,200,201,202,203,204,205,206,207,208,226,300,301,302,303,304,305,306,307,308,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,421,422,423,424,425,426,428,429,431,451,500,501,502,503,504,505,506,507,508,510,511];export{l as httpStatusCodes,e as methodColorMapping,a as paramsTableHeaders,r as tagsTableHeaders};
 //# sourceMappingURL=index.js.map

package/dist/src/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/constants/index.ts"],"sourcesContent":["export const methodColorMapping = {\r\n  get: {\r\n    label: 'Get',\r\n    color: '#3A6CD1',\r\n    order: 1,\r\n  },\r\n  post: {\r\n    label: 'Post',\r\n    color: '#3AAA35',\r\n    order: 2,\r\n  },\r\n  put: {\r\n    label: 'Put',\r\n    color: '#FAAD14',\r\n    order: 3,\r\n  },\r\n  delete: {\r\n    label: 'Delete',\r\n    color: '#DA3F3F',\r\n    order: 4,\r\n  },\r\n  patch: {\r\n    label: 'Patch',\r\n    color: '#58E2C2',\r\n    order: 5,\r\n  },\r\n  options: {\r\n    label: 'Options',\r\n    color: '#495D97',\r\n    order: 6,\r\n  },\r\n  trace: {\r\n    label: 'Trace',\r\n    color: '#FFA28F',\r\n    order: 7,\r\n  },\r\n  head: {\r\n    label: 'Head',\r\n    color: '#9461C9',\r\n    order: 8,\r\n  },\r\n}\r\n\r\nexport const tagsTableHeaders = [\r\n  {\r\n    id: 'tagName',\r\n    label: 'Tag Name',\r\n    sortable: false,\r\n    classes: 'requiredParam',\r\n  },\r\n  {\r\n    id: 'description',\r\n    label: 'Description',\r\n    sortable: false,\r\n  },\r\n  {\r\n    id: 'externalDocs',\r\n    label: 'External Docs',\r\n    sortable: false,\r\n  },\r\n]\r\n\r\nexport const paramsTableHeaders = [\r\n  {\r\n    id: 'paramName',\r\n    label: 'Parameter Name',\r\n    sortable: false,\r\n    required: true,\r\n    classes: 'requiredParam',\r\n  },\r\n  { id: 'paramType', label: 'In', sortable: false, classes: 'requiredParam' },\r\n  { id: 'schemaType', label: 'Schema-Type', sortable: false, classes: 'requiredParam' },\r\n  { id: 'required', label: 'Required', sortable: false, classes: 'requiredParam' },\r\n  { id: 'description', label: 'Description', sortable: false },\r\n]\r\n\r\nexport const httpStatusCodes = [\r\n  // 1xx: Informational responses\r\n  100, 101, 102, 103,\r\n\r\n  // 2xx: Success\r\n  200, 201, 202, 203, 204, 205, 206, 207, 208, 226,\r\n\r\n  // 3xx: Redirection\r\n  300, 301, 302, 303, 304, 305, 306, 307, 308,\r\n\r\n  // 4xx: Client errors\r\n  400, 401, 402, 403, 404, 405, 406, 407, 408, 409, 410, 411, 412, 413, 414, 415, 416, 417, 418,\r\n  421, 422, 423, 424, 425, 426, 428, 429, 431, 451,\r\n\r\n  // 5xx: Server errors\r\n  500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511,\r\n]\r\n"],"names":["methodColorMapping","get","label","color","order","post","put","delete","patch","options","trace","head","tagsTableHeaders","id","sortable","classes","paramsTableHeaders","required","httpStatusCodes"],"mappings":"AAAa,MAAAA,EAAqB,CAChCC,IAAK,CACHC,MAAO,MACPC,MAAO,UACPC,MAAO,GAETC,KAAM,CACJH,MAAO,OACPC,MAAO,UACPC,MAAO,GAETE,IAAK,CACHJ,MAAO,MACPC,MAAO,UACPC,MAAO,GAETG,OAAQ,CACNL,MAAO,SACPC,MAAO,UACPC,MAAO,GAETI,MAAO,CACLN,MAAO,QACPC,MAAO,UACPC,MAAO,GAETK,QAAS,CACPP,MAAO,UACPC,MAAO,UACPC,MAAO,GAETM,MAAO,CACLR,MAAO,QACPC,MAAO,UACPC,MAAO,GAETO,KAAM,CACJT,MAAO,OACPC,MAAO,UACPC,MAAO,IAIEQ,EAAmB,CAC9B,CACEC,GAAI,UACJX,MAAO,WACPY,UAAU,EACVC,QAAS,iBAEX,CACEF,GAAI,cACJX,MAAO,cACPY,UAAU,GAEZ,CACED,GAAI,eACJX,MAAO,gBACPY,UAAU,IAIDE,EAAqB,CAChC,CACEH,GAAI,YACJX,MAAO,iBACPY,UAAU,EACVG,UAAU,EACVF,QAAS,iBAEX,CAAEF,GAAI,YAAaX,MAAO,KAAMY,UAAU,EAAOC,QAAS,iBAC1D,CAAEF,GAAI,aAAcX,MAAO,cAAeY,UAAU,EAAOC,QAAS,iBACpE,CAAEF,GAAI,WAAYX,MAAO,WAAYY,UAAU,EAAOC,QAAS,iBAC/D,CAAEF,GAAI,cAAeX,MAAO,cAAeY,UAAU,IAG1CI,EAAkB,CAE7B,IAAK,IAAK,IAAK,IAGf,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAGxC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAC1F,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/constants/index.ts"],"sourcesContent":["export const methodColorMapping = {\n  get: {\n    label: 'Get',\n    color: '#3A6CD1',\n    order: 1,\n  },\n  post: {\n    label: 'Post',\n    color: '#3AAA35',\n    order: 2,\n  },\n  put: {\n    label: 'Put',\n    color: '#FAAD14',\n    order: 3,\n  },\n  delete: {\n    label: 'Delete',\n    color: '#DA3F3F',\n    order: 4,\n  },\n  patch: {\n    label: 'Patch',\n    color: '#58E2C2',\n    order: 5,\n  },\n  options: {\n    label: 'Options',\n    color: '#495D97',\n    order: 6,\n  },\n  trace: {\n    label: 'Trace',\n    color: '#FFA28F',\n    order: 7,\n  },\n  head: {\n    label: 'Head',\n    color: '#9461C9',\n    order: 8,\n  },\n}\n\nexport const tagsTableHeaders = [\n  {\n    id: 'tagName',\n    label: 'Tag Name',\n    sortable: false,\n    classes: 'requiredParam',\n  },\n  {\n    id: 'description',\n    label: 'Description',\n    sortable: false,\n  },\n  {\n    id: 'externalDocs',\n    label: 'External Docs',\n    sortable: false,\n  },\n]\n\nexport const paramsTableHeaders = [\n  {\n    id: 'paramName',\n    label: 'Parameter Name',\n    sortable: false,\n    required: true,\n    classes: 'requiredParam',\n  },\n  { id: 'paramType', label: 'In', sortable: false, classes: 'requiredParam' },\n  { id: 'schemaType', label: 'Schema-Type', sortable: false, classes: 'requiredParam' },\n  { id: 'arraySchemaType', label: 'Array Schema Type', sortable: false },\n  { id: 'enum', label: 'Enum', sortable: false },\n  { id: 'required', label: 'Required', sortable: false, classes: 'requiredParam' },\n  { id: 'description', label: 'Description', sortable: false },\n]\n\nexport const httpStatusCodes = [\n  // 1xx: Informational responses\n  100, 101, 102, 103,\n\n  // 2xx: Success\n  200, 201, 202, 203, 204, 205, 206, 207, 208, 226,\n\n  // 3xx: Redirection\n  300, 301, 302, 303, 304, 305, 306, 307, 308,\n\n  // 4xx: Client errors\n  400, 401, 402, 403, 404, 405, 406, 407, 408, 409, 410, 411, 412, 413, 414, 415, 416, 417, 418,\n  421, 422, 423, 424, 425, 426, 428, 429, 431, 451,\n\n  // 5xx: Server errors\n  500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511,\n]\n"],"names":["methodColorMapping","get","label","color","order","post","put","delete","patch","options","trace","head","tagsTableHeaders","id","sortable","classes","paramsTableHeaders","required","httpStatusCodes"],"mappings":"AAAa,MAAAA,EAAqB,CAChCC,IAAK,CACHC,MAAO,MACPC,MAAO,UACPC,MAAO,GAETC,KAAM,CACJH,MAAO,OACPC,MAAO,UACPC,MAAO,GAETE,IAAK,CACHJ,MAAO,MACPC,MAAO,UACPC,MAAO,GAETG,OAAQ,CACNL,MAAO,SACPC,MAAO,UACPC,MAAO,GAETI,MAAO,CACLN,MAAO,QACPC,MAAO,UACPC,MAAO,GAETK,QAAS,CACPP,MAAO,UACPC,MAAO,UACPC,MAAO,GAETM,MAAO,CACLR,MAAO,QACPC,MAAO,UACPC,MAAO,GAETO,KAAM,CACJT,MAAO,OACPC,MAAO,UACPC,MAAO,IAIEQ,EAAmB,CAC9B,CACEC,GAAI,UACJX,MAAO,WACPY,UAAU,EACVC,QAAS,iBAEX,CACEF,GAAI,cACJX,MAAO,cACPY,UAAU,GAEZ,CACED,GAAI,eACJX,MAAO,gBACPY,UAAU,IAIDE,EAAqB,CAChC,CACEH,GAAI,YACJX,MAAO,iBACPY,UAAU,EACVG,UAAU,EACVF,QAAS,iBAEX,CAAEF,GAAI,YAAaX,MAAO,KAAMY,UAAU,EAAOC,QAAS,iBAC1D,CAAEF,GAAI,aAAcX,MAAO,cAAeY,UAAU,EAAOC,QAAS,iBACpE,CAAEF,GAAI,kBAAmBX,MAAO,oBAAqBY,UAAU,GAC/D,CAAED,GAAI,OAAQX,MAAO,OAAQY,UAAU,GACvC,CAAED,GAAI,WAAYX,MAAO,WAAYY,UAAU,EAAOC,QAAS,iBAC/D,CAAEF,GAAI,cAAeX,MAAO,cAAeY,UAAU,IAG1CI,EAAkB,CAE7B,IAAK,IAAK,IAAK,IAGf,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAGxC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAC1F,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK"}

package/dist/src/constants/methods.constant.js

@@ -0,0 +1,2 @@
+const l=[{label:"Post",value:"POST",color:"#10b981"},{label:"GET",value:"GET",color:"#3b82f6"},{label:"Delete",value:"DELETE",color:"#ef4444"},{label:"Put",value:"PUT",color:"#f59e0b"},{label:"PATCH",value:"PATCH",color:"#C0F4E8"},{label:"OPTIONS",value:"OPTIONS",color:"#6b7280"},{label:"HEAD",value:"HEAD",color:"#8b5cf6"},{label:"TRACE",value:"TRACE",color:"#ec4899"}];l.map((l=>({labelConfig:{color:l.color,text:l.label},value:l.value,data:l})));export{l as METHOD_OPTIONS};
+//# sourceMappingURL=methods.constant.js.map

package/dist/src/constants/methods.constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"methods.constant.js","sources":["../../../src/constants/methods.constant.ts"],"sourcesContent":["export type MethodOption = {\n  label: string\n  value: string\n  color: string\n}\n\nexport const METHOD_OPTIONS: MethodOption[] = [\n  { label: 'Post', value: 'POST', color: '#10b981' },\n  { label: 'GET', value: 'GET', color: '#3b82f6' },\n  { label: 'Delete', value: 'DELETE', color: '#ef4444' },\n  { label: 'Put', value: 'PUT', color: '#f59e0b' },\n  { label: 'PATCH', value: 'PATCH', color: '#C0F4E8' },\n  { label: 'OPTIONS', value: 'OPTIONS', color: '#6b7280' },\n  { label: 'HEAD', value: 'HEAD', color: '#8b5cf6' },\n  { label: 'TRACE', value: 'TRACE', color: '#ec4899' },\n]\n\nexport const METHOD_OPTIONS_CONFIG = [\n  {\n    list: METHOD_OPTIONS.map((method) => ({\n      labelConfig: { color: method.color, text: method.label },\n      value: method.value,\n      data: method,\n    })),\n  },\n]\n"],"names":["METHOD_OPTIONS","label","value","color","map","method","labelConfig","text","data"],"mappings":"AAMa,MAAAA,EAAiC,CAC5C,CAAEC,MAAO,OAAQC,MAAO,OAAQC,MAAO,WACvC,CAAEF,MAAO,MAAOC,MAAO,MAAOC,MAAO,WACrC,CAAEF,MAAO,SAAUC,MAAO,SAAUC,MAAO,WAC3C,CAAEF,MAAO,MAAOC,MAAO,MAAOC,MAAO,WACrC,CAAEF,MAAO,QAASC,MAAO,QAASC,MAAO,WACzC,CAAEF,MAAO,UAAWC,MAAO,UAAWC,MAAO,WAC7C,CAAEF,MAAO,OAAQC,MAAO,OAAQC,MAAO,WACvC,CAAEF,MAAO,QAASC,MAAO,QAASC,MAAO,YAKjCH,EAAeI,KAAKC,IAAY,CACpCC,YAAa,CAAEH,MAAOE,EAAOF,MAAOI,KAAMF,EAAOJ,OACjDC,MAAOG,EAAOH,MACdM,KAAMH"}

package/dist/src/constants/regex.js.map

@@ -1 +1 @@
-{"version":3,"file":"regex.js","sources":["../../../src/constants/regex.ts"],"sourcesContent":["const regex = {\r\n  basic: /[^a-zA-Z0-9-_ ]/, // not (alphanumeric + underscore + dash + space)\r\n  restrictNone: /^$/, // restrict nothing\r\n  ASCII: /^[\\x00-\\x7F]+$/,\r\n  urlRegex: /^(https?:\\/\\/|www\\.)[a-zA-Z0-9-]+(\\.[a-zA-Z]{2,})+(\\/[^\\s]*)?$/,\r\n}\r\nexport default regex\r\n"],"names":["regex","basic","restrictNone","ASCII","urlRegex"],"mappings":"AAAA,MAAMA,EAAQ,CACZC,MAAO,kBACPC,aAAc,KACdC,MAAO,iBACPC,SAAU"}
+{"version":3,"file":"regex.js","sources":["../../../src/constants/regex.ts"],"sourcesContent":["const regex = {\n  basic: /[^a-zA-Z0-9-_ ]/, // not (alphanumeric + underscore + dash + space)\n  restrictNone: /^$/, // restrict nothing\n  ASCII: /^[\\x00-\\x7F]+$/,\n  urlRegex: /^(https?:\\/\\/|www\\.)[a-zA-Z0-9-]+(\\.[a-zA-Z]{2,})+(\\/[^\\s]*)?$/,\n}\nexport default regex\n"],"names":["regex","basic","restrictNone","ASCII","urlRegex"],"mappings":"AAAA,MAAMA,EAAQ,CACZC,MAAO,kBACPC,aAAc,KACdC,MAAO,iBACPC,SAAU"}

package/dist/src/helpers/docs.helper.js

@@ -0,0 +1,2 @@
+import{nanoid as s}from"../../node_modules/nanoid/index.js";const t=t=>{var e;const n={default:[]},a=new Set(t.tags.map((({name:s})=>s)));for(const[i,o]of Object.entries(t.paths))for(const[t,c]of Object.entries(o)){const o=Object.assign(Object.assign({},c),{method:t,path:i}),g=(null!==(e=c.tags)&&void 0!==e?e:[]).filter((s=>a.has(s)));g.length>0?g.forEach((t=>{n[t]||(n[t]=[]),n[t].push(Object.assign(Object.assign({},o),{id:s(8)}))})):n.default.push(Object.assign(Object.assign({},o),{id:s(8)}))}return Object.assign(Object.assign({},t.info),{id:s(8),tags:n})};export{t as transformOpenApiToDocs};
+//# sourceMappingURL=docs.helper.js.map

package/dist/src/helpers/docs.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs.helper.js","sources":["../../../src/helpers/docs.helper.ts"],"sourcesContent":["import { HTTPMethod, OpenAPIFile } from '@entities/openApi'\nimport { nanoid } from 'nanoid'\nimport { OverviewData, TagData } from 'src/layout/docsLayout'\n\nexport const transformOpenApiToDocs = (openApiJson: OpenAPIFile): OverviewData => {\n  const groupedPathsByTags: Record<string, TagData[]> = { default: [] }\n  const validTags = new Set(openApiJson.tags.map(({ name }) => name))\n\n  for (const [path, methods] of Object.entries(openApiJson.paths)) {\n    for (const [method, methodData] of Object.entries(methods)) {\n      const entry = { ...methodData, method: method as HTTPMethod, path }\n      const resourceTags = methodData.tags ?? []\n\n      const matchedTags = resourceTags.filter((tag) => validTags.has(tag))\n\n      if (matchedTags.length > 0) {\n        matchedTags.forEach((tag) => {\n          if (!groupedPathsByTags[tag]) groupedPathsByTags[tag] = []\n          groupedPathsByTags[tag].push({ ...entry, id: nanoid(8) } as TagData)\n        })\n      } else {\n        groupedPathsByTags.default.push({ ...entry, id: nanoid(8) } as TagData)\n      }\n    }\n  }\n\n  return { ...openApiJson.info, id: nanoid(8), tags: groupedPathsByTags }\n}\n"],"names":["transformOpenApiToDocs","openApiJson","groupedPathsByTags","default","validTags","Set","tags","map","name","path","methods","Object","entries","paths","method","methodData","entry","assign","matchedTags","_a","filter","tag","has","length","forEach","push","id","nanoid","info"],"mappings":"4DAIa,MAAAA,EAA0BC,UACrC,MAAMC,EAAgD,CAAEC,QAAS,IAC3DC,EAAY,IAAIC,IAAIJ,EAAYK,KAAKC,KAAI,EAAGC,UAAWA,KAE7D,IAAK,MAAOC,EAAMC,KAAYC,OAAOC,QAAQX,EAAYY,OACvD,IAAK,MAAOC,EAAQC,KAAeJ,OAAOC,QAAQF,GAAU,CAC1D,MAAMM,EAAaL,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAF,GAAY,CAAAD,OAAQA,EAAsBL,SAGvDS,GAF8B,QAAfC,EAAAJ,EAAWT,YAAI,IAAAa,EAAAA,EAAI,IAEPC,QAAQC,GAAQjB,EAAUkB,IAAID,KAE3DH,EAAYK,OAAS,EACvBL,EAAYM,SAASH,IACdnB,EAAmBmB,KAAMnB,EAAmBmB,GAAO,IACxDnB,EAAmBmB,GAAKI,KAAKd,OAAKM,OAAAN,OAAAM,OAAA,CAAA,EAAAD,GAAO,CAAAU,GAAIC,EAAO,KAAgB,IAGtEzB,EAAmBC,QAAQsB,KAAKd,+BAAKK,GAAK,CAAEU,GAAIC,EAAO,KAE1D,CAGH,OAAAhB,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAYhB,EAAY2B,MAAI,CAAEF,GAAIC,EAAO,GAAIrB,KAAMJ,GAAoB"}

package/dist/src/helpers/layout.helper.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";const t=e=>{var t,s,n,c,i;if(e.components&&e.components.securitySchemes){const o=null===(t=Object.keys(e.components.securitySchemes))||void 0===t?void 0:t.at(0);o&&(e.components.securitySchemes[o].type=null===(i=null===(c=null===(n=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.securitySchemes)||void 0===n?void 0:n[o])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}else e.components={securitySchemes:{Public:{type:"http",scheme:"public"}}};return e.tags||(e.tags=[]),Object.assign(Object.assign({},e),{paths:o(e.paths)})},s=e=>{var t,s,o,n,i;const r=Object.assign(Object.assign({},e),{paths:c(e.paths)});if(r.components&&r.components.securitySchemes){const e=null===(t=Object.keys(r.components.securitySchemes))||void 0===t?void 0:t.at(0);e&&(r.components.securitySchemes[e].type.toLowerCase()=="APIKEY".toLowerCase()&&(r.components.securitySchemes[e].in=r.components.securitySchemes[e].in.toUpperCase()),r.components.securitySchemes[e].type=null===(i=null===(n=null===(o=null===(s=null==r?void 0:r.components)||void 0===s?void 0:s.securitySchemes)||void 0===o?void 0:o[e])||void 0===n?void 0:n.type)||void 0===i?void 0:i.toUpperCase())}return r},o=e=>Object.entries(e).map((([e,t])=>({path:e,methods:Object.entries(t).map((([e,t])=>{var s,o,n,c,i,r;const p=Object.assign(Object.assign({},t),{type:e,tags:t.tags||[],responses:Object.entries(t.responses).map((([e,t])=>{var s,o,n,c,i;const r=Object.keys(t.content||{})[0];return{code:e,content:{contentType:r,schema:Object.assign(Object.assign({},null===(o=null===(s=t.content)||void 0===s?void 0:s[r])||void 0===o?void 0:o.schema),{properties:JSON.stringify(null===(i=null===(c=null===(n=t.content)||void 0===n?void 0:n[r])||void 0===c?void 0:c.schema)||void 0===i?void 0:i.properties)})}}}))});if((null==t?void 0:t.parameters)||(p.parameters=[]),"get"!=e.toLowerCase()){const e=Object.keys((null===(s=null==t?void 0:t.requestBody)||void 0===s?void 0:s.content)||{})[0],d=null===(n=null===(o=null==t?void 0:t.requestBody)||void 0===o?void 0:o.content)||void 0===n?void 0:n.schema,l=(null===(r=null===(i=null===(c=null==t?void 0:t.requestBody)||void 0===c?void 0:c.content)||void 0===i?void 0:i.schema)||void 0===r?void 0:r.properties)?{content:{contentType:e,schema:Object.assign(Object.assign({},d),{properties:(null==d?void 0:d.properties)?JSON.stringify(null==d?void 0:d.properties):"{}"})}}:{content:{contentType:"application/json",schema:{properties:"{}",type:"object"}}};p.requestBody=l}return p}))}))),n=(e,t)=>{var s;return JSON.parse(null===(s=null==e?void 0:e.schema)||void 0===s?void 0:s.properties)},c=t=>t.reduce(((t,{path:s,methods:o})=>(t[s]=o.reduce(((t,s)=>{var{type:o,tags:c,responses:i,requestBody:r}=s,p=e(s,["type","tags","responses","requestBody"]);t[o]=Object.assign(Object.assign({},p),{tags:c,responses:i.reduce(((e,{code:t,content:s})=>(e[t]={description:"Success",content:s.contentType?{[s.contentType]:{schema:Object.assign(Object.assign({},s.schema),{properties:n(s)})}}:{}},e)),{})});const d="get"!==o?JSON.parse(r.content.schema.properties):{};return"get"!==o&&(t[o].requestBody={content:{[r.content.contentType]:{schema:Object.assign(Object.assign({},r.content.schema),{properties:d})}}}),t}),{}),t)),{});export{t as transformOpenApiObject,s as transformOpenApiObjectToOrigin,c as transformPathsArrayToOrigin,o as transformPathsToArray};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";const t=e=>{var t,s,n,c;if(e.components&&e.components.securitySchemes){const o=null===(t=Object.keys(e.components.securitySchemes))||void 0===t?void 0:t.at(0);o&&(e.components.securitySchemes[o].type=null===(c=null===(n=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.securitySchemes)||void 0===n?void 0:n[o])||void 0===c?void 0:c.type)}else e.components={securitySchemes:{Public:{type:"http",scheme:"public"}}};return e.tags||(e.tags=[]),Object.assign(Object.assign({},e),{paths:o(e.paths)})},s=e=>{var t,s,o,n;const i=Object.assign(Object.assign({},e),{paths:c(e.paths)});if(i.components&&i.components.securitySchemes){const e=null===(t=Object.keys(i.components.securitySchemes))||void 0===t?void 0:t.at(0);e&&(i.components.securitySchemes[e].type.toLowerCase()=="APIKEY".toLowerCase()&&(i.components.securitySchemes[e].in=i.components.securitySchemes[e].in),i.components.securitySchemes[e].type=null===(n=null===(o=null===(s=null==i?void 0:i.components)||void 0===s?void 0:s.securitySchemes)||void 0===o?void 0:o[e])||void 0===n?void 0:n.type)}return i},o=e=>Object.entries(e).map((([e,t])=>({path:e,methods:Object.entries(t).map((([e,t])=>{var s,o,n,c,i,r;const p=Object.assign(Object.assign({},t),{type:e,tags:t.tags||[],summary:t.summary||"",responses:Object.entries(t.responses).map((([e,t])=>{var s,o,n,c,i;const r=Object.keys(t.content||{})[0];return{code:e,content:{contentType:r,schema:Object.assign(Object.assign({},null===(o=null===(s=t.content)||void 0===s?void 0:s[r])||void 0===o?void 0:o.schema),{properties:JSON.stringify(null===(i=null===(c=null===(n=t.content)||void 0===n?void 0:n[r])||void 0===c?void 0:c.schema)||void 0===i?void 0:i.properties)})}}}))});if((null==t?void 0:t.parameters)||(p.parameters=[]),"get"!=e.toLowerCase()){const e=Object.keys((null===(s=null==t?void 0:t.requestBody)||void 0===s?void 0:s.content)||{})[0],a=null===(n=null===(o=null==t?void 0:t.requestBody)||void 0===o?void 0:o.content)||void 0===n?void 0:n.schema,d=(null===(r=null===(i=null===(c=null==t?void 0:t.requestBody)||void 0===c?void 0:c.content)||void 0===i?void 0:i.schema)||void 0===r?void 0:r.properties)?{content:{contentType:e,schema:Object.assign(Object.assign({},a),{properties:(null==a?void 0:a.properties)?JSON.stringify(null==a?void 0:a.properties):"{}"})}}:{content:{contentType:"application/json",schema:{properties:"{}",type:"object"}}};p.requestBody=d}return p}))}))),n=(e,t)=>{var s;return JSON.parse(null===(s=null==e?void 0:e.schema)||void 0===s?void 0:s.properties)},c=t=>t.reduce(((t,{path:s,methods:o})=>(t[s]=o.reduce(((t,s)=>{var{type:o,tags:c,responses:i,summary:r,requestBody:p}=s,a=e(s,["type","tags","responses","summary","requestBody"]);t[o]=Object.assign(Object.assign({},a),{tags:c,summary:r,responses:i.reduce(((e,{code:t,content:s})=>(e[t]={description:"Success",content:s.contentType?{[s.contentType]:{schema:Object.assign(Object.assign({},s.schema),{properties:n(s)})}}:{}},e)),{})});const d="get"!==o?JSON.parse(p.content.schema.properties):{};return"get"!==o&&(t[o].requestBody={content:{[p.content.contentType]:{schema:Object.assign(Object.assign({},p.content.schema),{properties:d})}}}),t}),{}),t)),{});export{t as transformOpenApiObject,s as transformOpenApiObjectToOrigin,c as transformPathsArrayToOrigin,o as transformPathsToArray};
 //# sourceMappingURL=layout.helper.js.map