npm - @flipdish/portal-library - Versions diffs - 2.0.1 → 2.0.3 - Mend

@flipdish/portal-library 2.0.1 → 2.0.3

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

Files changed (2015) hide show

package/dist/3fdf038978f10998.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="system-update">
+        <path id="Icon" d="M21.255 7.13358L22.1215 6.63433L22.1214 6.63431L21.255 7.13358ZM20.7614 6.27698L21.6278 5.77771V5.77771L20.7614 6.27698ZM19.8839 5.17607L19.5072 6.10239L19.5072 6.1024L19.8839 5.17607ZM18.4888 5.35267L18.7599 6.31522L18.7618 6.31468L18.4888 5.35267ZM17.2686 5.69637L17.4933 6.6708L17.5167 6.66541L17.5397 6.65891L17.2686 5.69637ZM15.9101 5.52698L15.4104 6.39316L15.4314 6.40531L15.4531 6.41642L15.9101 5.52698ZM15.5732 5.33261L15.0339 6.1747L15.0534 6.18721L15.0735 6.19879L15.5732 5.33261ZM14.785 4.36493L13.8367 4.68239L13.8436 4.70289L13.8513 4.72308L14.785 4.36493ZM14.4511 3.36754L13.5022 3.68325L13.5028 3.685L14.4511 3.36754ZM13.8603 2.18876L13.2747 2.99938L13.2749 2.99948L13.8603 2.18876ZM10.1397 2.18876L9.55427 1.37804L9.55419 1.37809L10.1397 2.18876ZM9.54899 3.36754L10.4972 3.68505L10.4979 3.68321L9.54899 3.36754ZM9.21503 4.36493L10.1487 4.72304L10.1564 4.7029L10.1633 4.68244L9.21503 4.36493ZM8.42687 5.33261L8.92662 6.19878L8.9467 6.18719L8.96622 6.17469L8.42687 5.33261ZM8.08999 5.52698L8.54699 6.41645L8.56865 6.40532L8.58974 6.39315L8.08999 5.52698ZM6.73148 5.69637L6.46036 6.65892L6.48343 6.66541L6.50679 6.6708L6.73148 5.69637ZM5.51125 5.35267L5.23826 6.31469L5.24013 6.31522L5.51125 5.35267ZM4.11617 5.17607L4.4929 6.10239L4.49293 6.10238L4.11617 5.17607ZM3.23865 6.27698L2.3722 5.77771L2.3722 5.77772L3.23865 6.27698ZM2.74507 7.13358L3.61152 7.63285L3.61152 7.63284L2.74507 7.13358ZM2.25416 8.36768L3.24869 8.26322L3.24868 8.26319L2.25416 8.36768ZM2.99076 9.47231L3.7361 8.80563L3.73435 8.80367L2.99076 9.47231ZM4.0218 10.625L4.80649 10.0051L4.78753 9.98112L4.76714 9.95832L4.0218 10.625ZM4.02183 13.3749L4.76716 14.0416L4.78759 14.0188L4.80658 13.9947L4.02183 13.3749ZM2.99076 14.5276L3.73433 15.1963L3.73609 15.1943L2.99076 14.5276ZM2.25416 15.6322L1.25963 15.5277L1.25963 15.5277L2.25416 15.6322ZM2.74507 16.8663L3.61153 16.3671L3.6115 16.367L2.74507 16.8663ZM3.23864 17.7229L2.37218 18.2222L2.3722 18.2222L3.23864 17.7229ZM4.11617 18.8238L4.493 17.8975L4.49275 17.8974L4.11617 18.8238ZM5.51127 18.6472L5.24014 17.6847L5.23821 17.6852L5.51127 18.6472ZM6.73144 18.3035L6.50668 17.3291L6.48335 17.3345L6.46031 17.341L6.73144 18.3035ZM8.09017 18.473L8.59004 17.6069L8.56891 17.5947L8.54721 17.5836L8.09017 18.473ZM8.427 18.6674L8.96644 17.8254L8.94693 17.8129L8.92687 17.8013L8.427 18.6674ZM9.215 19.635L10.1633 19.3175L10.1564 19.2971L10.1487 19.2769L9.215 19.635ZM9.54899 20.6325L10.4979 20.3168L10.4972 20.315L9.54899 20.6325ZM10.1397 21.8112L10.7252 21.0005L10.7251 21.0004L10.1397 21.8112ZM13.8603 21.8112L13.275 21.0004L13.2746 21.0006L13.8603 21.8112ZM14.4511 20.6325L13.5028 20.315L13.5022 20.3168L14.4511 20.6325ZM14.7851 19.635L13.8514 19.2771L13.8437 19.2971L13.8368 19.3175L14.7851 19.635ZM15.5731 18.6674L15.0732 17.8013L15.0532 17.8129L15.0338 17.8253L15.5731 18.6674ZM15.9099 18.473L15.4529 17.5836L15.4311 17.5947L15.41 17.6069L15.9099 18.473ZM17.2686 18.3035L17.5397 17.341L17.5167 17.3345L17.4934 17.3291L17.2686 18.3035ZM18.4888 18.6472L18.7619 17.6852L18.7599 17.6847L18.4888 18.6472ZM19.8839 18.8238L19.5073 17.8974L19.5071 17.8975L19.8839 18.8238ZM20.7614 17.7229L21.6278 18.2222L21.6278 18.2222L20.7614 17.7229ZM21.255 16.8663L20.3886 16.367L20.3886 16.367L21.255 16.8663ZM21.7459 15.6322L22.7404 15.5279L22.7404 15.5276L21.7459 15.6322ZM21.0093 14.5276L20.264 15.1943L20.2657 15.1962L21.0093 14.5276ZM19.9782 13.3749L19.1934 13.9947L19.2124 14.0187L19.2329 14.0416L19.9782 13.3749ZM19.9782 10.625L19.2329 9.9583L19.2124 9.98118L19.1934 10.0053L19.9782 10.625ZM21.0093 9.47231L20.2657 8.80369L20.264 8.80561L21.0093 9.47231ZM21.7459 8.36768L22.7404 8.47229L22.7404 8.47199L21.7459 8.36768ZM13.3549 10.7929C12.9644 11.1834 12.9644 11.8166 13.3549 12.2071C13.7454 12.5976 14.3786 12.5976 14.7691 12.2071L13.3549 10.7929ZM15.5133 10.4297L15.8149 9.47626L15.8147 9.47619L15.5133 10.4297ZM15.9401 11.3067L14.955 11.4788L14.9551 11.479L15.9401 11.3067ZM10.8752 14.7823C10.3633 14.575 9.78029 14.822 9.57306 15.334C9.36583 15.8459 9.61285 16.4289 10.1248 16.6361L10.8752 14.7823ZM10.7071 13.2422C11.0976 12.8516 11.0976 12.2185 10.7071 11.828C10.3165 11.4375 9.68337 11.4375 9.29286 11.828L10.7071 13.2422ZM9.45585 13.0793L10.1629 13.7864L10.163 13.7864L9.45585 13.0793ZM8.51776 13.6438L8.22769 14.6008L8.2277 14.6008L8.51776 13.6438ZM8.07744 12.7872L9.0581 12.5915L9.05809 12.5915L8.07744 12.7872ZM13.1248 9.21769C13.6367 9.42493 14.2197 9.17792 14.4269 8.66599C14.6342 8.15407 14.3872 7.57107 13.8752 7.36383L13.1248 9.21769ZM22.1214 6.63431L21.6278 5.77771L19.895 6.77625L20.3886 7.63285L22.1214 6.63431ZM21.6278 5.77771C21.4533 5.47487 21.2799 5.17056 21.103 4.93365C20.91 4.6753 20.6507 4.40836 20.2606 4.24974L19.5072 6.1024C19.4347 6.07294 19.4275 6.03254 19.5005 6.1304C19.5896 6.24969 19.6962 6.43126 19.895 6.77625L21.6278 5.77771ZM20.2606 4.24975C19.8705 4.09107 19.4984 4.10128 19.1798 4.15186C18.8878 4.19822 18.5515 4.29538 18.2158 4.39066L18.7618 6.31468C19.1444 6.20612 19.3468 6.1504 19.4934 6.12712C19.6134 6.10807 19.5797 6.1319 19.5072 6.10239L20.2606 4.24975ZM18.2177 4.39013L16.9975 4.73383L17.5397 6.65891L18.7599 6.31521L18.2177 4.39013ZM17.0439 4.72194C16.8155 4.77461 16.5758 4.74475 16.3671 4.63754L15.4531 6.41642C16.0818 6.73951 16.8045 6.82963 17.4933 6.6708L17.0439 4.72194ZM16.4098 4.6608L16.0729 4.46643L15.0735 6.19879L15.4104 6.39316L16.4098 4.6608ZM16.1125 4.49052C15.9334 4.37577 15.7952 4.20636 15.7187 4.00678L13.8513 4.72308C14.0806 5.32069 14.4948 5.82947 15.0339 6.1747L16.1125 4.49052ZM15.7333 4.04747L15.3994 3.05008L13.5028 3.685L13.8367 4.68239L15.7333 4.04747ZM15.4 3.05183C15.2974 2.74366 15.1955 2.43247 15.0784 2.18027C14.9505 1.90486 14.7657 1.60906 14.4457 1.37804L13.2749 2.99948C13.2163 2.95722 13.2171 2.9208 13.2644 3.02259C13.3224 3.14759 13.3852 3.33141 13.5022 3.68325L15.4 3.05183ZM14.4459 1.37814C14.1258 1.14691 13.7867 1.0646 13.4849 1.03007C13.2087 0.998483 12.8815 1 12.5574 1V3C12.9277 3 13.1212 3.00152 13.2576 3.01712C13.3683 3.02978 13.3335 3.04185 13.2747 2.99938L14.4459 1.37814ZM12.5574 1H11.4426V3H12.5574V1ZM11.4426 1C11.1185 1 10.7913 0.998483 10.5152 1.03007C10.2133 1.0646 9.87434 1.14691 9.55427 1.37804L10.7251 2.99948C10.6665 3.04185 10.6318 3.02978 10.7425 3.01712C10.8788 3.00152 11.0724 3 11.4426 3V1ZM9.55419 1.37809C9.23431 1.60913 9.04952 1.90493 8.92166 2.18032C8.80458 2.43252 8.70264 2.74369 8.60012 3.05187L10.4979 3.68321C10.6149 3.33138 10.6777 3.14754 10.7357 3.02254C10.783 2.92073 10.7837 2.95715 10.7252 2.99943L9.55419 1.37809ZM8.60073 3.05003L8.26677 4.04742L10.1633 4.68244L10.4972 3.68505L8.60073 3.05003ZM8.28135 4.00682C8.20481 4.20637 8.06667 4.37578 7.88752 4.49053L8.96622 6.17469C9.50523 5.82946 9.91948 5.32067 10.1487 4.72304L8.28135 4.00682ZM7.92712 4.46644L7.59024 4.66081L8.58974 6.39315L8.92662 6.19878L7.92712 4.46644ZM7.63299 4.63751C7.42424 4.74476 7.18458 4.77461 6.95617 4.72194L6.50679 6.6708C7.1956 6.82963 7.91823 6.7395 8.54699 6.41645L7.63299 4.63751ZM7.0026 4.73382L5.78237 4.39012L5.24013 6.31522L6.46036 6.65892L7.0026 4.73382ZM5.78424 4.39065C5.4485 4.29538 5.1122 4.19822 4.82023 4.15186C4.50165 4.10128 4.12956 4.09107 3.73941 4.24976L4.49293 6.10238C4.42035 6.1319 4.38663 6.10807 4.50661 6.12712C4.65321 6.1504 4.85566 6.20612 5.23826 6.31469L5.78424 4.39065ZM3.73943 4.24975C3.34943 4.40836 3.09005 4.67528 2.8971 4.93363C2.72015 5.17055 2.54672 5.47485 2.3722 5.77771L4.10509 6.77625C4.30388 6.43128 4.41041 6.24971 4.49951 6.13042C4.5726 6.03256 4.56533 6.07294 4.4929 6.10239L3.73943 4.24975ZM2.3722 5.77772L1.87862 6.63432L3.61152 7.63284L4.1051 6.77624L2.3722 5.77772ZM1.87862 6.63431C1.71522 6.91789 1.54925 7.20287 1.438 7.45977C1.3165 7.74038 1.21814 8.07727 1.25963 8.47217L3.24868 8.26319C3.25622 8.33487 3.22836 8.35834 3.27332 8.25451C3.32855 8.12698 3.42501 7.95652 3.61152 7.63285L1.87862 6.63431ZM1.25963 8.47214C1.30111 8.86709 1.46736 9.17619 1.6446 9.42541C1.80683 9.65353 2.02844 9.89769 2.24717 10.1409L3.73435 8.80367C3.48465 8.52599 3.35493 8.37945 3.27446 8.26629C3.20899 8.17423 3.24115 8.19149 3.24869 8.26322L1.25963 8.47214ZM2.24542 10.139L3.27646 11.2917L4.76714 9.95832L3.7361 8.80563L2.24542 10.139ZM3.2371 11.2449C3.32585 11.3572 3.45271 11.6833 3.45271 11.9998H5.45271C5.45271 11.3167 5.22175 10.5308 4.80649 10.0051L3.2371 11.2449ZM3.45271 11.9998C3.45271 12.3168 3.32588 12.6427 3.23708 12.7551L4.80658 13.9947C5.22184 13.4689 5.45271 12.6832 5.45271 11.9998H3.45271ZM3.27649 12.7082L2.24542 13.8609L3.73609 15.1943L4.76716 14.0416L3.27649 12.7082ZM2.24719 13.8589C2.02844 14.1022 1.80684 14.3463 1.6446 14.5745C1.46736 14.8237 1.30113 15.1328 1.25963 15.5277L3.24868 15.7367C3.24115 15.8084 3.209 15.8256 3.27447 15.7336C3.35493 15.6205 3.48465 15.4739 3.73432 15.1963L2.24719 13.8589ZM1.25963 15.5277C1.21815 15.9226 1.31648 16.2595 1.43801 16.5402C1.54926 16.7971 1.71524 17.082 1.87864 17.3656L3.6115 16.367C3.42499 16.0434 3.32854 15.8729 3.27332 15.7454C3.22838 15.6416 3.25621 15.6651 3.24869 15.7367L1.25963 15.5277ZM1.87861 17.3656L2.37218 18.2222L4.1051 17.2236L3.61153 16.3671L1.87861 17.3656ZM2.3722 18.2222C2.5467 18.525 2.72014 18.8293 2.89709 19.0662C3.09003 19.3246 3.34945 19.5916 3.73958 19.7502L4.49275 17.8974C4.5653 17.9269 4.57261 17.9674 4.4995 17.8695C4.4104 17.7502 4.30387 17.5686 4.10508 17.2236L2.3722 18.2222ZM3.73933 19.7501C4.12948 19.9088 4.50159 19.8986 4.82022 19.848C5.11223 19.8017 5.44855 19.7045 5.78433 19.6092L5.23821 17.6852C4.85564 17.7938 4.65319 17.8495 4.50664 17.8728C4.38671 17.8918 4.42043 17.868 4.493 17.8975L3.73933 19.7501ZM5.7824 19.6097L7.00257 19.266L6.46031 17.341L5.24014 17.6847L5.7824 19.6097ZM6.95619 19.2779C7.1845 19.2253 7.42423 19.2551 7.63313 19.3624L8.54721 17.5836C7.91851 17.2605 7.19576 17.1701 6.50668 17.3291L6.95619 19.2779ZM7.5903 19.3391L7.92713 19.5335L8.92687 17.8013L8.59004 17.6069L7.5903 19.3391ZM7.88756 19.5094C8.06672 19.6242 8.20479 19.7935 8.2813 19.9931L10.1487 19.2769C9.91949 18.6793 9.5053 18.1706 8.96644 17.8254L7.88756 19.5094ZM8.26674 19.9525L8.60073 20.95L10.4972 20.315L10.1633 19.3175L8.26674 19.9525ZM8.60012 20.9482C8.70264 21.2563 8.80458 21.5675 8.92167 21.8197C9.04954 22.0951 9.23436 22.3909 9.55432 22.622L10.7251 21.0004C10.7837 21.0428 10.7829 21.0792 10.7357 20.9775C10.6776 20.8525 10.6149 20.6687 10.4979 20.3168L8.60012 20.9482ZM9.55419 22.6219C9.87427 22.853 10.2133 22.9354 10.5151 22.9699C10.7913 23.0015 11.1185 23 11.4426 23V21C11.0724 21 10.8788 20.9985 10.7425 20.9829C10.6318 20.9702 10.6665 20.9582 10.7252 21.0005L9.55419 22.6219ZM11.4426 23H12.5574V21H11.4426V23ZM12.5574 23C12.8815 23 13.2088 23.0015 13.4849 22.9699C13.7868 22.9354 14.1259 22.853 14.446 22.6218L13.2746 21.0006C13.3334 20.9582 13.3683 20.9702 13.2576 20.9829C13.1212 20.9985 12.9277 21 12.5574 21V23ZM14.4456 22.622C14.7656 22.391 14.9505 22.0952 15.0784 21.8198C15.1955 21.5676 15.2974 21.2564 15.4 20.9482L13.5022 20.3168C13.3852 20.6686 13.3224 20.8524 13.2644 20.9774C13.2171 21.0792 13.2164 21.0427 13.275 21.0004L14.4456 22.622ZM15.3994 20.95L15.7334 19.9525L13.8368 19.3175L13.5028 20.315L15.3994 20.95ZM15.7188 19.9929C15.7953 19.7935 15.9333 19.6242 16.1124 19.5095L15.0338 17.8253C14.4947 18.1706 14.0805 18.6793 13.8514 19.2771L15.7188 19.9929ZM16.073 19.5335L16.4098 19.3391L15.41 17.6069L15.0732 17.8013L16.073 19.5335ZM16.3669 19.3624C16.5758 19.2551 16.8155 19.2253 17.0438 19.2779L17.4934 17.3291C16.8043 17.1701 16.0816 17.2605 15.4529 17.5836L16.3669 19.3624ZM16.9975 19.266L18.2177 19.6097L18.7599 17.6847L17.5397 17.341L16.9975 19.266ZM18.2157 19.6092C18.5515 19.7045 18.8878 19.8017 19.1798 19.848C19.4985 19.8986 19.8706 19.9088 20.2607 19.7501L19.5071 17.8975C19.5796 17.868 19.6133 17.8918 19.4934 17.8728C19.3468 17.8495 19.1444 17.7938 18.7619 17.6852L18.2157 19.6092ZM20.2605 19.7502C20.6506 19.5916 20.9101 19.3246 21.103 19.0662C21.2799 18.8293 21.4533 18.525 21.6278 18.2222L19.895 17.2236C19.6961 17.5686 19.5896 17.7502 19.5005 17.8695C19.4274 17.9674 19.4348 17.9269 19.5073 17.8974L20.2605 19.7502ZM21.6278 18.2222L22.1214 17.3656L20.3886 16.367L19.895 17.2236L21.6278 18.2222ZM22.1214 17.3656C22.2849 17.082 22.4508 16.797 22.562 16.5401C22.6836 16.2595 22.7818 15.9227 22.7404 15.5279L20.7514 15.7365C20.7439 15.665 20.7716 15.6417 20.7267 15.7455C20.6715 15.873 20.575 16.0434 20.3886 16.367L22.1214 17.3656ZM22.7404 15.5276C22.6989 15.1327 22.5327 14.8237 22.3554 14.5745C22.1932 14.3464 21.9716 14.1022 21.7529 13.859L20.2657 15.1962C20.5154 15.4739 20.6451 15.6204 20.7256 15.7336C20.791 15.8257 20.7589 15.8085 20.7514 15.7368L22.7404 15.5276ZM21.7546 13.8609L20.7235 12.7082L19.2329 14.0416L20.264 15.1943L21.7546 13.8609ZM20.763 12.7551C20.6741 12.6426 20.5473 12.3167 20.5473 11.9998H18.5473C18.5473 12.6833 18.7783 13.469 19.1934 13.9947L20.763 12.7551ZM20.5473 11.9998C20.5473 11.6834 20.6742 11.3572 20.763 11.2447L19.1934 10.0053C18.7784 10.5308 18.5473 11.3166 18.5473 11.9998H20.5473ZM20.7235 11.2917L21.7546 10.139L20.264 8.80561L19.2329 9.9583L20.7235 11.2917ZM21.7529 10.1409C21.9716 9.89766 22.1932 9.65351 22.3554 9.4254C22.5327 9.1762 22.6989 8.86716 22.7404 8.47229L20.7514 8.26307C20.7589 8.19142 20.791 8.17423 20.7256 8.2663C20.6451 8.37947 20.5154 8.52602 20.2657 8.8037L21.7529 10.1409ZM22.7404 8.47199C22.7818 8.07721 22.6835 7.74041 22.562 7.45981C22.4508 7.2029 22.2849 6.91794 22.1215 6.63433L20.3885 7.63284C20.575 7.95647 20.6715 8.12695 20.7267 8.25447C20.7717 8.35831 20.7438 8.33493 20.7514 8.26337L22.7404 8.47199ZM14.7691 12.2071L15.2692 11.707L13.855 10.2928L13.3549 10.7929L14.7691 12.2071ZM15.2692 11.707C15.3832 11.593 15.4662 11.5102 15.5378 11.4435C15.6105 11.3757 15.6443 11.3505 15.6539 11.344C15.6616 11.3388 15.6115 11.375 15.5151 11.3957C15.4653 11.4065 15.4105 11.4115 15.3536 11.4084C15.2972 11.4054 15.2492 11.395 15.2119 11.3832L15.8147 9.47619C15.2894 9.31017 14.8447 9.47724 14.5352 9.68617C14.2896 9.85187 14.0454 10.1024 13.855 10.2928L15.2692 11.707ZM15.2117 11.3831C15.1538 11.3648 15.0683 11.3235 14.9886 11.2452C14.914 11.1719 14.8836 11.1045 14.8773 11.0894C14.8735 11.0801 14.8818 11.0982 14.8984 11.1743C14.9148 11.2496 14.9311 11.3419 14.955 11.4788L16.9252 11.1346C16.8876 10.9196 16.8362 10.5919 16.7246 10.323C16.6593 10.1656 16.5575 9.9828 16.39 9.81827C16.2174 9.64876 16.0176 9.54039 15.8149 9.47626L15.2117 11.3831ZM14.9551 11.479C14.9845 11.6475 15 11.8215 15 12H17C17 11.7057 16.9745 11.4163 16.9251 11.1344L14.9551 11.479ZM15 12C15 13.6568 13.6568 15 12 15V17C14.7614 17 17 14.7614 17 12H15ZM12 15C11.6003 15 11.2213 14.9223 10.8752 14.7823L10.1248 16.6361C10.7051 16.871 11.3387 17 12 17V15ZM9.29286 11.828L8.74871 12.3722L10.163 13.7864L10.7071 13.2422L9.29286 11.828ZM8.74878 12.3722C8.63648 12.4844 8.55498 12.5658 8.48458 12.6314C8.41315 12.698 8.38016 12.7226 8.37105 12.7288C8.36391 12.7336 8.41337 12.6979 8.50818 12.6769C8.55713 12.6661 8.61106 12.6608 8.66722 12.6633C8.72292 12.6658 8.7706 12.6755 8.80782 12.6868L8.2277 14.6008C8.74799 14.7585 9.18618 14.592 9.4919 14.3852C9.73458 14.221 9.97569 13.9737 10.1629 13.7864L8.74878 12.3722ZM8.80783 12.6868C8.86593 12.7044 8.95068 12.7441 9.03043 12.8198C9.10517 12.8906 9.13663 12.9563 9.14328 12.9714C9.14745 12.9808 9.13893 12.9637 9.12091 12.8894C9.10308 12.816 9.08489 12.7257 9.0581 12.5915L7.09678 12.9829C7.13879 13.1934 7.19729 13.5156 7.3137 13.7792C7.47188 14.1375 7.75935 14.4588 8.22769 14.6008L8.80783 12.6868ZM9.05809 12.5915C9.02009 12.4011 9 12.2034 9 12H7C7 12.3356 7.03319 12.6643 7.09678 12.9829L9.05809 12.5915ZM9 12C9 10.3431 10.3431 9 12 9V7C9.23857 7 7 9.23858 7 12H9ZM12 9C12.3997 9 12.7788 9.07762 13.1248 9.21769L13.8752 7.36383C13.2948 7.12888 12.6613 7 12 7V9Z" fill="currentColor" fill-opacity="1"/>
+    </g>
+</svg>

package/dist/716a8c5c4ee8c19a.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="terminal">
+        <path id="Icon" d="M16.4407 21.3478L17.2215 21.9726L17.2215 21.9725L16.4407 21.3478ZM16.9929 20.6576L17.7738 21.2823L17.7738 21.2823L16.9929 20.6576ZM18.9184 20.7488L19.7639 20.2149L19.7638 20.2147L18.9184 20.7488ZM20.9669 20.6562L20.0625 20.2295L20.062 20.2306L20.9669 20.6562ZM20.9781 20.3892L21.9714 20.5048L21.9714 20.5045L20.9781 20.3892ZM20.9687 19.8448L19.9904 20.052L19.9905 20.0524L20.9687 19.8448ZM19.0456 10.7641L18.0673 10.9713L18.0673 10.9713L19.0456 10.7641ZM17.4893 6.67043L16.8615 7.44879L16.8615 7.44883L17.4893 6.67043ZM6.51066 6.67043L7.13844 7.44883L7.13844 7.44882L6.51066 6.67043ZM4.95439 10.7641L3.97609 10.5569L3.97609 10.5569L4.95439 10.7641ZM3.0313 19.8448L4.00958 20.0521L4.00961 20.052L3.0313 19.8448ZM3.02194 20.3892L4.01527 20.2738L4.01527 20.2738L3.02194 20.3892ZM3.0331 20.6562L3.93801 20.2306L3.93786 20.2303L3.0331 20.6562ZM5.08165 20.7488L4.23622 20.2147L4.23617 20.2148L5.08165 20.7488ZM7.00709 20.6576L6.22624 21.2823L6.22628 21.2824L7.00709 20.6576ZM7.55934 21.3478L6.77853 21.9726L6.77853 21.9726L7.55934 21.3478ZM10.404 21.3478L11.1848 21.9726L11.1852 21.9721L10.404 21.3478ZM10.4908 21.2392L9.70999 20.6144L9.70966 20.6149L10.4908 21.2392ZM13.5092 21.2392L14.2904 20.6149L14.29 20.6144L13.5092 21.2392ZM13.596 21.3478L12.8149 21.9721L12.8152 21.9726L13.596 21.3478ZM1.76294 10.1935C2.14596 10.5914 2.77901 10.6035 3.17689 10.2204C3.57478 9.8374 3.58682 9.20435 3.20379 8.80647L1.76294 10.1935ZM20.7957 8.80648C20.4126 9.20436 20.4247 9.83741 20.8226 10.2204C21.2205 10.6035 21.8535 10.5914 22.2365 10.1935L20.7957 8.80648ZM12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9V11ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11V9ZM14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13V15ZM8 13C7.44772 13 7 13.4477 7 14C7 14.5523 7.44772 15 8 15V13ZM17.2215 21.9725L17.7738 21.2823L16.2121 20.0329L15.6599 20.7231L17.2215 21.9725ZM17.7738 21.2823C17.786 21.2671 17.8355 21.2266 17.9365 21.2313C18.038 21.2361 18.0711 21.2799 18.073 21.2829L19.7638 20.2147C19.3558 19.5689 18.6688 19.2638 18.0312 19.2336C17.3933 19.2033 16.6851 19.4416 16.212 20.0329L17.7738 21.2823ZM18.0729 21.2827C18.5547 22.0457 19.3752 22.3149 20.0765 22.2617C20.7544 22.2103 21.5149 21.8407 21.8718 21.0818L20.062 20.2306C20.0718 20.2099 20.0782 20.2143 20.0528 20.2298C20.0257 20.2463 19.9805 20.2632 19.9252 20.2674C19.8708 20.2715 19.8294 20.2617 19.8056 20.2511C19.7872 20.2429 19.7758 20.2337 19.7639 20.2149L18.0729 21.2827ZM21.8713 21.0829C21.8716 21.0822 21.8728 21.0797 21.874 21.0771C21.8752 21.0746 21.8776 21.0694 21.8805 21.0631C21.8829 21.0578 21.9012 21.0181 21.9186 20.9665C21.9333 20.9228 21.9813 20.7766 21.9693 20.5836C21.9628 20.4775 21.9394 20.3739 21.9008 20.2764C21.8641 20.1838 21.821 20.1155 21.7935 20.0757C21.7797 20.0558 21.7679 20.0402 21.7608 20.031C21.7539 20.0221 21.7482 20.0152 21.7474 20.0142C21.7429 20.0086 21.7538 20.0219 21.7643 20.0357C21.7923 20.0722 21.8245 20.1198 21.8549 20.1781C21.9124 20.2884 21.9366 20.3859 21.9476 20.4442C21.9586 20.5022 21.9611 20.5466 21.9619 20.5664C21.9624 20.5778 21.9624 20.5865 21.9624 20.5918C21.9624 20.5972 21.9622 20.6002 21.9622 20.6005C21.9622 20.6008 21.9625 20.5937 21.9639 20.577C21.9653 20.5606 21.9676 20.5371 21.9714 20.5048L19.9848 20.2736C19.9738 20.3682 19.9665 20.4508 19.9637 20.5234C19.9623 20.5602 19.9617 20.6015 19.9635 20.6453C19.9643 20.6676 19.9659 20.6928 19.9687 20.7202C19.9714 20.7474 19.9756 20.7797 19.9824 20.8155C19.9955 20.8847 20.022 20.9886 20.0816 21.103C20.0965 21.1316 20.1125 21.1589 20.1294 21.185C20.1463 21.2111 20.1621 21.233 20.1752 21.25C20.1861 21.2644 20.1974 21.2781 20.1932 21.273C20.1926 21.2722 20.1871 21.2654 20.1804 21.2567C20.1734 21.2477 20.1617 21.2324 20.1481 21.2127C20.1209 21.1733 20.078 21.1053 20.0414 21.0131C20.023 20.9666 20.0072 20.9166 19.9953 20.8633C19.9834 20.8101 19.9763 20.7578 19.9732 20.7072C19.9669 20.6065 19.977 20.522 19.9884 20.4614C19.9995 20.4022 20.0139 20.3558 20.0232 20.3281C20.0328 20.2996 20.0418 20.2774 20.0468 20.2653C20.0521 20.2525 20.0565 20.2427 20.0585 20.2381C20.0619 20.2307 20.065 20.2242 20.0625 20.2295L21.8713 21.0829ZM21.9714 20.5045C21.9921 20.3266 22.0047 20.1663 21.9984 20.0107C21.9915 19.84 21.9624 19.7103 21.9469 19.6372L19.9905 20.0524C20.0063 20.1268 20.0007 20.1078 20 20.0916C20 20.0905 20.0016 20.1287 19.9848 20.2739L21.9714 20.5045ZM21.947 19.6376L20.0239 10.5569L18.0673 10.9713L19.9904 20.052L21.947 19.6376ZM20.0239 10.5569C19.7875 9.44039 19.593 8.51382 19.3437 7.78802C19.0854 7.03584 18.7337 6.38935 18.1171 5.89203L16.8615 7.44883C17.0762 7.62194 17.261 7.88121 17.4522 8.43772C17.6524 9.02061 17.8205 9.80566 18.0673 10.9713L20.0239 10.5569ZM18.1171 5.89207C17.5011 5.3952 16.794 5.18714 16.0025 5.09109C15.2379 4.99828 14.2868 5 13.1384 5V7C14.3364 7 15.1452 7.00172 15.7616 7.07652C16.3512 7.14808 16.6463 7.27523 16.8615 7.44879L18.1171 5.89207ZM13.1384 5H10.8616V7H13.1384V5ZM10.8616 5C9.71322 5 8.76215 4.99828 7.99747 5.09109C7.20604 5.18714 6.49892 5.39521 5.88289 5.89204L7.13844 7.44882C7.35369 7.27522 7.64882 7.14808 8.23843 7.07652C8.8548 7.00172 9.66356 7 10.8616 7V5ZM5.88289 5.89203C5.26624 6.38936 4.91461 7.03586 4.65627 7.78804C4.40699 8.51382 4.21255 9.44039 3.97609 10.5569L5.9327 10.9713C6.17955 9.80566 6.34761 9.02061 6.54781 8.4377C6.73895 7.88119 6.9238 7.62193 7.13844 7.44883L5.88289 5.89203ZM3.97609 10.5569L2.053 19.6376L4.00961 20.052L5.9327 10.9713L3.97609 10.5569ZM2.05303 19.6375C2.03758 19.7104 2.00854 19.8401 2.00164 20.0108C1.99535 20.1664 2.00795 20.3266 2.02862 20.5046L4.01527 20.2738C3.99841 20.1287 4.00005 20.0905 4.00001 20.0915C3.99936 20.1077 3.99377 20.1267 4.00958 20.0521L2.05303 19.6375ZM2.02862 20.5046C2.03237 20.5368 2.03469 20.5604 2.03609 20.5768C2.03751 20.5935 2.0378 20.6006 2.03779 20.6004C2.03777 20.6001 2.03766 20.5971 2.03763 20.5917C2.03761 20.5865 2.03766 20.5778 2.03811 20.5664C2.03889 20.5467 2.04142 20.5024 2.05235 20.4444C2.06335 20.3862 2.08745 20.2888 2.14487 20.1785C2.17524 20.1202 2.20744 20.0727 2.2354 20.0361C2.24595 20.0222 2.25682 20.009 2.25232 20.0145C2.25152 20.0155 2.2459 20.0224 2.23902 20.0313C2.23189 20.0405 2.22011 20.056 2.2064 20.0759C2.17896 20.1156 2.13592 20.1838 2.09928 20.2763C2.0607 20.3736 2.03734 20.4771 2.03072 20.583C2.01867 20.7757 2.06643 20.9218 2.08112 20.9655C2.09845 21.0172 2.11676 21.0569 2.11914 21.0622C2.12201 21.0686 2.12442 21.0738 2.1256 21.0763C2.12681 21.0789 2.128 21.0814 2.12835 21.0821L3.93786 20.2303C3.93537 20.225 3.93849 20.2315 3.94185 20.239C3.94393 20.2436 3.94832 20.2534 3.9536 20.2661C3.95863 20.2783 3.96755 20.3005 3.97712 20.329C3.98643 20.3567 4.00071 20.4032 4.01177 20.4623C4.0231 20.5228 4.0331 20.6073 4.02682 20.7078C4.02366 20.7584 4.01652 20.8106 4.00462 20.8637C3.9927 20.9169 3.97694 20.9668 3.95854 21.0133C3.92206 21.1053 3.87923 21.1731 3.85206 21.2125C3.83848 21.2321 3.82684 21.2474 3.81988 21.2564C3.81315 21.2651 3.80769 21.2718 3.80708 21.2726C3.80294 21.2777 3.8142 21.264 3.82518 21.2496C3.8382 21.2325 3.85402 21.2107 3.87093 21.1845C3.88777 21.1584 3.90373 21.1311 3.91863 21.1025C3.97817 20.9882 4.00462 20.8844 4.01767 20.8153C4.02442 20.7795 4.02862 20.7473 4.03136 20.7201C4.03412 20.6928 4.03568 20.6676 4.03655 20.6453C4.03828 20.6016 4.03772 20.5603 4.03631 20.5236C4.03352 20.451 4.02626 20.3685 4.01527 20.2738L2.02862 20.5046ZM2.12819 21.0818C2.48513 21.8407 3.2456 22.2103 3.92347 22.2617C4.62487 22.3149 5.4453 22.0457 5.92713 21.2828L4.23617 20.2148C4.22428 20.2336 4.21285 20.2429 4.19444 20.2511C4.17061 20.2617 4.12923 20.2715 4.07477 20.2674C4.01955 20.2632 3.97429 20.2463 3.94718 20.2298C3.92182 20.2143 3.92825 20.2098 3.93801 20.2306L2.12819 21.0818ZM5.92708 21.2829C5.92896 21.2799 5.96208 21.2361 6.06346 21.2313C6.16448 21.2266 6.21404 21.2671 6.22624 21.2823L7.78795 20.0329C7.31493 19.4416 6.6067 19.2033 5.96877 19.2336C5.33121 19.2638 4.64422 19.5689 4.23622 20.2147L5.92708 21.2829ZM6.22628 21.2824L6.77853 21.9726L8.34016 20.723L7.78791 20.0328L6.22628 21.2824ZM6.77853 21.9726C7.87466 23.3425 10.0887 23.3425 11.1848 21.9726L9.62319 20.723C9.3277 21.0923 8.63563 21.0923 8.34016 20.723L6.77853 21.9726ZM11.1852 21.9721L11.272 21.8635L9.70966 20.6149L9.62286 20.7235L11.1852 21.9721ZM11.2716 21.864C11.6096 21.4416 12.3904 21.4416 12.7284 21.864L14.29 20.6144C13.1514 19.1914 10.8486 19.1914 9.70999 20.6144L11.2716 21.864ZM12.7281 21.8635L12.8149 21.9721L14.3772 20.7235L14.2904 20.6149L12.7281 21.8635ZM12.8152 21.9726C13.9113 23.3425 16.1254 23.3425 17.2215 21.9726L15.6599 20.723C15.3644 21.0923 14.6723 21.0923 14.3768 20.723L12.8152 21.9726ZM3.20379 8.80647C3.12666 8.72635 3.05668 8.63146 3.02243 8.24382C2.98198 7.78579 3.00824 7.19811 3.00824 6.15176H1.00824C1.00824 7.06258 0.979418 7.84501 1.03019 8.41981C1.08718 9.06499 1.25476 9.66564 1.76294 10.1935L3.20379 8.80647ZM3.00824 6.15176C3.00824 5.14594 3.01022 4.48846 3.07314 4.00231C3.13282 3.54114 3.23123 3.3875 3.31398 3.30154L1.87313 1.91448C1.37057 2.43653 1.17632 3.07618 1.08968 3.7456C1.00627 4.39003 1.00824 5.20042 1.00824 6.15176H3.00824ZM3.31398 3.30154C3.3916 3.22091 3.52437 3.12591 3.95055 3.06639C4.40952 3.00229 5.0336 3 6.00497 3V1C5.09227 1 4.3033 0.997712 3.67391 1.08561C3.01173 1.1781 2.38082 1.3871 1.87313 1.91448L3.31398 3.30154ZM6.00497 3H17.9952V1H6.00497V3ZM17.9952 3C18.9665 3 19.5906 3.00229 20.0496 3.06639C20.4758 3.12591 20.6086 3.22092 20.6862 3.30153L22.127 1.91449C21.6193 1.38709 20.9884 1.17809 20.3262 1.08561C19.6968 0.997712 18.9079 1 17.9952 1V3ZM20.6862 3.30153C20.7689 3.3875 20.8673 3.54114 20.927 4.00231C20.9899 4.48846 20.9919 5.14594 20.9919 6.15176H22.9919C22.9919 5.20042 22.9939 4.39003 22.9105 3.7456C22.8238 3.07619 22.6296 2.43653 22.127 1.91449L20.6862 3.30153ZM20.9919 6.15176C20.9919 7.19783 21.018 7.7857 20.9774 8.2435C20.943 8.63104 20.873 8.72616 20.7957 8.80648L22.2365 10.1935C22.7445 9.66583 22.9124 9.06542 22.9696 8.42013C23.0206 7.8451 22.9919 7.06286 22.9919 6.15176H20.9919ZM12 9H9V11H12V9ZM14 13H8V15H14V13Z" fill="currentColor" fill-opacity="1"/>
+    </g>
+</svg>

package/dist/739824cc429938f7.svg ADDED Viewed

@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="uber-direct-brand">
+        <g id="Icon">
+            <path d="M4.47036 10.4486C5.33548 10.4486 6.00431 9.77971 6.00431 8.78977V4.93701H6.94078V11.1798H6.01323V10.6C5.59398 11.0371 5.01438 11.2868 4.36336 11.2868C3.02564 11.2868 2 10.3147 2 8.84324V4.93712H2.93647V8.78988C2.93647 9.79759 3.59634 10.4486 4.47036 10.4486ZM7.6363 11.1799H8.52815V10.6092C8.93843 11.0284 9.51803 11.287 10.1512 11.287C11.489 11.287 12.5414 10.2257 12.5414 8.9147C12.5414 7.59474 11.489 6.53346 10.1512 6.53346C9.51803 6.53346 8.94734 6.79212 8.53706 7.21131V4.93712H7.6363V11.1799ZM10.0889 10.4933C9.21486 10.4933 8.51924 9.78873 8.51924 8.9147C8.51924 8.03176 9.22378 7.33613 10.0889 7.33613C10.9451 7.33613 11.6495 8.03176 11.6495 8.9147C11.6495 9.78873 10.9451 10.4933 10.0889 10.4933ZM15.2346 6.54237C13.9058 6.54237 12.8981 7.62148 12.8981 8.90568C12.8981 10.2612 13.9505 11.278 15.3149 11.278C16.1443 11.278 16.8221 10.9123 17.277 10.3059L16.6258 9.82421C16.2869 10.2791 15.841 10.4932 15.3149 10.4932C14.5479 10.4932 13.9325 9.94023 13.8078 9.19994H17.5089V8.90557C17.5089 7.55013 16.5457 6.54237 15.2346 6.54237ZM13.8256 8.4866C13.9862 7.79092 14.548 7.32722 15.2168 7.32722C15.8858 7.32722 16.4476 7.79092 16.5992 8.4866H13.8256ZM20.3003 7.43422V6.59595H19.9882C19.4887 6.59595 19.1232 6.82777 18.9001 7.19349V6.63154H18.0083V11.1799H18.9091V8.5936C18.9091 7.88906 19.3372 7.43422 19.9257 7.43422H20.3003Z" fill="black"/>
+            <path d="M7.36589 15.8798C7.36589 16.0522 7.35101 16.2216 7.32128 16.388C7.29753 16.5545 7.2589 16.7149 7.20537 16.8695C7.1519 17.024 7.08653 17.1726 7.00925 17.3153C6.9379 17.4579 6.8547 17.5947 6.75955 17.7254C6.66445 17.8502 6.56045 17.9691 6.44752 18.0821C6.3346 18.195 6.21271 18.299 6.08197 18.3941C5.95117 18.4892 5.81445 18.5754 5.6718 18.6527C5.52915 18.724 5.37759 18.7864 5.21707 18.84C5.06252 18.8875 4.90205 18.9261 4.7356 18.9559C4.56921 18.9796 4.39977 18.9915 4.2274 18.9915H2.00728V12.7502H4.2274C4.39977 12.7502 4.56921 12.7651 4.7356 12.7948C4.90205 12.8186 5.06252 12.8572 5.21707 12.9108C5.37759 12.9642 5.52915 13.0296 5.6718 13.1069C5.81445 13.1782 5.95117 13.2614 6.08197 13.3566C6.21271 13.4517 6.3346 13.5557 6.44752 13.6686C6.56045 13.7815 6.66445 13.9034 6.75955 14.0342C6.8547 14.159 6.9379 14.2957 7.00925 14.4443C7.08653 14.587 7.1519 14.7355 7.20537 14.8901C7.2589 15.0446 7.29753 15.2052 7.32128 15.3716C7.35101 15.538 7.36589 15.7074 7.36589 15.8798ZM4.23631 13.1337H2.43528V18.6081H4.23631C4.38494 18.6081 4.53057 18.5962 4.67322 18.5724C4.81587 18.5487 4.95558 18.516 5.09225 18.4744C5.22897 18.4268 5.35678 18.3703 5.47568 18.305C5.6005 18.2396 5.71935 18.1653 5.83232 18.0821C5.94525 17.9989 6.04925 17.9097 6.14435 17.8146C6.24543 17.7136 6.33754 17.6066 6.42079 17.4936C6.50398 17.3807 6.57534 17.2618 6.63473 17.1369C6.70016 17.0121 6.75363 16.8814 6.79525 16.7447C6.8428 16.6079 6.87845 16.4683 6.90225 16.3256C6.926 16.177 6.9379 16.0284 6.9379 15.8798C6.9379 15.7312 6.926 15.5855 6.90225 15.4429C6.87845 15.2943 6.8428 15.1516 6.79525 15.0149C6.75363 14.8782 6.70016 14.7474 6.63473 14.6226C6.57534 14.4978 6.50398 14.3789 6.42079 14.266C6.33754 14.1471 6.24543 14.0401 6.14435 13.945C6.04925 13.844 5.94525 13.7519 5.83232 13.6686C5.71935 13.5854 5.6005 13.5111 5.47568 13.4457C5.35678 13.3803 5.22897 13.3239 5.09225 13.2763C4.95558 13.2288 4.81587 13.1931 4.67322 13.1693C4.53057 13.1455 4.38494 13.1337 4.23631 13.1337Z" fill="black"/>
+            <path d="M8.162 13.6508C8.07875 13.6508 8.00446 13.6181 7.93909 13.5527C7.87372 13.4873 7.841 13.41 7.841 13.3209C7.841 13.2317 7.87372 13.1574 7.93909 13.098C8.00446 13.0326 8.07875 12.9999 8.162 12.9999C8.24519 12.9999 8.31948 13.0326 8.38491 13.098C8.45028 13.1574 8.48294 13.2317 8.48294 13.3209C8.48294 13.41 8.45028 13.4873 8.38491 13.5527C8.31948 13.6181 8.24519 13.6508 8.162 13.6508ZM8.35812 14.5781V18.9915H7.948V14.5781H8.35812Z" fill="black"/>
+            <path d="M10.9191 14.9347H10.6249C10.292 14.9347 10.0275 15.0595 9.83131 15.3092C9.63514 15.5588 9.53705 15.856 9.53705 16.2008V18.9915H9.12694V14.5781H9.53705V15.22C9.63221 15.0179 9.77186 14.8544 9.95614 14.7296C10.1463 14.6048 10.3633 14.5424 10.607 14.5424H10.9191V14.9347Z" fill="black"/>
+            <path d="M10.8328 16.7803C10.8328 16.6377 10.8447 16.5009 10.8685 16.3702C10.8923 16.2335 10.925 16.1057 10.9666 15.9868C11.0141 15.862 11.0706 15.7431 11.136 15.6302C11.2014 15.5172 11.2727 15.4132 11.3499 15.3181C11.4332 15.2171 11.5224 15.1249 11.6175 15.0417C11.7185 14.9584 11.8225 14.8842 11.9295 14.8188C12.0425 14.7534 12.1584 14.6969 12.2772 14.6494C12.402 14.6018 12.5299 14.5662 12.6606 14.5424C12.7914 14.5186 12.9281 14.5067 13.0708 14.5067C13.2015 14.5067 13.3293 14.5186 13.4542 14.5424C13.579 14.5662 13.6979 14.6018 13.8108 14.6494C13.9297 14.691 14.0396 14.7445 14.1407 14.8099C14.2477 14.8693 14.3458 14.9406 14.4349 15.0239C14.5301 15.1011 14.6162 15.1873 14.6935 15.2824C14.7708 15.3775 14.8391 15.4815 14.8985 15.5945C14.958 15.7015 15.0085 15.8144 15.0502 15.9333C15.0917 16.0522 15.1244 16.177 15.1482 16.3077C15.172 16.4326 15.1839 16.5604 15.1839 16.6912V16.8962H11.243C11.2489 17.021 11.2667 17.1429 11.2965 17.2618C11.3321 17.3807 11.3737 17.4936 11.4213 17.6006C11.4748 17.7076 11.5342 17.8087 11.5996 17.9038C11.6709 17.9989 11.7482 18.088 11.8315 18.1712C11.9147 18.2485 12.0038 18.3199 12.0989 18.3852C12.2 18.4506 12.304 18.5071 12.411 18.5546C12.518 18.5962 12.6279 18.6289 12.7409 18.6527C12.8598 18.6765 12.9816 18.6883 13.1064 18.6883C13.4096 18.6883 13.6949 18.617 13.9624 18.4744C14.2358 18.3317 14.4557 18.1415 14.6222 17.9038L14.9521 18.1267C14.75 18.412 14.4854 18.6408 14.1585 18.8132C13.8375 18.9796 13.4869 19.0629 13.1064 19.0629C12.9638 19.0629 12.8241 19.051 12.6874 19.0272C12.5566 19.0034 12.4288 18.9677 12.304 18.9202C12.1791 18.8726 12.0603 18.8162 11.9473 18.7508C11.8344 18.6854 11.7274 18.6111 11.6264 18.5279C11.5313 18.4447 11.4421 18.3525 11.3589 18.2515C11.2757 18.1504 11.2014 18.0434 11.136 17.9305C11.0706 17.8176 11.0141 17.6987 10.9666 17.5739C10.925 17.449 10.8923 17.3212 10.8685 17.1905C10.8447 17.0597 10.8328 16.923 10.8328 16.7803ZM13.0708 14.8723C12.6131 14.8723 12.2118 15.0328 11.8671 15.3537C11.5224 15.6688 11.3203 16.0581 11.2608 16.5217H14.7559C14.7143 16.0581 14.5301 15.6688 14.2031 15.3537C13.8821 15.0328 13.5047 14.8723 13.0708 14.8723Z" fill="black"/>
+            <path d="M15.9918 16.7803C15.9918 16.8992 16.0008 17.0151 16.0186 17.128C16.0424 17.235 16.0721 17.342 16.1078 17.449C16.1434 17.55 16.188 17.6481 16.2415 17.7432C16.3009 17.8384 16.3633 17.9275 16.4287 18.0108C16.5 18.094 16.5743 18.1712 16.6516 18.2426C16.7349 18.3139 16.821 18.3763 16.9102 18.4298C17.0053 18.4833 17.1033 18.5309 17.2044 18.5724C17.3054 18.6081 17.4095 18.6379 17.5165 18.6616C17.6294 18.6794 17.7423 18.6883 17.8553 18.6883C18.1584 18.6883 18.4437 18.617 18.7113 18.4744C18.9787 18.3317 19.1986 18.1415 19.371 17.9038L19.7009 18.1267C19.4988 18.412 19.2343 18.6408 18.9074 18.8132C18.5864 18.9796 18.2357 19.0629 17.8553 19.0629C17.7126 19.0629 17.573 19.051 17.4362 19.0272C17.3054 19.0034 17.1777 18.9677 17.0529 18.9202C16.928 18.8726 16.8091 18.8162 16.6962 18.7508C16.5832 18.6854 16.4763 18.6111 16.3752 18.5279C16.2801 18.4447 16.191 18.3525 16.1078 18.2515C16.0245 18.1504 15.9502 18.0434 15.8848 17.9305C15.8195 17.8176 15.763 17.6987 15.7154 17.5739C15.6738 17.449 15.6411 17.3212 15.6174 17.1905C15.5936 17.0597 15.5817 16.923 15.5817 16.7803C15.5817 16.6377 15.5936 16.5009 15.6174 16.3702C15.6411 16.2394 15.6738 16.1116 15.7154 15.9868C15.763 15.862 15.8195 15.7431 15.8848 15.6302C15.9502 15.5172 16.0245 15.4132 16.1078 15.3181C16.191 15.2171 16.2801 15.1249 16.3752 15.0417C16.4763 14.9584 16.5832 14.8842 16.6962 14.8188C16.8091 14.7534 16.928 14.6969 17.0529 14.6494C17.1777 14.6018 17.3054 14.5662 17.4362 14.5424C17.573 14.5186 17.7126 14.5067 17.8553 14.5067C18.2357 14.5067 18.5864 14.5929 18.9074 14.7653C19.2343 14.9317 19.4988 15.1576 19.7009 15.4429L19.371 15.6658C19.1986 15.4281 18.9787 15.2378 18.7113 15.0952C18.4437 14.9466 18.1584 14.8723 17.8553 14.8723C17.7423 14.8723 17.6294 14.8842 17.5165 14.908C17.4095 14.9258 17.3054 14.9555 17.2044 14.9971C17.1033 15.0328 17.0053 15.0773 16.9102 15.1308C16.821 15.1843 16.7349 15.2467 16.6516 15.3181C16.5743 15.3835 16.5 15.4578 16.4287 15.541C16.3633 15.6242 16.3009 15.7134 16.2415 15.8085C16.188 15.9036 16.1434 16.0046 16.1078 16.1116C16.0721 16.2127 16.0424 16.3196 16.0186 16.4326C16.0008 16.5455 15.9918 16.6615 15.9918 16.7803Z" fill="black"/>
+            <path d="M21.3402 18.9915C21.0846 18.9915 20.8825 18.9232 20.734 18.7864C20.5853 18.6497 20.511 18.4655 20.511 18.2337V14.9525H19.6908V14.5781H20.511V13.2317H20.9212V14.5781H22V14.9525H20.9212V18.189C20.9212 18.3198 20.9628 18.4239 21.046 18.5011C21.1292 18.5784 21.2451 18.617 21.3937 18.617H22V18.9915H21.3402Z" fill="black"/>
+        </g>
+    </g>
+</svg>

package/dist/components/FDErrorBoundary/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react-error-boundary"),t=require("../../providers/TranslationProvider.cjs.js");require("react");const n=require("@mui/material/styles").styled("div")((({theme:r})=>({marginTop:r.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),s=()=>{const{translate:e}=t.useTranslation();return r.jsx(n,{children:e("Something_went_wrong_please_refresh_the_page")})};module.exports=({identifier:t,children:n})=>r.jsx(e.ErrorBoundary,{FallbackComponent:s,onError:(r,e)=>{window.fdlogger?.error(`${t?.toString()} Error Boundary`,{message:r?.message,stack:e})},children:n});
+"use strict";var e=require("react/jsx-runtime"),r=require("react-error-boundary");require("react");const t=require("@mui/material/styles").styled("div")((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),n=({somethingWentWrongText:r})=>e.jsx(t,{children:r});module.exports=({identifier:t,children:i,somethingWentWrongText:o})=>e.jsx(r.ErrorBoundary,{FallbackComponent:()=>e.jsx(n,{somethingWentWrongText:o}),onError:(e,r)=>{window.fdlogger?.error(`${t?.toString()} Error Boundary`,{message:e?.message,stack:r})},children:i});
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/FDErrorBoundary/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { ~~useTranslation } from '../../providers/TranslationProvider';\nimport {~~ type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\~~nconst~~ ~~FallbackComponent~~ = ~~() =>~~ {\n ~~const~~ { ~~translate~~ } = ~~useTranslation();\~~n return <StyledTextContainer>{~~translate('Something_went_wrong_please_refresh_the_page')~~}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n return (\n <ErrorBoundary\n FallbackComponent={~~FallbackComponent~~}\n onError={(error, info) => {\n window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n message: error?.message,\n stack: info,\n });\n }}\n >\n {children}\n </ErrorBoundary>\n );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","~~translate~~","~~useTranslation~~","~~_jsx~~","children","identifier","~~jsx","~~ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"~~2JAKA~~,MAAMA,kCAAsBC,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,~~aAGVC~~,EAAoB,~~KACtB~~,~~MAAMC~~,~~UAAEA~~,~~GAAcC~~,~~EAAAA~~,~~iBACtB~~,~~OAAOC~~,~~EAAAA~~,~~IAACX~~,~~EAAqB~~,~~CAAAY~~,~~SAAAH~~,~~EAAU~~,~~iDAAsE~~,~~iBAGzF~~,~~EAAGI~~,~~aAAYD~~,~~cAE/BD~~,~~EAAAG~~,~~IAACC~~,~~EAAaA~~,~~cAAA~~,~~CACVP~~,~~kBAAmBA~~,~~EACnBQ,~~QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,~~GAAGJ~~,~~GAAYQ~~,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,~~EAGLN~~,SAAAA"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\ntype Props = {\n somethingWentWrongText: string;\n};\n\nconst FallbackComponent = ({ somethingWentWrongText }: Props) => {\n return <StyledTextContainer>{somethingWentWrongText}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({\n identifier,\n children,\n somethingWentWrongText,\n}: {\n identifier: string;\n children: ReactNode;\n somethingWentWrongText: string;\n}) => {\n const fallbackComponentWithProps = () => <FallbackComponent somethingWentWrongText={somethingWentWrongText} />;\n\n return (\n <ErrorBoundary\n FallbackComponent={fallbackComponentWithProps}\n onError={(error, info) => {\n window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n message: error?.message,\n stack: info,\n });\n }}\n >\n {children}\n </ErrorBoundary>\n );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","somethingWentWrongText","_jsx","jsx","children","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"mGAIA,MAAMA,kCAAsBC,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAoB,EAAGC,4BAClBC,EAACC,IAAAX,EAAqB,CAAAY,SAAAH,mBAGT,EACpBI,aACAD,WACAH,4BASIC,EAAAC,IAACG,EAAaA,cAAA,CACVN,kBAJ2B,IAAME,MAACF,EAAiB,CAACC,uBAAwBA,IAK5EM,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLL,SAAAA"}

package/dist/components/FDErrorBoundary/index.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-declare const FDErrorBoundary: ({ identifier, children }: {
+declare const FDErrorBoundary: ({ identifier, children, somethingWentWrongText, }: {
     identifier: string;
     children: ReactNode;
+    somethingWentWrongText: string;
 }) => react_jsx_runtime.JSX.Element;
 export { FDErrorBoundary as default };

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{ErrorBoundary as e}from"react-error-boundary";import{useTranslation as t}from"../../providers/TranslationProvider.js";import"react";import{styled as o}from"@mui/material/styles";const n=o("div")((({theme:r})=>({marginTop:r.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),i=()=>{const{translate:e}=t();return r(n,{children:e("Something_went_wrong_please_refresh_the_page")})},a=({identifier:t,children:o})=>r(e,{FallbackComponent:i,onError:(r,e)=>{window.fdlogger?.error(`${t?.toString()} Error Boundary`,{message:r?.message,stack:e})},children:o});export{a as default};
+import{jsx as e}from"react/jsx-runtime";import{ErrorBoundary as r}from"react-error-boundary";import"react";import{styled as t}from"@mui/material/styles";const n=t("div")((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),o=({somethingWentWrongText:r})=>e(n,{children:r}),i=({identifier:t,children:n,somethingWentWrongText:i})=>e(r,{FallbackComponent:()=>e(o,{somethingWentWrongText:i}),onError:(e,r)=>{window.fdlogger?.error(`${t?.toString()} Error Boundary`,{message:e?.message,stack:r})},children:n});export{i as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { ~~useTranslation } from '../../providers/TranslationProvider';\nimport {~~ type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\~~nconst~~ ~~FallbackComponent~~ = ~~() =>~~ {\n ~~const~~ { ~~translate~~ } = ~~useTranslation();\~~n return <StyledTextContainer>{~~translate('Something_went_wrong_please_refresh_the_page')~~}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n return (\n <ErrorBoundary\n FallbackComponent={~~FallbackComponent~~}\n onError={(error, info) => {\n window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n message: error?.message,\n stack: info,\n });\n }}\n >\n {children}\n </ErrorBoundary>\n );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","~~translate~~","~~useTranslation","~~_jsx","children","FDErrorBoundary","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"~~iOAKA~~,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,~~aAGVC~~,EAAoB,~~KACtB~~,~~MAAMC~~,~~UAAEA~~,~~GAAcC~~,~~IACtB~~,~~OAAOC~~,~~EAACX~~,~~EAAqB~~,~~CAAAY~~,~~SAAAH~~,~~EAAU~~,~~iDAAsE~~,~~EAG3GI~~,~~EAAkB~~,~~EAAGC~~,~~aAAYF~~,~~cAE/BD~~,~~EAACI~~,~~EAAa~~,~~CACVP~~,~~kBAAmBA~~,~~EACnBQ~~,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLN,SAAAA"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\ntype Props = {\n somethingWentWrongText: string;\n};\n\nconst FallbackComponent = ({ somethingWentWrongText }: Props) => {\n return <StyledTextContainer>{somethingWentWrongText}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({\n identifier,\n children,\n somethingWentWrongText,\n}: {\n identifier: string;\n children: ReactNode;\n somethingWentWrongText: string;\n}) => {\n const fallbackComponentWithProps = () => <FallbackComponent somethingWentWrongText={somethingWentWrongText} />;\n\n return (\n <ErrorBoundary\n FallbackComponent={fallbackComponentWithProps}\n onError={(error, info) => {\n window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n message: error?.message,\n stack: info,\n });\n }}\n >\n {children}\n </ErrorBoundary>\n );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","somethingWentWrongText","_jsx","children","FDErrorBoundary","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"yJAIA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAoB,EAAGC,4BAClBC,EAACV,EAAqB,CAAAW,SAAAF,IAG3BG,EAAkB,EACpBC,aACAF,WACAF,4BASIC,EAACI,EAAa,CACVN,kBAJ2B,IAAME,EAACF,EAAiB,CAACC,uBAAwBA,IAK5EM,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLN,SAAAA"}

package/dist/components/FlipdishStaffContainer/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("../../providers/TranslationProvider.cjs.js"),i=require("@mui/icons-material/SupportAgentOutlined"),t=require("@mui/material/Grid"),a=require("@mui/material/styles"),s=require("@mui/material/Typography"),n=require("@mui/material/Box");const l=a.styled(n)((({theme:e})=>({backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2)}))),d=a.styled(t)((({theme:e})=>({alignItems:"center",display:"flex",marginBottom:e.spacing(1.5)}))),o=a.styled(s)((({theme:e})=>({fontWeight:500,marginLeft:e.spacing(1)})));module.exports=({titleOverride:t,children:a})=>{const{translate:s}=r.useTranslation();return e.jsxs(l,{"data-testid":"flipdish-staff-only-container",children:[e.jsxs(d,{children:[e.jsx(i,{}),e.jsx(o,{children:t||s("Flipdish_staff_only")})]}),a]})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/icons-material/SupportAgentOutlined"),i=require("@mui/material/Grid"),t=require("@mui/material/styles"),a=require("@mui/material/Typography"),s=require("@mui/material/Box");const l=t.styled(s)((({theme:e})=>({backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2)}))),n=t.styled(i)((({theme:e})=>({alignItems:"center",display:"flex",marginBottom:e.spacing(1.5)}))),d=t.styled(a)((({theme:e})=>({fontWeight:500,marginLeft:e.spacing(1)})));module.exports=({title:i,children:t})=>e.jsxs(l,{"data-testid":"flipdish-staff-only-container",children:[e.jsxs(n,{children:[e.jsx(r,{}),e.jsx(d,{children:i})]}),t]});
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/FlipdishStaffContainer/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport ~~{ useTranslation } from '../../providers/TranslationProvider';\nimport~~ SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n backgroundColor: theme.palette.grey[200],\n borderRadius: '4px',\n padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n alignItems: 'center',\n display: 'flex',\n marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n fontWeight: 500,\n marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n ~~titleOverride~~?: string;\n children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ ~~titleOverride~~, children }: Props) => {\n ~~const { translate } = useTranslation();\n\n~~ return (\n <StyledContainer data-testid=\"flipdish-staff-only-container\">\n <TitleContainer>\n <SupportAgentOutlinedIcon />\n <Title>{~~titleOverride \|\| translate('Flipdish_staff_only')~~}</Title>\n </TitleContainer>\n\n {children}\n </StyledContainer>\n );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","~~titleOverride~~","children","~~translate","useTranslation","~~_jsxs","_jsx","jsx","SupportAgentOutlinedIcon"],"mappings":"~~0TAQA~~,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBAQC,EAAGU,~~gBAAeC~~,~~eAC7C~~,~~MAAMC~~,~~UAAEA,GAAcC,EAAAA,iBAEtB,OACIC,OAACvB,~~EAAe,CAAA,cAAa,~~gCAA+BoB~~,SAAA,~~CACxDG~~,~~EAAAA~~,~~KAACb~~,~~EACG,~~CAAAU,SAAA,~~CAAAI~~,~~EAAAC~~,~~IAACC~~,~~EAAwB~~,~~IACzBF~~,~~EAAAC~~,~~IAACV,~~EAAK,CAAAK,SAAED,~~GAAiBE,EAAU,4BAGtCD,IAEP~~"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n backgroundColor: theme.palette.grey[200],\n borderRadius: '4px',\n padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n alignItems: 'center',\n display: 'flex',\n marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n fontWeight: 500,\n marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n title?: string;\n children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ title, children }: Props) => {\n return (\n <StyledContainer data-testid=\"flipdish-staff-only-container\">\n <TitleContainer>\n <SupportAgentOutlinedIcon />\n <Title>{title}</Title>\n </TitleContainer>\n\n {children}\n </StyledContainer>\n );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","title","children","_jsxs","_jsx","jsx","SupportAgentOutlinedIcon"],"mappings":"kQAOA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBAQC,EAAGU,QAAOC,cAEjCC,OAACrB,EAAe,CAAA,cAAa,gCACzBoB,SAAA,CAAAC,OAACX,EAAc,CAAAU,SAAA,CACXE,EAACC,IAAAC,MACDF,EAAAA,IAACP,EAAK,CAAAK,SAAED,OAGXC"}

package/dist/components/FlipdishStaffContainer/index.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 type Props = {
-    titleOverride?: string;
+    title?: string;
     children: ReactNode;
 };
-declare const FlipdishStaffContainer: ({ titleOverride, children }: Props) => react_jsx_runtime.JSX.Element;
+declare const FlipdishStaffContainer: ({ title, children }: Props) => react_jsx_runtime.JSX.Element;
 export { FlipdishStaffContainer as default };

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

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import"react";import{useTranslation as i}from"../../providers/TranslationProvider.js";import e from"@mui/icons-material/SupportAgentOutlined";import a from"@mui/material/Grid";import{styled as o}from"@mui/material/styles";import m from"@mui/material/Typography";import n from"@mui/material/Box";const l=o(n)((({theme:r})=>({backgroundColor:r.palette.grey[200],borderRadius:"4px",padding:r.spacing(2)}))),p=o(a)((({theme:r})=>({alignItems:"center",display:"flex",marginBottom:r.spacing(1.5)}))),s=o(m)((({theme:r})=>({fontWeight:500,marginLeft:r.spacing(1)}))),d=({titleOverride:a,children:o})=>{const{translate:m}=i();return r(l,{"data-testid":"flipdish-staff-only-container",children:[r(p,{children:[t(e,{}),t(s,{children:a||m("Flipdish_staff_only")})]}),o]})};export{d as default};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import"react";import r from"@mui/icons-material/SupportAgentOutlined";import e from"@mui/material/Grid";import{styled as m}from"@mui/material/styles";import a from"@mui/material/Typography";import o from"@mui/material/Box";const n=m(o)((({theme:t})=>({backgroundColor:t.palette.grey[200],borderRadius:"4px",padding:t.spacing(2)}))),l=m(e)((({theme:t})=>({alignItems:"center",display:"flex",marginBottom:t.spacing(1.5)}))),p=m(a)((({theme:t})=>({fontWeight:500,marginLeft:t.spacing(1)}))),d=({title:e,children:m})=>t(n,{"data-testid":"flipdish-staff-only-container",children:[t(l,{children:[i(r,{}),i(p,{children:e})]}),m]});export{d as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport ~~{ useTranslation } from '../../providers/TranslationProvider';\nimport~~ SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n backgroundColor: theme.palette.grey[200],\n borderRadius: '4px',\n padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n alignItems: 'center',\n display: 'flex',\n marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n fontWeight: 500,\n marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n ~~titleOverride~~?: string;\n children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ ~~titleOverride~~, children }: Props) => {\n ~~const { translate } = useTranslation();\n\n~~ return (\n <StyledContainer data-testid=\"flipdish-staff-only-container\">\n <TitleContainer>\n <SupportAgentOutlinedIcon />\n <Title>{~~titleOverride \|\| translate('Flipdish_staff_only')~~}</Title>\n </TitleContainer>\n\n {children}\n </StyledContainer>\n );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","~~titleOverride~~","children","~~translate","useTranslation","~~_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"~~yVAQA~~,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAQxBU,EAAyB,EAAGC,~~gBAAeC~~,~~eAC7C~~,~~MAAMC~~,~~UAAEA,GAAcC,IAEtB,OACIC,EAACxB,~~EAAe,CAAA,cAAa,~~gCAA+BqB~~,SAAA,~~CACxDG~~,~~EAACd~~,~~EACG~~,CAAAW,SAAA,~~CAAAI~~,EAACC,~~EAAwB~~,~~IACzBD~~,~~EAACV,~~EAAK,CAAAM,SAAED,~~GAAiBE,EAAU,4BAGtCD,IAEP~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n backgroundColor: theme.palette.grey[200],\n borderRadius: '4px',\n padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n alignItems: 'center',\n display: 'flex',\n marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n fontWeight: 500,\n marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n title?: string;\n children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ title, children }: Props) => {\n return (\n <StyledContainer data-testid=\"flipdish-staff-only-container\">\n <TitleContainer>\n <SupportAgentOutlinedIcon />\n <Title>{title}</Title>\n </TitleContainer>\n\n {children}\n </StyledContainer>\n );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","title","children","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"iRAOA,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAQxBU,EAAyB,EAAGC,QAAOC,cAEjCC,EAACtB,EAAe,CAAA,cAAa,gCACzBqB,SAAA,CAAAC,EAACZ,EAAc,CAAAW,SAAA,CACXE,EAACC,MACDD,EAACR,EAAK,CAAAM,SAAED,OAGXC"}

package/dist/components/Form/FormItemLayout/index.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import react__default from 'react';
 interface FormItemLayoutProps {
-    children: React__default.ReactNode;
-    description?: React__default.ReactNode;
+    children: react__default.ReactNode;
+    description?: react__default.ReactNode;
     descriptionTranslated?: string;
-    label?: React__default.ReactNode;
+    label?: react__default.ReactNode;
     labelTranslated?: string;
     mdProportion?: '4x8' | '8x4' | '10x2' | '12x12';
     smProportion?: '4x8' | '8x4' | '10x2' | '12x12';

package/dist/components/Form/GenericAutocompleteField/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material/Autocomplete"),i=require("@mui/material/CircularProgress"),r=require("@mui/material/TextField"),t=require("@mui/material/Typography"),a=require("formik");require("react");var o=require("../../../custom-hooks/useRenderValidText.cjs.js"),n=require("../FormItemLayout/index.cjs.js");const u=({field:t,form:a,fieldName:n,options:u,label:d,variant:s,placeholder:p,getOptionLabel:m,isOptionEqualToValue:h,onChange:c,onInputChange:g,onScroll:x,layout:q="horizontal",disabled:v=!1,loading:b=!1,required:j=!1,multiple:T=!1,limitTags:f})=>{const{errors:y,touched:C,isSubmitting:I}=a,O=y[t.name],E=!!O&&C[t.name],F=o({fieldError:O,showError:E,touched:!!C[t.name],value:t.value});return e.jsx(l,{options:u,getOptionLabel:m,isOptionEqualToValue:h,onChange:(e,l)=>{a.setFieldValue(n,l),c&&c(e,l)},onInputChange:g,disabled:I||v,fullWidth:!0,value:t.value||(T?[]:null),loading:b,renderInput:l=>e.jsx(r,{...l,label:"standard"===s?void 0:d,variant:s,"data-testid":`text-field-${n}`,fullWidth:!0,style:{paddingRight:"horizontal"===q?16:0},placeholder:p||void 0,required:j,error:E,helperText:F,slotProps:{input:{...l.InputProps,endAdornment:e.jsxs(e.Fragment,{children:[b&&e.jsx(i,{color:"inherit",size:25}),l.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:T,limitTags:T?f??2:void 0,slotProps:{listbox:{onScroll:x}}})};module.exports=({label:l,fieldName:i,options:r,placeholder:o,getOptionLabel:d,validation:s,onChange:p,onInputChange:m,isOptionEqualToValue:h,onScroll:c,layout:g="horizontal",variant:x="outlined",disabled:q=!1,loading:v=!1,required:b=!1,multiple:j=!1,limitTags:T})=>{const f=()=>e.jsx(a.Field,{name:i,validate:s,children:t=>e.jsx(u,{...t,fieldName:i,options:r,label:l,variant:x,placeholder:o,getOptionLabel:d,isOptionEqualToValue:h,onChange:p,onInputChange:m,onScroll:c,layout:g,disabled:q,loading:v,required:b,multiple:j,limitTags:T})});return"vertical"===g?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(t,{variant:"subtitle1",component:"h3",color:"textPrimary",children:l}),f()]}):e.jsx(n,{label:l,children:f()})};
+"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material/Autocomplete"),i=require("@mui/material/CircularProgress"),r=require("@mui/material/TextField"),t=require("@mui/material/Typography"),a=require("formik");require("react");var o=require("../../../custom-hooks/useRenderValidText.cjs.js"),n=require("../FormItemLayout/index.cjs.js");const d=({field:t,form:a,fieldName:n,options:d,label:u,variant:s,placeholder:p,getOptionLabel:m,isOptionEqualToValue:h,onChange:c,onInputChange:g,onScroll:x,layout:q="horizontal",disabled:v=!1,loading:b=!1,required:j=!1,multiple:T=!1,limitTags:f})=>{const{errors:y,touched:C,isSubmitting:I}=a,O=y[t.name],V=!!O&&C[t.name],E=o({fieldError:O,showError:V,touched:!!C[t.name],value:t.value},"Valid");return e.jsx(l,{options:d,getOptionLabel:m,isOptionEqualToValue:h,onChange:(e,l)=>{a.setFieldValue(n,l),c&&c(e,l)},onInputChange:g,disabled:I||v,fullWidth:!0,value:t.value||(T?[]:null),loading:b,renderInput:l=>e.jsx(r,{...l,label:"standard"===s?void 0:u,variant:s,"data-testid":`text-field-${n}`,fullWidth:!0,style:{paddingRight:"horizontal"===q?16:0},placeholder:p||void 0,required:j,error:V,helperText:E,slotProps:{input:{...l.InputProps,endAdornment:e.jsxs(e.Fragment,{children:[b&&e.jsx(i,{color:"inherit",size:25}),l.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:T,limitTags:T?f??2:void 0,slotProps:{listbox:{onScroll:x}}})};module.exports=({label:l,fieldName:i,options:r,placeholder:o,getOptionLabel:u,validation:s,onChange:p,onInputChange:m,isOptionEqualToValue:h,onScroll:c,layout:g="horizontal",variant:x="outlined",disabled:q=!1,loading:v=!1,required:b=!1,multiple:j=!1,limitTags:T})=>{const f=()=>e.jsx(a.Field,{name:i,validate:s,children:t=>e.jsx(d,{...t,fieldName:i,options:r,label:l,variant:x,placeholder:o,getOptionLabel:u,isOptionEqualToValue:h,onChange:p,onInputChange:m,onScroll:c,layout:g,disabled:q,loading:v,required:b,multiple:j,limitTags:T})});return"vertical"===g?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(t,{variant:"subtitle1",component:"h3",color:"textPrimary",children:l}),f()]}):e.jsx(n,{label:l,children:f()})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Form/GenericAutocompleteField/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { Field, type FieldProps } from 'formik';\nimport { type SyntheticEvent } from 'react';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport type Props<T> = {\n label: string;\n fieldName: string;\n options: T[];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n validation?: (value: T \| T[]) => string \| undefined;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\ntype AutocompleteFieldProps<T> = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n options: T[];\n label: string;\n variant: TextFieldProps['variant'];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\nconst AutocompleteFieldComponent = <T,>({\n field,\n form,\n fieldName,\n options,\n label,\n variant,\n placeholder,\n getOptionLabel,\n isOptionEqualToValue,\n onChange,\n onInputChange,\n onScroll,\n layout = 'horizontal',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags,\n}: AutocompleteFieldProps<T>) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText({\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n });\n\n return (\n <Autocomplete\n options={options}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={(e: SyntheticEvent, value: T[]) => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, value);\n if (onChange) {\n onChange(e, value);\n }\n }}\n onInputChange={onInputChange}\n disabled={isSubmitting \|\| disabled}\n fullWidth\n value={field.value \|\| (multiple ? [] : null)}\n loading={loading}\n renderInput={(params) => (\n <TextField\n {...params}\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n data-testid={`text-field-${fieldName}`}\n fullWidth\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n required={required}\n error={showError}\n helperText={helperText}\n slotProps={{\n input: {\n ...params.InputProps,\n endAdornment: (\n <>\n {loading && <CircularProgress color=\"inherit\" size={25} />}\n {params.InputProps.endAdornment}\n </>\n ),\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n />\n )}\n multiple={multiple}\n limitTags={multiple ? (limitTags ?? 2) : undefined}\n slotProps={{\n listbox: {\n onScroll,\n },\n }}\n />\n );\n};\n\nconst GenericAutocompleteField = <T,>({\n label,\n fieldName,\n options,\n placeholder,\n getOptionLabel,\n validation,\n onChange,\n onInputChange,\n isOptionEqualToValue,\n onScroll,\n layout = 'horizontal',\n variant = 'outlined',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags = undefined,\n}: Props<T>) => {\n const renderField = () => {\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <AutocompleteFieldComponent<T>\n {...fieldProps}\n fieldName={fieldName}\n options={options}\n label={label}\n variant={variant}\n placeholder={placeholder}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={onChange}\n onInputChange={onInputChange}\n onScroll={onScroll}\n layout={layout}\n disabled={disabled}\n loading={loading}\n required={required}\n multiple={multiple}\n limitTags={limitTags}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","value","_jsx","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","jsxs","_Fragment","children","jsx","CircularProgress","color","size","formHelperText","textAlign","listbox","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"iWAmDA,MAAMA,EAA6B,EAC/BC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,~~EAAmB~~,~~CAClCJ~~,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBI,MAAO1B,EAAM0B,~~QAGjB~~,OACIC,MAACC,EAAY,CACTzB,QAASA,EACTI,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAU,CAACoB,EAAmBH,KAE1BzB,EAAK6B,cAAc5B,EAAWwB,GAC1BjB,GACAA,EAASoB,EAAGH,EACf,EAELhB,cAAeA,EACfG,SAAUO,GAAgBP,EAC1BkB,aACAL,MAAO1B,EAAM0B,QAAUV,EAAW,GAAK,MACvCF,QAASA,EACTkB,YAAcC,GACVN,EAAAA,IAACO,EACO,IAAAD,EACJ7B,MAAmB,aAAZC,OAAyB8B,EAAY/B,EAC5CC,QAASA,EAAO,cACH,cAAcH,IAC3B6B,WACA,EAAAK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDN,YAAaA,QAAe6B,EAC5BpB,SAAUA,EACVuB,MAAOf,EACPC,WAAYA,EACZe,UAAW,CACPC,MAAO,IACAP,EAAOQ,WACVC,aACIC,EACKC,KAAAC,WAAA,CAAAC,SAAA,CAAAhC,GAAWa,EAACoB,IAAAC,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDjB,EAAOQ,WAAWC,iBAI/BS,eAAgB,CACZL,SAAU,IACVV,MAAO,CAAEgB,UAAW,aAKpCpC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKkB,EACzCI,UAAW,CACPc,QAAS,CACL1C,cAId,iBAG2B,EAC7BP,QACAF,YACAC,UACAG,cACAC,iBACA+C,aACA7C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMsC,EAAc,IAEZ5B,MAAC6B,EAAAA,OAAMlC,KAAMpB,EAAWuD,SAAUH,EAAUR,SACtCY,GACE/B,MAAC5B,EAA0B,IACnB2D,EACJxD,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,YAAaA,EACbC,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAUA,EACVC,cAAeA,EACfC,SAAUA,EACVC,OAAQA,EACRC,SAAUA,EACVC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,UAAWA,MAO/B,MAAe,aAAXL,EAEI+B,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACiB,aAAZzC,GACGsB,EAAAoB,IAACY,EAAU,CAACtD,QAAQ,YAAYuD,UAAU,KAAKX,MAAM,cAChDH,SAAA1C,IAGRmD,OAKN5B,EAAAoB,IAACc,EAAc,CAACzD,MAAOA,EAAQ0C,SAAAS,KAA+B"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { Field, type FieldProps } from 'formik';\nimport { type SyntheticEvent } from 'react';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport type Props<T> = {\n label: string;\n fieldName: string;\n options: T[];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n validation?: (value: T \| T[]) => string \| undefined;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\ntype AutocompleteFieldProps<T> = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n options: T[];\n label: string;\n variant: TextFieldProps['variant'];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\nconst AutocompleteFieldComponent = <T,>({\n field,\n form,\n fieldName,\n options,\n label,\n variant,\n placeholder,\n getOptionLabel,\n isOptionEqualToValue,\n onChange,\n onInputChange,\n onScroll,\n layout = 'horizontal',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags,\n}: AutocompleteFieldProps<T>) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText(\n {\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n },\n 'Valid',\n );\n\n return (\n <Autocomplete\n options={options}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={(e: SyntheticEvent, value: T[]) => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, value);\n if (onChange) {\n onChange(e, value);\n }\n }}\n onInputChange={onInputChange}\n disabled={isSubmitting \|\| disabled}\n fullWidth\n value={field.value \|\| (multiple ? [] : null)}\n loading={loading}\n renderInput={(params) => (\n <TextField\n {...params}\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n data-testid={`text-field-${fieldName}`}\n fullWidth\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n required={required}\n error={showError}\n helperText={helperText}\n slotProps={{\n input: {\n ...params.InputProps,\n endAdornment: (\n <>\n {loading && <CircularProgress color=\"inherit\" size={25} />}\n {params.InputProps.endAdornment}\n </>\n ),\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n />\n )}\n multiple={multiple}\n limitTags={multiple ? (limitTags ?? 2) : undefined}\n slotProps={{\n listbox: {\n onScroll,\n },\n }}\n />\n );\n};\n\nconst GenericAutocompleteField = <T,>({\n label,\n fieldName,\n options,\n placeholder,\n getOptionLabel,\n validation,\n onChange,\n onInputChange,\n isOptionEqualToValue,\n onScroll,\n layout = 'horizontal',\n variant = 'outlined',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags = undefined,\n}: Props<T>) => {\n const renderField = () => {\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <AutocompleteFieldComponent<T>\n {...fieldProps}\n fieldName={fieldName}\n options={options}\n label={label}\n variant={variant}\n placeholder={placeholder}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={onChange}\n onInputChange={onInputChange}\n onScroll={onScroll}\n layout={layout}\n disabled={disabled}\n loading={loading}\n required={required}\n multiple={multiple}\n limitTags={limitTags}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","value","_jsx","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","jsxs","_Fragment","children","jsx","CircularProgress","color","size","formHelperText","textAlign","listbox","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"iWAmDA,MAAMA,EAA6B,EAC/BC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,EACf,CACIJ,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBI,MAAO1B,EAAM0B,OAEjB,SAGJ,OACIC,MAACC,EAAY,CACTzB,QAASA,EACTI,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAU,CAACoB,EAAmBH,KAE1BzB,EAAK6B,cAAc5B,EAAWwB,GAC1BjB,GACAA,EAASoB,EAAGH,EACf,EAELhB,cAAeA,EACfG,SAAUO,GAAgBP,EAC1BkB,aACAL,MAAO1B,EAAM0B,QAAUV,EAAW,GAAK,MACvCF,QAASA,EACTkB,YAAcC,GACVN,EAAAA,IAACO,EACO,IAAAD,EACJ7B,MAAmB,aAAZC,OAAyB8B,EAAY/B,EAC5CC,QAASA,EAAO,cACH,cAAcH,IAC3B6B,WACA,EAAAK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDN,YAAaA,QAAe6B,EAC5BpB,SAAUA,EACVuB,MAAOf,EACPC,WAAYA,EACZe,UAAW,CACPC,MAAO,IACAP,EAAOQ,WACVC,aACIC,EACKC,KAAAC,WAAA,CAAAC,SAAA,CAAAhC,GAAWa,EAACoB,IAAAC,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDjB,EAAOQ,WAAWC,iBAI/BS,eAAgB,CACZL,SAAU,IACVV,MAAO,CAAEgB,UAAW,aAKpCpC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKkB,EACzCI,UAAW,CACPc,QAAS,CACL1C,cAId,iBAG2B,EAC7BP,QACAF,YACAC,UACAG,cACAC,iBACA+C,aACA7C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMsC,EAAc,IAEZ5B,MAAC6B,EAAAA,OAAMlC,KAAMpB,EAAWuD,SAAUH,EAAUR,SACtCY,GACE/B,MAAC5B,EAA0B,IACnB2D,EACJxD,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,YAAaA,EACbC,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAUA,EACVC,cAAeA,EACfC,SAAUA,EACVC,OAAQA,EACRC,SAAUA,EACVC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,UAAWA,MAO/B,MAAe,aAAXL,EAEI+B,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACiB,aAAZzC,GACGsB,EAAAoB,IAACY,EAAU,CAACtD,QAAQ,YAAYuD,UAAU,KAAKX,MAAM,cAChDH,SAAA1C,IAGRmD,OAKN5B,EAAAoB,IAACc,EAAc,CAACzD,MAAOA,EAAQ0C,SAAAS,KAA+B"}

package/dist/components/Form/GenericAutocompleteField/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as o,jsx as l}from"react/jsx-runtime";import t from"@mui/material/Autocomplete";import i from"@mui/material/CircularProgress";import r from"@mui/material/TextField";import a from"@mui/material/Typography";import{Field as n}from"formik";import"react";import d from"../../../custom-hooks/useRenderValidText.js";import m from"../FormItemLayout/index.js";const u=({field:a,form:n,fieldName:m,options:u,label:p,variant:s,placeholder:h,getOptionLabel:c,isOptionEqualToValue:g,onChange:f,onInputChange:b,onScroll:v,layout:T="horizontal",disabled:x=!1,loading:y=!1,required:C=!1,multiple:q=!1,limitTags:I})=>{const{errors:O,touched:E,isSubmitting:P}=n,V=O[a.name],L=!!V&&E[a.name],S=d({fieldError:V,showError:L,touched:!!E[a.name],value:a.value});return l(t,{options:u,getOptionLabel:c,isOptionEqualToValue:g,onChange:(e,o)=>{n.setFieldValue(m,o),f&&f(e,o)},onInputChange:b,disabled:P||x,fullWidth:!0,value:a.value||(q?[]:null),loading:y,renderInput:t=>l(r,{...t,label:"standard"===s?void 0:p,variant:s,"data-testid":`text-field-${m}`,fullWidth:!0,style:{paddingRight:"horizontal"===T?16:0},placeholder:h||void 0,required:C,error:L,helperText:S,slotProps:{input:{...t.InputProps,endAdornment:e(o,{children:[y&&l(i,{color:"inherit",size:25}),t.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:q,limitTags:q?I??2:void 0,slotProps:{listbox:{onScroll:v}}})},p=({label:t,fieldName:i,options:r,placeholder:d,getOptionLabel:p,validation:s,onChange:h,onInputChange:c,isOptionEqualToValue:g,onScroll:f,layout:b="horizontal",variant:v="outlined",disabled:T=!1,loading:x=!1,required:y=!1,multiple:C=!1,limitTags:q})=>{const I=()=>l(n,{name:i,validate:s,children:e=>l(u,{...e,fieldName:i,options:r,label:t,variant:v,placeholder:d,getOptionLabel:p,isOptionEqualToValue:g,onChange:h,onInputChange:c,onScroll:f,layout:b,disabled:T,loading:x,required:y,multiple:C,limitTags:q})});return"vertical"===b?e(o,{children:["standard"===v&&l(a,{variant:"subtitle1",component:"h3",color:"textPrimary",children:t}),I()]}):l(m,{label:t,children:I()})};export{p as default};
+import{jsxs as e,Fragment as l,jsx as o}from"react/jsx-runtime";import i from"@mui/material/Autocomplete";import t from"@mui/material/CircularProgress";import r from"@mui/material/TextField";import a from"@mui/material/Typography";import{Field as n}from"formik";import"react";import d from"../../../custom-hooks/useRenderValidText.js";import m from"../FormItemLayout/index.js";const u=({field:a,form:n,fieldName:m,options:u,label:p,variant:s,placeholder:h,getOptionLabel:c,isOptionEqualToValue:g,onChange:f,onInputChange:b,onScroll:v,layout:T="horizontal",disabled:x=!1,loading:y=!1,required:C=!1,multiple:q=!1,limitTags:I})=>{const{errors:O,touched:V,isSubmitting:E}=n,P=O[a.name],L=!!P&&V[a.name],S=d({fieldError:P,showError:L,touched:!!V[a.name],value:a.value},"Valid");return o(i,{options:u,getOptionLabel:c,isOptionEqualToValue:g,onChange:(e,l)=>{n.setFieldValue(m,l),f&&f(e,l)},onInputChange:b,disabled:E||x,fullWidth:!0,value:a.value||(q?[]:null),loading:y,renderInput:i=>o(r,{...i,label:"standard"===s?void 0:p,variant:s,"data-testid":`text-field-${m}`,fullWidth:!0,style:{paddingRight:"horizontal"===T?16:0},placeholder:h||void 0,required:C,error:L,helperText:S,slotProps:{input:{...i.InputProps,endAdornment:e(l,{children:[y&&o(t,{color:"inherit",size:25}),i.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:q,limitTags:q?I??2:void 0,slotProps:{listbox:{onScroll:v}}})},p=({label:i,fieldName:t,options:r,placeholder:d,getOptionLabel:p,validation:s,onChange:h,onInputChange:c,isOptionEqualToValue:g,onScroll:f,layout:b="horizontal",variant:v="outlined",disabled:T=!1,loading:x=!1,required:y=!1,multiple:C=!1,limitTags:q})=>{const I=()=>o(n,{name:t,validate:s,children:e=>o(u,{...e,fieldName:t,options:r,label:i,variant:v,placeholder:d,getOptionLabel:p,isOptionEqualToValue:g,onChange:h,onInputChange:c,onScroll:f,layout:b,disabled:T,loading:x,required:y,multiple:C,limitTags:q})});return"vertical"===b?e(l,{children:["standard"===v&&o(a,{variant:"subtitle1",component:"h3",color:"textPrimary",children:i}),I()]}):o(m,{label:i,children:I()})};export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Form/GenericAutocompleteField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { Field, type FieldProps } from 'formik';\nimport { type SyntheticEvent } from 'react';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport type Props<T> = {\n label: string;\n fieldName: string;\n options: T[];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n validation?: (value: T \| T[]) => string \| undefined;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\ntype AutocompleteFieldProps<T> = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n options: T[];\n label: string;\n variant: TextFieldProps['variant'];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\nconst AutocompleteFieldComponent = <T,>({\n field,\n form,\n fieldName,\n options,\n label,\n variant,\n placeholder,\n getOptionLabel,\n isOptionEqualToValue,\n onChange,\n onInputChange,\n onScroll,\n layout = 'horizontal',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags,\n}: AutocompleteFieldProps<T>) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText({\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n });\n\n return (\n <Autocomplete\n options={options}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={(e: SyntheticEvent, value: T[]) => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, value);\n if (onChange) {\n onChange(e, value);\n }\n }}\n onInputChange={onInputChange}\n disabled={isSubmitting \|\| disabled}\n fullWidth\n value={field.value \|\| (multiple ? [] : null)}\n loading={loading}\n renderInput={(params) => (\n <TextField\n {...params}\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n data-testid={`text-field-${fieldName}`}\n fullWidth\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n required={required}\n error={showError}\n helperText={helperText}\n slotProps={{\n input: {\n ...params.InputProps,\n endAdornment: (\n <>\n {loading && <CircularProgress color=\"inherit\" size={25} />}\n {params.InputProps.endAdornment}\n </>\n ),\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n />\n )}\n multiple={multiple}\n limitTags={multiple ? (limitTags ?? 2) : undefined}\n slotProps={{\n listbox: {\n onScroll,\n },\n }}\n />\n );\n};\n\nconst GenericAutocompleteField = <T,>({\n label,\n fieldName,\n options,\n placeholder,\n getOptionLabel,\n validation,\n onChange,\n onInputChange,\n isOptionEqualToValue,\n onScroll,\n layout = 'horizontal',\n variant = 'outlined',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags = undefined,\n}: Props<T>) => {\n const renderField = () => {\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <AutocompleteFieldComponent<T>\n {...fieldProps}\n fieldName={fieldName}\n options={options}\n label={label}\n variant={variant}\n placeholder={placeholder}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={onChange}\n onInputChange={onInputChange}\n onScroll={onScroll}\n layout={layout}\n disabled={disabled}\n loading={loading}\n required={required}\n multiple={multiple}\n limitTags={limitTags}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","value","_jsx","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","children","CircularProgress","color","size","formHelperText","textAlign","listbox","GenericAutocompleteField","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"yXAmDA,MAAMA,EAA6B,EAC/BC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,~~EAAmB~~,~~CAClCJ~~,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBI,MAAO1B,EAAM0B,~~QAGjB~~,OACIC,EAACC,EAAY,CACTzB,QAASA,EACTI,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAU,CAACoB,EAAmBH,KAE1BzB,EAAK6B,cAAc5B,EAAWwB,GAC1BjB,GACAA,EAASoB,EAAGH,EACf,EAELhB,cAAeA,EACfG,SAAUO,GAAgBP,EAC1BkB,aACAL,MAAO1B,EAAM0B,QAAUV,EAAW,GAAK,MACvCF,QAASA,EACTkB,YAAcC,GACVN,EAACO,EACO,IAAAD,EACJ7B,MAAmB,aAAZC,OAAyB8B,EAAY/B,EAC5CC,QAASA,EAAO,cACH,cAAcH,IAC3B6B,WACA,EAAAK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDN,YAAaA,QAAe6B,EAC5BpB,SAAUA,EACVuB,MAAOf,EACPC,WAAYA,EACZe,UAAW,CACPC,MAAO,IACAP,EAAOQ,WACVC,aACIC,EACKC,EAAA,CAAAC,SAAA,CAAA/B,GAAWa,EAACmB,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDf,EAAOQ,WAAWC,iBAI/BO,eAAgB,CACZJ,SAAU,IACVT,MAAO,CAAEc,UAAW,aAKpClC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKkB,EACzCI,UAAW,CACPY,QAAS,CACLxC,cAId,EAGAyC,EAA2B,EAC7BhD,QACAF,YACAC,UACAG,cACAC,iBACA8C,aACA5C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMqC,EAAc,IAEZ3B,EAAC4B,GAAMjC,KAAMpB,EAAWsD,SAAUH,EAAUR,SACtCY,GACE9B,EAAC5B,EAA0B,IACnB0D,EACJvD,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,YAAaA,EACbC,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAUA,EACVC,cAAeA,EACfC,SAAUA,EACVC,OAAQA,EACRC,SAAUA,EACVC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,UAAWA,MAO/B,MAAe,aAAXL,EAEI+B,EAAAC,EAAA,CAAAC,SAAA,CACiB,aAAZxC,GACGsB,EAAC+B,EAAU,CAACrD,QAAQ,YAAYsD,UAAU,KAAKZ,MAAM,cAChDF,SAAAzC,IAGRkD,OAKN3B,EAACiC,EAAc,CAACxD,MAAOA,EAAQyC,SAAAS,KAA+B"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { Field, type FieldProps } from 'formik';\nimport { type SyntheticEvent } from 'react';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport type Props<T> = {\n label: string;\n fieldName: string;\n options: T[];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n validation?: (value: T \| T[]) => string \| undefined;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\ntype AutocompleteFieldProps<T> = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n options: T[];\n label: string;\n variant: TextFieldProps['variant'];\n placeholder?: string;\n getOptionLabel?: (option: T) => string;\n isOptionEqualToValue?: (option: T, value: T) => boolean;\n onChange?: (e: SyntheticEvent, value: T \| T[]) => void;\n onInputChange?: (e: SyntheticEvent, value: string) => void;\n onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n layout?: 'horizontal' \| 'vertical';\n disabled?: boolean;\n loading?: boolean;\n required?: boolean;\n multiple?: boolean;\n limitTags?: number;\n};\n\nconst AutocompleteFieldComponent = <T,>({\n field,\n form,\n fieldName,\n options,\n label,\n variant,\n placeholder,\n getOptionLabel,\n isOptionEqualToValue,\n onChange,\n onInputChange,\n onScroll,\n layout = 'horizontal',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags,\n}: AutocompleteFieldProps<T>) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText(\n {\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n },\n 'Valid',\n );\n\n return (\n <Autocomplete\n options={options}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={(e: SyntheticEvent, value: T[]) => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, value);\n if (onChange) {\n onChange(e, value);\n }\n }}\n onInputChange={onInputChange}\n disabled={isSubmitting \|\| disabled}\n fullWidth\n value={field.value \|\| (multiple ? [] : null)}\n loading={loading}\n renderInput={(params) => (\n <TextField\n {...params}\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n data-testid={`text-field-${fieldName}`}\n fullWidth\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n required={required}\n error={showError}\n helperText={helperText}\n slotProps={{\n input: {\n ...params.InputProps,\n endAdornment: (\n <>\n {loading && <CircularProgress color=\"inherit\" size={25} />}\n {params.InputProps.endAdornment}\n </>\n ),\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n />\n )}\n multiple={multiple}\n limitTags={multiple ? (limitTags ?? 2) : undefined}\n slotProps={{\n listbox: {\n onScroll,\n },\n }}\n />\n );\n};\n\nconst GenericAutocompleteField = <T,>({\n label,\n fieldName,\n options,\n placeholder,\n getOptionLabel,\n validation,\n onChange,\n onInputChange,\n isOptionEqualToValue,\n onScroll,\n layout = 'horizontal',\n variant = 'outlined',\n disabled = false,\n loading = false,\n required = false,\n multiple = false,\n limitTags = undefined,\n}: Props<T>) => {\n const renderField = () => {\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <AutocompleteFieldComponent<T>\n {...fieldProps}\n fieldName={fieldName}\n options={options}\n label={label}\n variant={variant}\n placeholder={placeholder}\n getOptionLabel={getOptionLabel}\n isOptionEqualToValue={isOptionEqualToValue}\n onChange={onChange}\n onInputChange={onInputChange}\n onScroll={onScroll}\n layout={layout}\n disabled={disabled}\n loading={loading}\n required={required}\n multiple={multiple}\n limitTags={limitTags}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","value","_jsx","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","children","CircularProgress","color","size","formHelperText","textAlign","listbox","GenericAutocompleteField","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"yXAmDA,MAAMA,EAA6B,EAC/BC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,EACf,CACIJ,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBI,MAAO1B,EAAM0B,OAEjB,SAGJ,OACIC,EAACC,EAAY,CACTzB,QAASA,EACTI,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAU,CAACoB,EAAmBH,KAE1BzB,EAAK6B,cAAc5B,EAAWwB,GAC1BjB,GACAA,EAASoB,EAAGH,EACf,EAELhB,cAAeA,EACfG,SAAUO,GAAgBP,EAC1BkB,aACAL,MAAO1B,EAAM0B,QAAUV,EAAW,GAAK,MACvCF,QAASA,EACTkB,YAAcC,GACVN,EAACO,EACO,IAAAD,EACJ7B,MAAmB,aAAZC,OAAyB8B,EAAY/B,EAC5CC,QAASA,EAAO,cACH,cAAcH,IAC3B6B,WACA,EAAAK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDN,YAAaA,QAAe6B,EAC5BpB,SAAUA,EACVuB,MAAOf,EACPC,WAAYA,EACZe,UAAW,CACPC,MAAO,IACAP,EAAOQ,WACVC,aACIC,EACKC,EAAA,CAAAC,SAAA,CAAA/B,GAAWa,EAACmB,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDf,EAAOQ,WAAWC,iBAI/BO,eAAgB,CACZJ,SAAU,IACVT,MAAO,CAAEc,UAAW,aAKpClC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKkB,EACzCI,UAAW,CACPY,QAAS,CACLxC,cAId,EAGAyC,EAA2B,EAC7BhD,QACAF,YACAC,UACAG,cACAC,iBACA8C,aACA5C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMqC,EAAc,IAEZ3B,EAAC4B,GAAMjC,KAAMpB,EAAWsD,SAAUH,EAAUR,SACtCY,GACE9B,EAAC5B,EAA0B,IACnB0D,EACJvD,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,YAAaA,EACbC,eAAgBA,EAChBC,qBAAsBA,EACtBC,SAAUA,EACVC,cAAeA,EACfC,SAAUA,EACVC,OAAQA,EACRC,SAAUA,EACVC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,UAAWA,MAO/B,MAAe,aAAXL,EAEI+B,EAAAC,EAAA,CAAAC,SAAA,CACiB,aAAZxC,GACGsB,EAAC+B,EAAU,CAACrD,QAAQ,YAAYsD,UAAU,KAAKZ,MAAM,cAChDF,SAAAzC,IAGRkD,OAKN3B,EAACiC,EAAc,CAACxD,MAAOA,EAAQyC,SAAAS,KAA+B"}

package/dist/components/Form/GenericTextField/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var t=require("formik"),i=require("@mui/material/TextField"),r=require("../../../custom-hooks/useRenderValidText.cjs.js"),a=require("../FormItemLayout/index.cjs.js"),l=require("@mui/material/Typography"),o=require("@mui/material/InputAdornment");const n=({field:t,form:a,fieldName:l,label:n,placeholder:d,onChange:s,multiline:u,minRows:m,maxRows:h,layout:p="horizontal",variant:c="standard",disabled:v=!1,required:x=!1,showHelperTextWhenValid:g=!1,startIcon:f,endIcon:j,value:w,type:y="text"})=>{const{errors:b,touched:q,isSubmitting:R}=a,I=b[t.name],T=!!I&&q[t.name],C=r({fieldError:I,showError:T,touched:!!q[t.name],value:t.value});return e.jsx(i,{label:"standard"===c?void 0:n,variant:c,value:w??t.value,"data-testid":`text-field-${l??n.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:u,minRows:m??(u?3:void 0),maxRows:h??(u?10:void 0),style:{paddingRight:"horizontal"===p?16:0},placeholder:d||void 0,disabled:R||v,required:x,error:T,helperText:T||g?C:void 0,onChange:e=>{"number"===y&&isNaN(Number(e.target.value))||(a.setFieldValue(l,e.target.value),s&&s(e))},slotProps:{htmlInput:{style:{paddingTop:"outlined"!==c?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:f?e.jsx(o,{position:"start",children:f}):void 0,endAdornment:j?e.jsx(o,{position:"end",children:j}):void 0}})};module.exports=({label:r,fieldName:d,placeholder:s,validation:u,onChange:m,multiline:h,minRows:p,maxRows:c,layout:v="horizontal",variant:x="standard",disabled:g=!1,required:f=!1,showHelperTextWhenValid:j=!1,startIcon:w,endIcon:y,value:b,type:q="text"})=>{const R=!!d,I=()=>R?e.jsx(t.Field,{name:d,validate:u,children:t=>e.jsx(n,{...t,fieldName:d,label:r,placeholder:s,onChange:m,multiline:h,minRows:p,maxRows:c,layout:v,variant:x,disabled:g,required:f,showHelperTextWhenValid:j,startIcon:w,endIcon:y,value:b,type:q})}):e.jsx(i,{label:"standard"===x?void 0:r,variant:x,value:b,"data-testid":`text-field-${d??r.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:h,minRows:p??(h?3:void 0),maxRows:c??(h?10:void 0),style:{paddingRight:"horizontal"===v?16:0},placeholder:s||void 0,disabled:g,required:f,onChange:m,slotProps:{htmlInput:{style:{paddingTop:"outlined"!==x?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:w?e.jsx(o,{position:"start",children:w}):void 0,endAdornment:y?e.jsx(o,{position:"end",children:y}):void 0}});return"vertical"===v?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:r}),I()]}):e.jsx(a,{label:r,children:I()})};
+"use strict";var e=require("react/jsx-runtime");require("react");var t=require("formik"),i=require("@mui/material/TextField"),r=require("../../../custom-hooks/useRenderValidText.cjs.js"),a=require("../FormItemLayout/index.cjs.js"),l=require("@mui/material/Typography"),o=require("@mui/material/InputAdornment");const n=({field:t,form:a,fieldName:l,label:n,placeholder:d,onChange:s,multiline:u,minRows:m,maxRows:h,layout:p="horizontal",variant:c="standard",disabled:v=!1,required:x=!1,showHelperTextWhenValid:g=!1,startIcon:f,endIcon:j,value:w,type:y="text"})=>{const{errors:b,touched:q,isSubmitting:R}=a,I=b[t.name],T=!!I&&q[t.name],C=r({fieldError:I,showError:T,touched:!!q[t.name],value:t.value},"Valid");return e.jsx(i,{label:"standard"===c?void 0:n,variant:c,value:w??t.value,"data-testid":`text-field-${l??n.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:u,minRows:m??(u?3:void 0),maxRows:h??(u?10:void 0),style:{paddingRight:"horizontal"===p?16:0},placeholder:d||void 0,disabled:R||v,required:x,error:T,helperText:T||g?C:void 0,onChange:e=>{"number"===y&&isNaN(Number(e.target.value))||(a.setFieldValue(l,e.target.value),s&&s(e))},slotProps:{htmlInput:{style:{paddingTop:"outlined"!==c?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:f?e.jsx(o,{position:"start",children:f}):void 0,endAdornment:j?e.jsx(o,{position:"end",children:j}):void 0}})};module.exports=({label:r,fieldName:d,placeholder:s,validation:u,onChange:m,multiline:h,minRows:p,maxRows:c,layout:v="horizontal",variant:x="standard",disabled:g=!1,required:f=!1,showHelperTextWhenValid:j=!1,startIcon:w,endIcon:y,value:b,type:q="text"})=>{const R=!!d,I=()=>R?e.jsx(t.Field,{name:d,validate:u,children:t=>e.jsx(n,{...t,fieldName:d,label:r,placeholder:s,onChange:m,multiline:h,minRows:p,maxRows:c,layout:v,variant:x,disabled:g,required:f,showHelperTextWhenValid:j,startIcon:w,endIcon:y,value:b,type:q})}):e.jsx(i,{label:"standard"===x?void 0:r,variant:x,value:b,"data-testid":`text-field-${d??r.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:h,minRows:p??(h?3:void 0),maxRows:c??(h?10:void 0),style:{paddingRight:"horizontal"===v?16:0},placeholder:s||void 0,disabled:g,required:f,onChange:m,slotProps:{htmlInput:{style:{paddingTop:"outlined"!==x?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:w?e.jsx(o,{position:"start",children:w}):void 0,endAdornment:y?e.jsx(o,{position:"end",children:y}):void 0}});return"vertical"===v?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:r}),I()]}):e.jsx(a,{label:r,children:I()})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Form/GenericTextField/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n label: string;\n fieldName?: string;\n placeholder?: string;\n validation?: (value: string) => string \| undefined;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\ntype TextFieldComponentProps = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n label: string;\n placeholder?: string;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\nconst TextFieldComponent = ({\n field,\n form,\n fieldName,\n label,\n placeholder,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon,\n endIcon,\n value,\n type = 'text',\n}: TextFieldComponentProps) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText({\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n });\n\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value ?? field.value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={isSubmitting \|\| disabled}\n required={required}\n error={showError}\n helperText={(() => {\n if (showError) return helperText;\n if (showHelperTextWhenValid) return helperText;\n return undefined;\n })()}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (type === 'number' && isNaN(Number(e.target.value))) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, e.target.value);\n if (onChange) {\n onChange(e);\n }\n }}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n};\n\nconst GenericTextField = ({\n label,\n fieldName = undefined,\n placeholder,\n validation,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon = undefined,\n endIcon = undefined,\n value,\n type = 'text',\n}: Props) => {\n const useFormik = !!fieldName;\n\n const renderField = () => {\n if (!useFormik) {\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={disabled}\n required={required}\n onChange={onChange}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n }\n\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <TextFieldComponent\n {...fieldProps}\n fieldName={fieldName}\n label={label}\n placeholder={placeholder}\n onChange={onChange}\n multiline={multiline}\n minRows={minRows}\n maxRows={maxRows}\n layout={layout}\n variant={variant}\n disabled={disabled}\n required={required}\n showHelperTextWhenValid={showHelperTextWhenValid}\n startIcon={startIcon}\n endIcon={endIcon}\n value={value}\n type={type}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n label: string;\n fieldName?: string;\n placeholder?: string;\n validation?: (value: string) => string \| undefined;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\ntype TextFieldComponentProps = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n label: string;\n placeholder?: string;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\nconst TextFieldComponent = ({\n field,\n form,\n fieldName,\n label,\n placeholder,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon,\n endIcon,\n value,\n type = 'text',\n}: TextFieldComponentProps) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText(\n {\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n },\n 'Valid',\n );\n\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value ?? field.value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={isSubmitting \|\| disabled}\n required={required}\n error={showError}\n helperText={(() => {\n if (showError) return helperText;\n if (showHelperTextWhenValid) return helperText;\n return undefined;\n })()}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (type === 'number' && isNaN(Number(e.target.value))) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, e.target.value);\n if (onChange) {\n onChange(e);\n }\n }}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n};\n\nconst GenericTextField = ({\n label,\n fieldName = undefined,\n placeholder,\n validation,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon = undefined,\n endIcon = undefined,\n value,\n type = 'text',\n}: Props) => {\n const useFormik = !!fieldName;\n\n const renderField = () => {\n if (!useFormik) {\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={disabled}\n required={required}\n onChange={onChange}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n }\n\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <TextFieldComponent\n {...fieldProps}\n fieldName={fieldName}\n label={label}\n placeholder={placeholder}\n onChange={onChange}\n multiline={multiline}\n minRows={minRows}\n maxRows={maxRows}\n layout={layout}\n variant={variant}\n disabled={disabled}\n required={required}\n showHelperTextWhenValid={showHelperTextWhenValid}\n startIcon={startIcon}\n endIcon={endIcon}\n value={value}\n type={type}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"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"}

package/dist/components/Form/GenericTextField/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import"react";import{Field as i}from"formik";import r from"@mui/material/TextField";import a from"../../../custom-hooks/useRenderValidText.js";import l from"../FormItemLayout/index.js";import n from"@mui/material/Typography";import d from"@mui/material/InputAdornment";const s=({field:e,form:t,fieldName:i,label:l,placeholder:n,onChange:s,multiline:m,minRows:u,maxRows:h,layout:p="horizontal",variant:c="standard",disabled:v=!1,required:f=!1,showHelperTextWhenValid:g=!1,startIcon:x,endIcon:w,value:y,type:b="text"})=>{const{errors:R,touched:I,isSubmitting:T}=t,C=R[e.name],A=!!C&&I[e.name],N=a({fieldError:C,showError:A,touched:!!I[e.name],value:e.value});return o(r,{label:"standard"===c?void 0:l,variant:c,value:y??e.value,"data-testid":`text-field-${i??l.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:m,minRows:u??(m?3:void 0),maxRows:h??(m?10:void 0),style:{paddingRight:"horizontal"===p?16:0},placeholder:n||void 0,disabled:T||v,required:f,error:A,helperText:A||g?N:void 0,onChange:e=>{"number"===b&&isNaN(Number(e.target.value))||(t.setFieldValue(i,e.target.value),s&&s(e))},slotProps:{htmlInput:{style:{paddingTop:"outlined"!==c?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:x?o(d,{position:"start",children:x}):void 0,endAdornment:w?o(d,{position:"end",children:w}):void 0}})},m=({label:a,fieldName:m,placeholder:u,validation:h,onChange:p,multiline:c,minRows:v,maxRows:f,layout:g="horizontal",variant:x="standard",disabled:w=!1,required:y=!1,showHelperTextWhenValid:b=!1,startIcon:R,endIcon:I,value:T,type:C="text"})=>{const A=!!m,N=()=>A?o(i,{name:m,validate:h,children:e=>o(s,{...e,fieldName:m,label:a,placeholder:u,onChange:p,multiline:c,minRows:v,maxRows:f,layout:g,variant:x,disabled:w,required:y,showHelperTextWhenValid:b,startIcon:R,endIcon:I,value:T,type:C})}):o(r,{label:"standard"===x?void 0:a,variant:x,value:T,"data-testid":`text-field-${m??a.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:c,minRows:v??(c?3:void 0),maxRows:f??(c?10:void 0),style:{paddingRight:"horizontal"===g?16:0},placeholder:u||void 0,disabled:w,required:y,onChange:p,slotProps:{htmlInput:{style:{paddingTop:"outlined"!==x?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:R?o(d,{position:"start",children:R}):void 0,endAdornment:I?o(d,{position:"end",children:I}):void 0}});return"vertical"===g?e(t,{children:["standard"===x&&o(n,{variant:"subtitle1",component:"h3",color:"textPrimary",children:a}),N()]}):o(l,{label:a,children:N()})};export{m as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import"react";import{Field as i}from"formik";import r from"@mui/material/TextField";import a from"../../../custom-hooks/useRenderValidText.js";import l from"../FormItemLayout/index.js";import n from"@mui/material/Typography";import d from"@mui/material/InputAdornment";const s=({field:e,form:t,fieldName:i,label:l,placeholder:n,onChange:s,multiline:m,minRows:u,maxRows:h,layout:p="horizontal",variant:c="standard",disabled:v=!1,required:f=!1,showHelperTextWhenValid:g=!1,startIcon:x,endIcon:w,value:y,type:b="text"})=>{const{errors:R,touched:I,isSubmitting:T}=t,C=R[e.name],A=!!C&&I[e.name],N=a({fieldError:C,showError:A,touched:!!I[e.name],value:e.value},"Valid");return o(r,{label:"standard"===c?void 0:l,variant:c,value:y??e.value,"data-testid":`text-field-${i??l.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:m,minRows:u??(m?3:void 0),maxRows:h??(m?10:void 0),style:{paddingRight:"horizontal"===p?16:0},placeholder:n||void 0,disabled:T||v,required:f,error:A,helperText:A||g?N:void 0,onChange:e=>{"number"===b&&isNaN(Number(e.target.value))||(t.setFieldValue(i,e.target.value),s&&s(e))},slotProps:{htmlInput:{style:{paddingTop:"outlined"!==c?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:x?o(d,{position:"start",children:x}):void 0,endAdornment:w?o(d,{position:"end",children:w}):void 0}})},m=({label:a,fieldName:m,placeholder:u,validation:h,onChange:p,multiline:c,minRows:v,maxRows:f,layout:g="horizontal",variant:x="standard",disabled:w=!1,required:y=!1,showHelperTextWhenValid:b=!1,startIcon:R,endIcon:I,value:T,type:C="text"})=>{const A=!!m,N=()=>A?o(i,{name:m,validate:h,children:e=>o(s,{...e,fieldName:m,label:a,placeholder:u,onChange:p,multiline:c,minRows:v,maxRows:f,layout:g,variant:x,disabled:w,required:y,showHelperTextWhenValid:b,startIcon:R,endIcon:I,value:T,type:C})}):o(r,{label:"standard"===x?void 0:a,variant:x,value:T,"data-testid":`text-field-${m??a.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:c,minRows:v??(c?3:void 0),maxRows:f??(c?10:void 0),style:{paddingRight:"horizontal"===g?16:0},placeholder:u||void 0,disabled:w,required:y,onChange:p,slotProps:{htmlInput:{style:{paddingTop:"outlined"!==x?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:R?o(d,{position:"start",children:R}):void 0,endAdornment:I?o(d,{position:"end",children:I}):void 0}});return"vertical"===g?e(t,{children:["standard"===x&&o(n,{variant:"subtitle1",component:"h3",color:"textPrimary",children:a}),N()]}):o(l,{label:a,children:N()})};export{m as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Form/GenericTextField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n label: string;\n fieldName?: string;\n placeholder?: string;\n validation?: (value: string) => string \| undefined;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\ntype TextFieldComponentProps = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n label: string;\n placeholder?: string;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\nconst TextFieldComponent = ({\n field,\n form,\n fieldName,\n label,\n placeholder,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon,\n endIcon,\n value,\n type = 'text',\n}: TextFieldComponentProps) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText({\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n });\n\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value ?? field.value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={isSubmitting \|\| disabled}\n required={required}\n error={showError}\n helperText={(() => {\n if (showError) return helperText;\n if (showHelperTextWhenValid) return helperText;\n return undefined;\n })()}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (type === 'number' && isNaN(Number(e.target.value))) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, e.target.value);\n if (onChange) {\n onChange(e);\n }\n }}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n};\n\nconst GenericTextField = ({\n label,\n fieldName = undefined,\n placeholder,\n validation,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon = undefined,\n endIcon = undefined,\n value,\n type = 'text',\n}: Props) => {\n const useFormik = !!fieldName;\n\n const renderField = () => {\n if (!useFormik) {\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={disabled}\n required={required}\n onChange={onChange}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n }\n\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <TextFieldComponent\n {...fieldProps}\n fieldName={fieldName}\n label={label}\n placeholder={placeholder}\n onChange={onChange}\n multiline={multiline}\n minRows={minRows}\n maxRows={maxRows}\n layout={layout}\n variant={variant}\n disabled={disabled}\n required={required}\n showHelperTextWhenValid={showHelperTextWhenValid}\n startIcon={startIcon}\n endIcon={endIcon}\n value={value}\n type={type}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","GenericTextField","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n label: string;\n fieldName?: string;\n placeholder?: string;\n validation?: (value: string) => string \| undefined;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\ntype TextFieldComponentProps = {\n field: FieldProps['field'];\n form: FieldProps['form'];\n fieldName: string;\n label: string;\n placeholder?: string;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n multiline?: boolean;\n minRows?: number;\n maxRows?: number;\n layout?: 'horizontal' \| 'vertical';\n variant?: TextFieldProps['variant'];\n disabled?: boolean;\n required?: boolean;\n showHelperTextWhenValid?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n value?: string;\n type?: 'number' \| 'text';\n};\n\nconst TextFieldComponent = ({\n field,\n form,\n fieldName,\n label,\n placeholder,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon,\n endIcon,\n value,\n type = 'text',\n}: TextFieldComponentProps) => {\n const { errors, touched, isSubmitting } = form;\n const fieldError = errors[field.name] as string \| undefined;\n const showError = !!fieldError && (touched[field.name] as boolean \| undefined);\n const helperText = useRenderValidText(\n {\n fieldError,\n showError,\n touched: !!touched[field.name],\n value: field.value,\n },\n 'Valid',\n );\n\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value ?? field.value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={isSubmitting \|\| disabled}\n required={required}\n error={showError}\n helperText={(() => {\n if (showError) return helperText;\n if (showHelperTextWhenValid) return helperText;\n return undefined;\n })()}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (type === 'number' && isNaN(Number(e.target.value))) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n form.setFieldValue(fieldName, e.target.value);\n if (onChange) {\n onChange(e);\n }\n }}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n};\n\nconst GenericTextField = ({\n label,\n fieldName = undefined,\n placeholder,\n validation,\n onChange,\n multiline,\n minRows,\n maxRows,\n layout = 'horizontal',\n variant = 'standard',\n disabled = false,\n required = false,\n showHelperTextWhenValid = false,\n startIcon = undefined,\n endIcon = undefined,\n value,\n type = 'text',\n}: Props) => {\n const useFormik = !!fieldName;\n\n const renderField = () => {\n if (!useFormik) {\n return (\n <TextField\n label={variant === 'standard' ? undefined : label}\n variant={variant}\n value={value}\n data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n autoComplete=\"off\"\n fullWidth\n multiline={multiline}\n minRows={minRows ?? (multiline ? 3 : undefined)}\n maxRows={maxRows ?? (multiline ? 10 : undefined)}\n style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n placeholder={placeholder \|\| undefined}\n disabled={disabled}\n required={required}\n onChange={onChange}\n slotProps={{\n htmlInput: {\n style: {\n paddingTop: variant !== 'outlined' ? 0 : undefined,\n height: '1.1876em',\n },\n },\n formHelperText: {\n children: ' ', // reserves line height for error message\n style: { textAlign: 'right' },\n },\n }}\n InputProps={{\n startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n }}\n />\n );\n }\n\n return (\n <Field name={fieldName} validate={validation}>\n {(fieldProps: FieldProps) => (\n <TextFieldComponent\n {...fieldProps}\n fieldName={fieldName}\n label={label}\n placeholder={placeholder}\n onChange={onChange}\n multiline={multiline}\n minRows={minRows}\n maxRows={maxRows}\n layout={layout}\n variant={variant}\n disabled={disabled}\n required={required}\n showHelperTextWhenValid={showHelperTextWhenValid}\n startIcon={startIcon}\n endIcon={endIcon}\n value={value}\n type={type}\n />\n )}\n </Field>\n );\n };\n\n if (layout === 'vertical') {\n return (\n <>\n {variant === 'standard' && (\n <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n {label}\n </Typography>\n )}\n {renderField()}\n </>\n );\n }\n\n return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","GenericTextField","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"6UAkDA,MAAMA,EAAqB,EACvBC,QACAC,OACAC,YACAC,QACAC,cACAC,WACAC,YACAC,UACAC,UACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,YAAW,EACXC,2BAA0B,EAC1BC,YACAC,UACAC,QACAC,OAAO,WAEP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,EACf,CACIJ,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBN,MAAOhB,EAAMgB,OAEjB,SAGJ,OACIU,EAACC,EAAS,CACNxB,MAAmB,aAAZO,OAAyBkB,EAAYzB,EAC5CO,QAASA,EACTM,MAAOA,GAAShB,EAAMgB,MACT,cAAA,cAAcd,GAAaC,EAAM0B,cAAcC,QAAQ,OAAQ,OAC5EC,aAAa,MACbC,WAAS,EACT1B,UAAWA,EACXC,QAASA,IAAYD,EAAY,OAAIsB,GACrCpB,QAASA,IAAYF,EAAY,QAAKsB,GACtCK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDL,YAAaA,QAAewB,EAC5BjB,SAAUS,GAAgBT,EAC1BC,SAAUA,EACVuB,MAAOZ,EACPC,WACQD,GACAV,EADkBW,OACtB,EAGJnB,SAAW+B,IACM,WAATnB,GAAqBoB,MAAMC,OAAOF,EAAEG,OAAOvB,UAK/Cf,EAAKuC,cAActC,EAAWkC,EAAEG,OAAOvB,OACnCX,GACAA,EAAS+B,GACZ,EAELK,UAAW,CACPC,UAAW,CACPT,MAAO,CACHU,WAAwB,aAAZjC,EAAyB,OAAIkB,EACzCgB,OAAQ,aAGhBC,eAAgB,CACZC,SAAU,IACVb,MAAO,CAAEc,UAAW,WAG5BC,WAAY,CACRC,eAAgBnC,EAAYY,EAACwB,EAAc,CAACC,SAAS,QAASL,SAAAhC,SAA8Bc,EAC5FwB,aAAcrC,EAAUW,EAACwB,EAAc,CAACC,SAAS,MAAOL,SAAA/B,SAA4Ba,IAG9F,EAGAyB,EAAmB,EACrBlD,QACAD,YACAE,cACAkD,aACAjD,WACAC,YACAC,UACAC,UACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,YAAW,EACXC,2BAA0B,EAC1BC,YACAC,UACAC,QACAC,OAAO,WAEP,MAAMsC,IAAcrD,EAEdsD,EAAc,IACXD,EAsCD7B,EAAC+B,GAAMnC,KAAMpB,EAAWwD,SAAUJ,EAAUR,SACtCa,GACEjC,EAAC3B,EAAkB,IACX4D,EACJzD,UAAWA,EACXC,MAAOA,EACPC,YAAaA,EACbC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,QAASA,EACTC,OAAQA,EACRC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,wBAAyBA,EACzBC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,KAAMA,MAvDdS,EAACC,EACG,CAAAxB,MAAmB,aAAZO,OAAyBkB,EAAYzB,EAC5CO,QAASA,EACTM,MAAOA,EACM,cAAA,cAAcd,GAAaC,EAAM0B,cAAcC,QAAQ,OAAQ,OAC5EC,aAAa,MACbC,WAAS,EACT1B,UAAWA,EACXC,QAASA,IAAYD,EAAY,OAAIsB,GACrCpB,QAASA,IAAYF,EAAY,QAAKsB,GACtCK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDL,YAAaA,QAAewB,EAC5BjB,SAAUA,EACVC,SAAUA,EACVP,SAAUA,EACVoC,UAAW,CACPC,UAAW,CACPT,MAAO,CACHU,WAAwB,aAAZjC,EAAyB,OAAIkB,EACzCgB,OAAQ,aAGhBC,eAAgB,CACZC,SAAU,IACVb,MAAO,CAAEc,UAAW,WAG5BC,WAAY,CACRC,eAAgBnC,EAAYY,EAACwB,EAAc,CAACC,SAAS,QAASL,SAAAhC,SAA8Bc,EAC5FwB,aAAcrC,EAAUW,EAACwB,EAAc,CAACC,SAAS,MAAOL,SAAA/B,SAA4Ba,KAiCxG,MAAe,aAAXnB,EAEImD,EAAAC,EAAA,CAAAf,SAAA,CACiB,aAAZpC,GACGgB,EAACoC,EAAU,CAACpD,QAAQ,YAAYqD,UAAU,KAAKC,MAAM,cAChDlB,SAAA3C,IAGRqD,OAKN9B,EAACuC,EAAc,CAAC9D,MAAOA,EAAQ2C,SAAAU,KAA+B"}

package/dist/components/GenericDatePickerField/GenericDateFieldBase.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("formik"),i=require("../Form/FormItemLayout/index.cjs.js"),a=require("@mui/material/styles");require("@mui/material/TextField");var t=require("@mui/material/Box"),l=require("@mui/material/Typography"),s=require("../../custom-hooks/useRenderValidText.cjs.js"),n=require("moment");require("@mui/x-date-pickers/DatePicker"),require("@mui/x-date-pickers/DateTimePicker");const o=a.styled("div")((({theme:e})=>({marginTop:e.spacing(2),"& > div":{width:"100%"}})));module.exports=({label:d,fieldName:u,description:m,validation:c,variant:h="standard",layout:x,onChange:p,disabled:v=!1,disablePast:j=!1,disablefuture:b=!1,placeholder:g,showHelperTextWhenValid:q=!1,pickerComponent:y})=>{const F=a.useTheme(),T=()=>e.jsx(r.Field,{name:u,validate:c,children:({field:r,form:i})=>{const{errors:a,touched:c,isSubmitting:T}=i,k=a[r.name],P=!!k&&c[r.name],f=s({fieldError:k,showError:P,touched:!!c[r.name],value:r.value});return e.jsxs(t,{sx:{paddingRight:"horizontal"===x?"16px":0},children:[e.jsx(o,{children:e.jsx(y,{label:"standard"===h?void 0:d,value:n.isMoment(r.value)?r.value:n(r.value),onChange:e=>{const a=n.isMoment(e)?e:n(e);i.setFieldValue(r.name,a),p&&p(a)},name:u,slotProps:{textField:{variant:h,placeholder:g,error:P,helperText:P||q?f:void 0,FormHelperTextProps:{children:" ",style:{textAlign:"right"}}}},disabled:T||v,disablePast:j,disableFuture:b})}),m&&e.jsx(l,{variant:"caption",sx:{color:F.palette.text.secondary},children:m})]})}});return"vertical"===x?e.jsxs(e.Fragment,{children:["standard"===h&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:d}),T()]}):e.jsx(i,{label:d,children:T()})};
+"use strict";var e=require("react/jsx-runtime"),r=require("formik"),i=require("../Form/FormItemLayout/index.cjs.js"),a=require("@mui/material/styles");require("@mui/material/TextField");var t=require("@mui/material/Box"),l=require("@mui/material/Typography"),s=require("../../custom-hooks/useRenderValidText.cjs.js"),d=require("moment");require("@mui/x-date-pickers/DatePicker"),require("@mui/x-date-pickers/DateTimePicker");const n=a.styled("div")((({theme:e})=>({marginTop:e.spacing(2),"& > div":{width:"100%"}})));module.exports=({label:o,fieldName:u,description:m,validation:c,variant:h="standard",layout:x,onChange:p,disabled:v=!1,disablePast:j=!1,disablefuture:b=!1,placeholder:g,showHelperTextWhenValid:q=!1,pickerComponent:y})=>{const F=a.useTheme(),T=()=>e.jsx(r.Field,{name:u,validate:c,children:({field:r,form:i})=>{const{errors:a,touched:c,isSubmitting:T}=i,k=a[r.name],P=!!k&&c[r.name],f=s({fieldError:k,showError:P,touched:!!c[r.name],value:r.value},"Valid");return e.jsxs(t,{sx:{paddingRight:"horizontal"===x?"16px":0},children:[e.jsx(n,{children:e.jsx(y,{label:"standard"===h?void 0:o,value:d.isMoment(r.value)?r.value:d(r.value),onChange:e=>{const a=d.isMoment(e)?e:d(e);i.setFieldValue(r.name,a),p&&p(a)},name:u,slotProps:{textField:{variant:h,placeholder:g,error:P,helperText:P||q?f:void 0,FormHelperTextProps:{children:" ",style:{textAlign:"right"}}}},disabled:T||v,disablePast:j,disableFuture:b})}),m&&e.jsx(l,{variant:"caption",sx:{color:F.palette.text.secondary},children:m})]})}});return"vertical"===x?e.jsxs(e.Fragment,{children:["standard"===h&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:o}),T()]}):e.jsx(i,{label:o,children:T()})};
 //# sourceMappingURL=GenericDateFieldBase.cjs.js.map