@digi-frontend/dgate-api-documentation 1.0.56 → 1.0.57

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

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i}from"react";import t from"../InfoForm/InfoForm.module.scss.js";import{d as s}from"../../../_virtual/index.js";import a from"../Tooltip/Tooltip.js";import n from"../SVGLoader/SVGLoader.js";import l from"../../assets/icons/DeleteIcon.svg.js";import r from"../../assets/icons/EditIcon.svg.js";import o from"../../assets/icons/AddRow.svg.js";import d from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as c}from"../../../node_modules/formik/dist/formik.esm.js";import{object as m,string as h}from"../../../node_modules/yup/index.esm.js";import p from"../../constants/regex.js";const x=({id:x,headCells:u,data:v,isFormOpen:j,setIsFormOpen:D,saveNewRow:g,readOnly:N})=>{var b,C,T,w,f,I,k,B,_;const[y,A]=i(""),[L,E]=i(""),[R,S]=i(""),[O,W]=i(null),[F,V]=i(null),{values:q,errors:P,setFieldValue:U,isValid:z,submitForm:H,resetForm:M}=c({validateOnMount:!0,initialValues:{name:"",description:"",externalDocs:{url:"",description:""}},validationSchema:m().shape({name:h().trim().required("Tag name is required"),description:h().optional(),externalDocs:m().shape({url:h().trim().matches(p.urlRegex,"Invalid URL").when("description",((e,i)=>(null==e?void 0:e.at(0))?i.required("URL is required when description is provided"):i.optional())),description:h().trim().optional()}).optional()}),onSubmit:e=>{g(e),A(""),M(),D(!1)},validateOnChange:!0});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==u?void 0:u.map((i=>e.jsx("th",{className:`tableHeadCell ${i.classes||""}`,style:{width:i.width,minWidth:i.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof i.label?i.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:i.label})},i.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==v?void 0:v.map(((i,t)=>e.jsx("tr",{"data-i":t,className:"row",children:null==u?void 0:u.map((t=>{const s="_"!==i[t.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:t.width,minWidth:t.minWidth},children:i[t.id]});return e.jsx("td",{style:{width:t.width,minWidth:t.minWidth},children:s},t.id)}))},t))),j?e.jsxs("tr",{"data-i":"",className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(s.Input,{placeholder:"Tag name",size:"large",type:"text",maxLength:25,onChange:e=>{!p.basic.test(e)&&U("name",e)},value:q.name,disabled:N})})},"tag name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx("div",{className:d.paramDescContainer,children:e.jsx(a,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>W(e),onShow:()=>{A(q.description||"")},onHidden:()=>{A(q.description||"")},content:e.jsxs("div",{className:t.editDescTooltipContent,children:[e.jsx("p",{className:t.editDescTooltipContent_header,children:"Description"}),e.jsx(s.TextArea,{value:y||q.description,disabled:N,maxLength:25,placeholder:"Describe Tag...",onChange:e=>{(""===e||p.ASCII.test(e))&&A(e)}}),!N&&e.jsx(s.Button,{className:t.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{U("description",null==y?void 0:y.trim()),null==O||O.hide()},disabled:!(null===(b=y||q.description)||void 0===b?void 0:b.trim()),children:"Apply"})]}),children:e.jsxs(s.Button,{className:t.editDescBtn,style:{paddingLeft:0},variant:"link",color:"action",endIcon:e.jsx(n,{src:r,width:"1.5rem",height:"1.5rem"}),children:[N?"View ":"Add "," Description"]})})})," "]})},"tagDescRequired"),e.jsx("td",{children:e.jsx("div",{className:"tableData",children:e.jsxs("div",{className:t.paramDescContainer,children:[e.jsx(a,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>V(e),onShow:()=>{E(q.externalDocs.description||""),S(q.externalDocs.url||"")},onHidden:()=>{E(q.externalDocs.description||""),S(q.externalDocs.url||"")},content:e.jsxs("div",{className:t.editDescTooltipContent,children:[e.jsx("p",{className:t.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(s.TextArea,{placeholder:"Describe External Doc...",value:L||q.externalDocs.description,disabled:N,maxLength:25,onChange:e=>{(""===e||p.ASCII.test(e))&&E(e)}}),e.jsx("p",{className:t.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(s.TextArea,{placeholder:"External Docs Link...",restrictedCharsRegex:p.urlRegex,value:R||q.externalDocs.url,disabled:N,maxLength:200,onChange:e=>{(""===e||p.ASCII.test(e))&&S(e)}}),!N&&e.jsx(s.Button,{className:t.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{U("externalDocs",{description:L,url:R}),null==F||F.hide()},disabled:!(null===(C=R||q.externalDocs.url)||void 0===C?void 0:C.trim())||!p.urlRegex.test(R||q.externalDocs.url),children:"Apply"})]}),children:N?e.jsxs("a",{className:t.editDescBtn,variant:"link",color:"action",href:null===(T=q.externalDocs)||void 0===T?void 0:T.url,target:"_blank",children:[(null===(w=null==q?void 0:q.externalDocs)||void 0===w?void 0:w.description)?null===(I=null===(f=null==q?void 0:q.externalDocs)||void 0===f?void 0:f.description)||void 0===I?void 0:I.substring(0,12):"-",(null===(k=null==q?void 0:q.externalDocs)||void 0===k?void 0:k.description)&&(null===(_=null===(B=null==q?void 0:q.externalDocs)||void 0===B?void 0:B.description)||void 0===_?void 0:_.length)>12?"...":""]}):e.jsxs(s.Button,{className:t.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:r,width:"1.5rem",height:"1.5rem"}),children:[N?"View ":"Add "," External Docs Link"]})}),e.jsx("div",{className:t.paramDescContainer_separator}),!N&&e.jsx(s.Button,{className:t.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:l,width:"1.125rem",height:"1.125rem"}),onClick:()=>{M(),A(""),D(!1)}}),!N&&e.jsx(s.Button,{className:t.deleteParamBtn,variant:"link",color:"success",disabled:!z,endIcon:e.jsx(n,{src:o,width:"0.125rem",height:"0.125rem"}),onClick:()=>{A(""),H()}})]})})},"tagExternal")]},""):e.jsx(e.Fragment,{children:!N&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(s.Button,{variant:"link",color:"primary",onClick:()=>{D((e=>!e))},children:"+ Add Tag"})})},"addNew")})]})]})})})};export{x as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i}from"react";import t from"../InfoForm/InfoForm.module.scss.js";import{d as s}from"../../../_virtual/index.js";import a from"../Tooltip/Tooltip.js";import n from"../SVGLoader/SVGLoader.js";import l from"../../assets/icons/DeleteIcon.svg.js";import r from"../../assets/icons/EditIcon.svg.js";import o from"../../assets/icons/AddRow.svg.js";import d from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as c}from"../../../node_modules/formik/dist/formik.esm.js";import{object as m,string as h}from"../../../node_modules/yup/index.esm.js";import p from"../../constants/regex.js";const x=({id:x,headCells:u,data:v,isFormOpen:j,setIsFormOpen:D,saveNewRow:g,readOnly:N})=>{var b,C,T,w,f,I,k,B,_;const[y,A]=i(""),[L,E]=i(""),[R,S]=i(""),[O,W]=i(null),[F,V]=i(null),{values:q,errors:P,setFieldValue:U,isValid:z,submitForm:H,resetForm:M,dirty:X}=c({validateOnMount:!0,initialValues:{name:"",description:"",externalDocs:{url:"",description:""}},validationSchema:m().shape({name:h().trim().required("Tag name is required"),description:h().optional(),externalDocs:m().shape({url:h().trim().matches(p.urlRegex,"Invalid URL").when("description",((e,i)=>(null==e?void 0:e.at(0))?i.required("URL is required when description is provided"):i.optional())),description:h().trim().optional()}).optional()}),onSubmit:e=>{g(e),A(""),M(),D(!1)},validateOnChange:!0});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==u?void 0:u.map((i=>e.jsx("th",{className:`tableHeadCell ${i.classes||""}`,style:{width:i.width,minWidth:i.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof i.label?i.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:i.label})},i.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==v?void 0:v.map(((i,t)=>e.jsx("tr",{"data-i":t,className:"row",children:null==u?void 0:u.map((t=>{const s="_"!==i[t.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:t.width,minWidth:t.minWidth},children:i[t.id]});return e.jsx("td",{style:{width:t.width,minWidth:t.minWidth},children:s},t.id)}))},t))),j?e.jsxs("tr",{"data-i":"",className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(s.Input,{placeholder:"Tag name",size:"large",type:"text",maxLength:25,onChange:e=>{!p.basic.test(e)&&U("name",e)},value:q.name,disabled:N})})},"tag name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx("div",{className:d.paramDescContainer,children:e.jsx(a,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>W(e),onShow:()=>{A(q.description||"")},onHidden:()=>{A(q.description||"")},content:e.jsxs("div",{className:t.editDescTooltipContent,children:[e.jsx("p",{className:t.editDescTooltipContent_header,children:"Description"}),e.jsx(s.TextArea,{value:y||q.description,disabled:N,maxLength:25,placeholder:"Describe Tag...",onChange:e=>{(""===e||p.ASCII.test(e))&&A(e)}}),!N&&e.jsx(s.Button,{className:t.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{U("description",null==y?void 0:y.trim()),null==O||O.hide()},disabled:!(null===(b=y||q.description)||void 0===b?void 0:b.trim()),children:"Apply"})]}),children:e.jsxs(s.Button,{className:t.editDescBtn,style:{paddingLeft:0},variant:"link",color:"action",endIcon:e.jsx(n,{src:r,width:"1.5rem",height:"1.5rem"}),children:[N?"View ":"Add "," Description"]})})})," "]})},"tagDescRequired"),e.jsx("td",{children:e.jsx("div",{className:"tableData",children:e.jsxs("div",{className:t.paramDescContainer,children:[e.jsx(a,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>V(e),onShow:()=>{E(q.externalDocs.description||""),S(q.externalDocs.url||"")},onHidden:()=>{E(q.externalDocs.description||""),S(q.externalDocs.url||"")},content:e.jsxs("div",{className:t.editDescTooltipContent,children:[e.jsx("p",{className:t.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(s.TextArea,{placeholder:"Describe External Doc...",value:L||q.externalDocs.description,disabled:N,maxLength:25,onChange:e=>{(""===e||p.ASCII.test(e))&&E(e)}}),e.jsx("p",{className:t.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(s.TextArea,{placeholder:"External Docs Link...",restrictedCharsRegex:p.urlRegex,value:R||q.externalDocs.url,disabled:N,maxLength:200,onChange:e=>{(""===e||p.ASCII.test(e))&&S(e)}}),!N&&e.jsx(s.Button,{className:t.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{U("externalDocs",{description:L,url:R}),null==F||F.hide()},disabled:!(null===(C=R||q.externalDocs.url)||void 0===C?void 0:C.trim())||!p.urlRegex.test(R||q.externalDocs.url),children:"Apply"})]}),children:N?e.jsxs("a",{className:t.editDescBtn,variant:"link",color:"action",href:null===(T=q.externalDocs)||void 0===T?void 0:T.url,target:"_blank",children:[(null===(w=null==q?void 0:q.externalDocs)||void 0===w?void 0:w.description)?null===(I=null===(f=null==q?void 0:q.externalDocs)||void 0===f?void 0:f.description)||void 0===I?void 0:I.substring(0,12):"-",(null===(k=null==q?void 0:q.externalDocs)||void 0===k?void 0:k.description)&&(null===(_=null===(B=null==q?void 0:q.externalDocs)||void 0===B?void 0:B.description)||void 0===_?void 0:_.length)>12?"...":""]}):e.jsxs(s.Button,{className:t.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:r,width:"1.5rem",height:"1.5rem"}),children:[N?"View ":"Add "," External Docs Link"]})}),e.jsx("div",{className:t.paramDescContainer_separator}),!N&&e.jsx(s.Button,{className:t.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:l,width:"1.125rem",height:"1.125rem"}),onClick:()=>{M(),A(""),D(!1)}}),!N&&e.jsx(s.Button,{className:t.deleteParamBtn,variant:"link",color:"success",disabled:!z||!X,endIcon:e.jsx(n,{src:o,width:"0.125rem",height:"0.125rem"}),onClick:()=>{A(""),H()}})]})})},"tagExternal")]},""):e.jsx(e.Fragment,{children:!N&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(s.Button,{variant:"link",color:"primary",onClick:()=>{D((e=>!e))},children:"+ Add Tag"})})},"addNew")})]})]})})})};export{x as default};
 //# sourceMappingURL=tags-table.js.map

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'\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":"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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,dirty } = 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 || !dirty}\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","dirty","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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"}