pixel-react 1.5.0 → 1.5.1
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.
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
- package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
- package/lib/components/Editor/Editor.stories.d.ts +6 -0
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +2 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +12 -0
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +1 -0
- package/lib/components/Select/Select.stories.d.ts +1 -0
- package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
- package/lib/index.d.ts +7 -1
- package/lib/index.esm.js +99 -60
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +99 -60
- package/lib/index.js.map +1 -1
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
- package/package.json +1 -1
- package/src/assets/icons/approval_pending.svg +8 -0
- package/src/assets/icons/configuration.svg +3 -0
- package/src/assets/icons/defects.svg +8 -0
- package/src/assets/icons/element.svg +4 -0
- package/src/assets/icons/project_element.svg +4 -0
- package/src/assets/icons/step_group.svg +10 -0
- package/src/assets/icons/variable.svg +3 -0
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +2 -0
- package/src/components/AppHeader/AppHeader.scss +132 -101
- package/src/components/AppHeader/AppHeader.stories.tsx +13 -10
- package/src/components/AppHeader/AppHeader.tsx +82 -61
- package/src/components/Icon/iconList.ts +14 -1
- package/src/components/MenuOption/MenuOption.scss +17 -0
- package/src/components/MenuOption/MenuOption.tsx +8 -1
- package/src/components/MenuOption/types.ts +12 -0
- /package/lib/components/ExcelFile/{ColorBarselector → ColorBarSelector}/ColorBarSelector.d.ts +0 -0
package/lib/index.js
CHANGED
@@ -547,6 +547,20 @@ const SvgReplaceIcon = (props) => /* @__PURE__ */ React__namespace.createElement
|
|
547
547
|
|
548
548
|
const SvgHeaderPreset = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 120 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.5 22.4999H82.5C79.7422 22.4917 77.5083 20.2579 77.5001 17.5V2.5L97.5 22.4999Z", fill: "#4A1353" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.5 22.4999V112.5C97.4918 115.258 95.258 117.492 92.5001 117.5H12.4999C9.74203 117.492 7.5082 115.258 7.5 112.5V7.49992C7.5082 4.74203 9.74203 2.5082 12.4999 2.5H77.4998V17.5C77.5083 20.2579 79.7421 22.4917 82.5 22.4999H97.5Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.5 100C99.0685 100 112.5 86.5685 112.5 70C112.5 53.4315 99.0685 40 82.5 40C65.9315 40 52.5 53.4315 52.5 70C52.5 86.5685 65.9315 100 82.5 100Z", fill: "#FDFAFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M95.0717 58.5713H74.5002C72.6067 58.5713 71.0717 60.1063 71.0717 61.9999V82.5713C71.0717 84.4648 72.6067 85.9999 74.5002 85.9999H95.0717C96.9652 85.9999 98.5002 84.4648 98.5002 82.5713V61.9999C98.5002 60.1063 96.9652 58.5713 95.0717 58.5713Z", fill: "#9D34AE" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M90.5001 54H69.9287C68.0351 54 66.5001 55.535 66.5001 57.4286V78C66.5001 79.8935 68.0351 81.4286 69.9287 81.4286H90.5001C92.3937 81.4286 93.9287 79.8935 93.9287 78V57.4286C93.9287 55.535 92.3937 54 90.5001 54Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M87.0717 66.5715H81.3575V60.8572C81.3575 60.5541 81.237 60.2634 81.0227 60.0491C80.8084 59.8348 80.5177 59.7144 80.2146 59.7144C79.9115 59.7144 79.6208 59.8348 79.4065 60.0491C79.1922 60.2634 79.0717 60.5541 79.0717 60.8572V66.5715H73.3575C73.0544 66.5715 72.7637 66.6919 72.5493 66.9062C72.335 67.1206 72.2146 67.4113 72.2146 67.7144C72.2146 68.0175 72.335 68.3082 72.5493 68.5225C72.7637 68.7368 73.0544 68.8572 73.3575 68.8572H79.0717V74.5715C79.0717 74.8746 79.1922 75.1653 79.4065 75.3796C79.6208 75.5939 79.9115 75.7144 80.2146 75.7144C80.5177 75.7144 80.8084 75.5939 81.0227 75.3796C81.237 75.1653 81.3575 74.8746 81.3575 74.5715V68.8572H87.0717C87.3748 68.8572 87.6655 68.7368 87.8799 68.5225C88.0942 68.3082 88.2146 68.0175 88.2146 67.7144C88.2146 67.4113 88.0942 67.1206 87.8799 66.9062C87.6655 66.6919 87.3748 66.5715 87.0717 66.5715Z", fill: "#F5F5F5" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.9999 15H45V19.9999H19.9999V15Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.9999 25H24.9998V29.9999H19.9999V25Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M30 25H34.9999V29.9999H30V25Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.9999 112.5C94.9999 113.881 93.8805 115 92.4998 115H12.4999C11.1192 115 9.9998 113.881 9.9998 112.5V7.5C9.9998 6.1193 11.1192 4.99992 12.4999 4.99992H75V17.4998C75 21.642 78.3578 24.9998 82.5 24.9998H87.4999V19.9999H82.5C81.1192 19.9999 79.9999 18.8805 79.9999 17.4998V8.535L94.9999 23.535V32.5001H99.9998V22.5C99.9996 21.837 99.7361 21.2013 99.2674 20.7326L79.2675 0.732422C78.7987 0.263438 78.1628 0 77.5 0H12.4999C8.35777 0 4.99988 3.35789 4.99988 7.5V112.5C4.99988 116.642 8.35777 120 12.4999 120H92.4998C96.6419 120 99.9998 116.642 99.9998 112.5V107.5H94.9999V112.5Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.5 37.5C64.5508 37.5 49.9999 52.0507 49.9999 70.0001C49.9999 87.9495 64.5508 102.5 82.5 102.5C100.449 102.5 115 87.9492 115 69.9998C114.979 52.0594 100.441 37.5206 82.5 37.5ZM82.5 97.5C67.3122 97.5 55 85.1878 55 70.0001C55 54.8123 67.3122 42.4999 82.5 42.4999C97.6877 42.4999 110 54.8121 110 69.9998C109.982 85.1803 97.6804 97.4822 82.5 97.5Z", fill: "#71347B" }));
|
549
549
|
|
550
|
+
const SvgProjectElement = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.25996 0C4.96541 0 4.72663 0.238781 4.72663 0.533333V1.86667H4.13996C3.67249 1.86667 4.23484 1.88136 3.83358 1.93801C2.78514 2.05486 1.97454 2.37818 1.47172 3.14174C0.999156 3.85935 0.873291 4.8662 0.873291 6.13333V9.86667C0.873291 11.1338 0.999156 12.1407 1.47172 12.8583C1.97454 13.6218 2.78513 13.9451 3.83355 14.062C4.23482 14.1186 3.67248 14.1333 4.13996 14.1333H4.72663V15.4667C4.72663 15.7612 4.96541 16 5.25996 16C5.55451 16 5.7933 15.7612 5.7933 15.4667V0.533333C5.7933 0.238781 5.55451 0 5.25996 0ZM4.72663 13.0667H4.13996C3.68488 13.0667 4.30404 13.0517 3.97589 13.0048L3.95892 13.0027C3.04771 12.9022 2.61439 12.654 2.36257 12.2716C2.07915 11.8412 1.93996 11.1233 1.93996 9.86667V6.13333C1.93996 4.87673 2.07915 4.15879 2.36257 3.72839C2.61439 3.346 3.04771 3.09779 3.95892 2.99732L3.97589 2.99517C4.30404 2.94829 3.68488 2.93333 4.13996 2.93333H4.72663V13.0667ZM11.86 2.93333C12.315 2.93333 12.6958 2.94829 13.024 2.99517L13.041 2.99732C13.9522 3.09779 14.3855 3.346 14.6373 3.7284C14.9208 4.15879 15.06 4.87674 15.06 6.13333V9.86667C15.06 11.1233 14.9208 11.8412 14.6373 12.2716C14.3855 12.654 13.9522 12.9022 13.041 13.0027L13.024 13.0048C12.6958 13.0517 12.315 13.0667 11.86 13.0667H8.23168C7.93713 13.0667 7.69835 13.3054 7.69835 13.6C7.69835 13.8946 7.93713 14.1333 8.23168 14.1333H11.86C12.3275 14.1333 12.7651 14.1186 13.1663 14.062C14.2148 13.9451 15.0254 13.6218 15.5282 12.8583C16.0008 12.1407 16.1266 11.1338 16.1266 9.86667V6.13333C16.1266 4.86619 16.0008 3.85934 15.5282 3.14173C15.0253 2.37818 14.2147 2.05486 13.1663 1.93801C12.765 1.88136 12.3274 1.86667 11.86 1.86667H8.27648C7.98193 1.86667 7.74315 2.10545 7.74315 2.4C7.74315 2.69455 7.98193 2.93333 8.27648 2.93333H11.86Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.2976 7.95194C10.4283 7.71394 10.4936 7.4526 10.4936 7.16794C10.4936 6.85994 10.4259 6.58694 10.2906 6.34894C10.1553 6.11094 9.95225 5.92427 9.68159 5.78894C9.41092 5.6536 9.07959 5.58594 8.68759 5.58594H6.74859V10.4999H7.94559V8.73594H8.68759C9.08892 8.73594 9.42492 8.6636 9.69559 8.51894C9.96625 8.37427 10.1669 8.18527 10.2976 7.95194ZM9.10759 7.62294C8.99559 7.73027 8.82525 7.78394 8.59659 7.78394H7.94559V6.55194H8.59659C8.82525 6.55194 8.99559 6.6056 9.10759 6.71294C9.21959 6.82027 9.27559 6.97194 9.27559 7.16794C9.27559 7.36394 9.21959 7.5156 9.10759 7.62294ZM12.3138 7.53894V6.54494H14.1268V5.58594H11.1168V10.4999H14.1268V9.54094H12.3138V8.46294H13.9168V7.53894H12.3138Z", fill: "currentColor" }));
|
551
|
+
|
552
|
+
const SvgElement = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.74 0C11.0345 0 11.2733 0.238781 11.2733 0.533333V1.86667H11.86C12.3274 1.86667 12.7651 1.88136 13.1663 1.93801C14.2148 2.05486 15.0254 2.37818 15.5282 3.14174C16.0008 3.85935 16.1266 4.8662 16.1266 6.13333V9.86667C16.1266 11.1338 16.0008 12.1407 15.5282 12.8583C15.0254 13.6218 14.2148 13.9451 13.1664 14.062C12.7651 14.1186 12.3274 14.1333 11.86 14.1333H11.2733V15.4667C11.2733 15.7612 11.0345 16 10.74 16C10.4454 16 10.2066 15.7612 10.2066 15.4667V0.533333C10.2066 0.238781 10.4454 0 10.74 0ZM11.2733 13.0667H11.86C12.3151 13.0667 12.6959 13.0517 13.024 13.0048L13.041 13.0027C13.9522 12.9022 14.3855 12.654 14.6374 12.2716C14.9208 11.8412 15.06 11.1233 15.06 9.86667V6.13333C15.06 4.87673 14.9208 4.15879 14.6374 3.72839C14.3855 3.346 13.9522 3.09779 13.041 2.99732L13.024 2.99517C12.6959 2.94829 12.3151 2.93333 11.86 2.93333H11.2733V13.0667ZM5.13996 2.93333C4.68488 2.93333 4.30408 2.94829 3.97594 2.99517L3.95897 2.99732C3.04776 3.09779 2.61442 3.346 2.36259 3.7284C2.07916 4.15879 1.93996 4.87674 1.93996 6.13333V9.86667C1.93996 11.1233 2.07916 11.8412 2.36259 12.2716C2.61442 12.654 3.04776 12.9022 3.95897 13.0027L3.97594 13.0048C4.30408 13.0517 4.68488 13.0667 5.13996 13.0667H7.76825C8.0628 13.0667 8.30158 13.3054 8.30158 13.6C8.30158 13.8946 8.0628 14.1333 7.76825 14.1333H5.13996C4.67248 14.1333 4.23486 14.1186 3.83359 14.062C2.78517 13.9451 1.97458 13.6218 1.47175 12.8583C0.999169 12.1407 0.873291 11.1338 0.873291 9.86667V6.13333C0.873291 4.86619 0.999169 3.85934 1.47175 3.14173C1.97458 2.37818 2.78519 2.05486 3.83362 1.93801C4.23489 1.88136 4.67249 1.86667 5.13996 1.86667H7.72345C8.018 1.86667 8.25678 2.10545 8.25678 2.4C8.25678 2.69455 8.018 2.93333 7.72345 2.93333H5.13996Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.34822 6.2376V7.3736H7.18022V8.4296H5.34822V9.6616H7.42022V10.7576H3.98022V5.1416H7.42022V6.2376H5.34822Z", fill: "currentColor" }));
|
553
|
+
|
554
|
+
const SvgStepGroup = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.6871 0.646463L12.5406 0.5H12.3335H3.11475C2.40704 0.5 1.8335 1.07355 1.8335 1.78125V16.2188C1.8335 16.9265 2.40704 17.5 3.11475 17.5H14.8854C15.5931 17.5 16.1666 16.9265 16.1666 16.2188V4.33344V4.12634L16.0202 3.9799L12.6871 0.646463Z", fill: "white", stroke: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.3335 1L15.6669 4.33344H13.1147C12.6832 4.33344 12.3335 3.98375 12.3335 3.55219V1Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16.2188 8.26343H1.78125C1.07364 8.26343 0.5 8.83706 0.5 9.54468V13.9822C0.5 14.6898 1.07364 15.2634 1.78125 15.2634H16.2188C16.9264 15.2634 17.5 14.6898 17.5 13.9822V9.54468C17.5 8.83706 16.9264 8.26343 16.2188 8.26343Z", fill: "white", stroke: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.00338 4.22314H3.979C3.80641 4.22314 3.6665 4.36306 3.6665 4.53564V4.57721C3.6665 4.7498 3.80641 4.88971 3.979 4.88971H8.00338C8.17597 4.88971 8.31588 4.7498 8.31588 4.57721V4.53564C8.31588 4.36306 8.17597 4.22314 8.00338 4.22314Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.0206 5.49316H3.979C3.80641 5.49316 3.6665 5.63308 3.6665 5.80566V5.84723C3.6665 6.01982 3.80641 6.15973 3.979 6.15973H11.0206C11.1932 6.15973 11.3331 6.01982 11.3331 5.84723V5.80566C11.3331 5.63308 11.1932 5.49316 11.0206 5.49316Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.0206 6.76343H3.979C3.80641 6.76343 3.6665 6.90334 3.6665 7.07593V7.11749C3.6665 7.29008 3.80641 7.42999 3.979 7.42999H11.0206C11.1932 7.42999 11.3331 7.29008 11.3331 7.11749V7.07593C11.3331 6.90334 11.1932 6.76343 11.0206 6.76343Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.7289 10.8835C11.6529 10.7435 11.5429 10.6375 11.3989 10.5655C11.2589 10.4895 11.0929 10.4515 10.9009 10.4515C10.5689 10.4515 10.3029 10.5615 10.1029 10.7815C9.90291 10.9975 9.80291 11.2875 9.80291 11.6515C9.80291 12.0395 9.90691 12.3435 10.1149 12.5635C10.3269 12.7795 10.6169 12.8875 10.9849 12.8875C11.2369 12.8875 11.4489 12.8235 11.6209 12.6955C11.7969 12.5675 11.9249 12.3835 12.0049 12.1435H10.7029V11.3875H12.9349V12.3415C12.8589 12.5975 12.7289 12.8355 12.5449 13.0555C12.3649 13.2755 12.1349 13.4535 11.8549 13.5895C11.5749 13.7255 11.2589 13.7935 10.9069 13.7935C10.4909 13.7935 10.1189 13.7035 9.79091 13.5235C9.46691 13.3395 9.21291 13.0855 9.02891 12.7615C8.84891 12.4375 8.75891 12.0675 8.75891 11.6515C8.75891 11.2355 8.84891 10.8655 9.02891 10.5415C9.21291 10.2135 9.46691 9.95948 9.79091 9.77948C10.1149 9.59548 10.4849 9.50348 10.9009 9.50348C11.4049 9.50348 11.8289 9.62548 12.1729 9.86948C12.5209 10.1135 12.7509 10.4515 12.8629 10.8835H11.7289Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.76546 13.8055C6.45746 13.8055 6.18146 13.7555 5.93746 13.6555C5.69346 13.5555 5.49746 13.4075 5.34946 13.2115C5.20546 13.0155 5.12946 12.7795 5.12146 12.5035H6.21346C6.22946 12.6595 6.28346 12.7795 6.37546 12.8635C6.46746 12.9435 6.58746 12.9835 6.73546 12.9835C6.88746 12.9835 7.00746 12.9495 7.09546 12.8815C7.18346 12.8095 7.22746 12.7115 7.22746 12.5875C7.22746 12.4835 7.19146 12.3975 7.11946 12.3295C7.05146 12.2615 6.96546 12.2055 6.86146 12.1615C6.76146 12.1175 6.61746 12.0675 6.42946 12.0115C6.15746 11.9275 5.93546 11.8435 5.76346 11.7595C5.59146 11.6755 5.44346 11.5515 5.31946 11.3875C5.19546 11.2235 5.13346 11.0095 5.13346 10.7455C5.13346 10.3535 5.27546 10.0475 5.55946 9.82746C5.84346 9.60346 6.21346 9.49146 6.66946 9.49146C7.13346 9.49146 7.50746 9.60346 7.79146 9.82746C8.07546 10.0475 8.22746 10.3555 8.24746 10.7515H7.13746C7.12946 10.6155 7.07946 10.5095 6.98746 10.4335C6.89546 10.3535 6.77746 10.3135 6.63346 10.3135C6.50946 10.3135 6.40946 10.3475 6.33346 10.4155C6.25746 10.4795 6.21946 10.5735 6.21946 10.6975C6.21946 10.8335 6.28346 10.9395 6.41146 11.0155C6.53946 11.0915 6.73946 11.1735 7.01146 11.2615C7.28346 11.3535 7.50346 11.4415 7.67146 11.5255C7.84346 11.6095 7.99146 11.7315 8.11546 11.8915C8.23946 12.0515 8.30146 12.2575 8.30146 12.5095C8.30146 12.7495 8.23946 12.9675 8.11546 13.1635C7.99546 13.3595 7.81946 13.5155 7.58746 13.6315C7.35546 13.7475 7.08146 13.8055 6.76546 13.8055Z", fill: "currentColor" }));
|
555
|
+
|
556
|
+
const SvgVariable = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.9799 1.25165L14.98 1.25157C14.7152 0.961146 14.2958 0.772921 13.667 0.762264L13.6603 0.762149L13.6603 0.762103C12.7479 0.734285 11.9951 0.96121 11.384 1.41819C10.8289 1.83329 10.3593 2.46205 10.001 3.33573C10.1534 3.30977 10.311 3.29489 10.4753 3.29489C10.7848 3.29489 11.4004 3.3316 11.7695 3.80919L11.7739 3.81488L11.7738 3.81491C12.0596 4.19596 12.0442 4.69533 11.9167 5.14881L11.9148 5.1555L11.9148 5.15548C11.8487 5.3786 11.679 5.72644 11.4767 6.10052C11.2662 6.48991 10.996 6.95156 10.702 7.42063L10.6993 7.42506L10.6992 7.42504C10.3347 7.99341 10.0495 8.41568 9.83621 8.69902C9.73082 8.839 9.63297 8.95859 9.54476 9.04759C9.50132 9.09141 9.44774 9.14065 9.3864 9.18221C9.33933 9.2141 9.21625 9.29216 9.04751 9.29216H9.03969L9.03189 9.29192C8.86024 9.28655 8.74138 9.20288 8.68565 9.15592C8.62506 9.10486 8.58139 9.04856 8.55261 9.00722C8.49422 8.92335 8.44439 8.82359 8.40245 8.72934C8.31617 8.5355 8.22417 8.27484 8.13119 7.98249C7.94369 7.393 7.73346 6.61448 7.53672 5.84142C7.33946 5.06626 7.15363 4.28817 7.01499 3.6962C6.94564 3.40006 6.88802 3.15019 6.84663 2.97037L6.79742 2.75665C6.78998 2.72446 6.7853 2.7045 6.78273 2.69357C6.78085 2.68557 6.78011 2.68241 6.78026 2.68285C6.57968 1.95823 6.4571 1.54402 6.26635 1.28514C6.18505 1.17481 6.0959 1.10218 5.9786 1.05184C5.85381 0.998295 5.67159 0.959272 5.39186 0.959272C5.26627 0.959272 5.03076 1.0232 4.67253 1.206C4.32974 1.38093 3.92898 1.63585 3.49123 1.94799C2.6167 2.57158 1.63791 3.39214 0.748646 4.17102L0.746028 4.17331L0.74602 4.1733L0.529348 4.36043L0.770345 4.6639C1.04584 4.45958 1.33341 4.25452 1.60844 4.09759C1.8837 3.94053 2.21683 3.7892 2.55433 3.78725C3.08046 3.77664 3.42074 4.18183 3.64468 4.58689C3.88424 5.02023 4.10594 5.65616 4.33533 6.49304C4.78297 8.11185 5.33179 9.86026 5.93252 11.1966C6.23406 11.8673 6.53701 12.4074 6.83047 12.772C7.13988 13.1564 7.35241 13.2402 7.4597 13.2402C8.04015 13.2402 8.72417 12.9975 9.55755 12.3699C10.3917 11.7418 11.3418 10.753 12.4423 9.32413L14.9799 1.25165ZM14.9799 1.25165L14.9874 1.25952M14.9799 1.25165L14.9874 1.25952M14.9874 1.25952C15.338 1.62763 15.549 2.31697 15.4903 3.3985L15.4902 3.3985M14.9874 1.25952L15.4902 3.3985M15.4902 3.3985L15.4899 3.40533M15.4902 3.3985L15.4899 3.40533M15.4899 3.40533C15.4633 4.06042 15.2114 4.88481 14.6981 5.88902M15.4899 3.40533L14.6981 5.88902M14.6981 5.88902C14.1875 6.88796 13.4345 8.03371 12.4424 9.32404L14.6981 5.88902Z", fill: "white", stroke: "currentColor" }));
|
557
|
+
|
558
|
+
const SvgDefects = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.7329 7.06677C14.7328 6.82169 14.8393 6.58413 15.0178 6.43128L16 5.59038L15.9289 5.30868C15.8429 4.96829 15.7315 4.63183 15.5977 4.30819C15.4637 3.98519 15.3045 3.66854 15.1246 3.36707L14.9757 3.11758L13.6905 3.21716C13.4556 3.23531 13.2121 3.14232 13.0379 2.96752C12.8645 2.79431 12.7719 2.551 12.79 2.31669L12.8899 1.02759L12.6404 0.878718C12.339 0.698823 12.0224 0.539638 11.6988 0.405412C11.3756 0.271717 11.0391 0.160356 10.6987 0.074423L10.417 0.0032959L9.5787 0.982457C9.42585 1.16095 9.18698 1.2674 8.93946 1.2674C8.93793 1.2674 8.46853 1.26659 8.46853 1.26659V5.95423H8.93709C9.54855 5.95423 10.046 6.45168 10.046 7.06315C10.046 7.67462 9.54855 8.17207 8.93709 8.17207H8.46903L8.46428 12.8591L8.93349 12.8589C9.1788 12.8589 9.41623 12.9654 9.56898 13.1438L10.4099 14.126L10.6916 14.0549C11.0319 13.969 11.3683 13.8576 11.6921 13.7237C12.0151 13.5897 12.3318 13.4305 12.6332 13.2506L12.8827 13.1017L12.7831 11.8165C12.765 11.5817 12.858 11.3381 13.0328 11.1639C13.206 10.9905 13.4491 10.8979 13.6836 10.916L14.9727 11.0159L15.1216 10.7664C15.3015 10.465 15.4607 10.1483 15.5949 9.82477C15.7286 9.50159 15.8399 9.16513 15.9259 8.82477L15.997 8.54307L15.0178 7.7047C14.8389 7.55161 14.7324 7.31352 14.7329 7.06677ZM10.9831 7.06315C10.9831 6.09617 10.3087 5.28369 9.40564 5.07125V4.11689C10.8287 4.34236 11.9202 5.57763 11.9202 7.06315C11.9202 8.54917 10.828 9.78475 9.40424 10.0096L9.40521 9.05518C10.3086 8.84295 10.9831 8.03035 10.9831 7.06315ZM14.7291 9.4662C14.6488 9.65962 14.5582 9.85044 14.4585 10.0362L13.756 9.98173C13.2446 9.94209 12.7395 10.1316 12.3705 10.5008C11.9992 10.8708 11.8091 11.3767 11.8487 11.8889L11.9029 12.5876C11.7172 12.6873 11.5265 12.7779 11.3334 12.858C11.1399 12.938 10.9409 13.0088 10.739 13.0696L10.2808 12.5344C10.0497 12.2645 9.74288 12.0744 9.40221 11.9832L9.40324 10.9556C11.3459 10.7243 12.8573 9.06705 12.8573 7.06315C12.8573 5.06007 11.3472 3.40331 9.40561 3.171V2.14432C9.74922 2.05358 10.0584 1.86303 10.2905 1.59193L10.7462 1.05964C10.948 1.12043 11.1469 1.19121 11.3401 1.27112C11.5335 1.35137 11.7243 1.44199 11.9101 1.54173L11.8556 2.24425C11.816 2.75551 12.0055 3.26074 12.3747 3.62968C12.7446 4.001 13.2506 4.19127 13.7628 4.15147L14.4614 4.09734C14.5612 4.28307 14.6517 4.47377 14.7318 4.66682C14.8119 4.8603 14.8827 5.05932 14.9435 5.2612L14.4083 5.71945C14.0188 6.05294 13.7955 6.54418 13.7957 7.06615C13.7947 7.59028 14.018 8.08251 14.4082 8.41659L14.9405 8.87234C14.8798 9.07414 14.809 9.27306 14.7291 9.4662Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.95393 8.93685C5.95393 8.32538 6.45139 7.82793 7.06285 7.82793H7.53141V3.14094L7.0627 3.1411C6.81617 3.1411 6.58605 3.03723 6.43099 2.85615L5.59008 1.87399L5.30839 1.94512C4.96809 2.03102 4.63163 2.14238 4.30789 2.27627C3.98483 2.4103 3.66818 2.56949 3.36674 2.74938L3.11725 2.89829L3.21684 4.18351C3.23502 4.41826 3.14199 4.66194 2.96719 4.83609C2.79398 5.00946 2.55086 5.10207 2.31633 5.08399L1.02723 4.98409L0.878327 5.23358C0.698432 5.53502 0.539279 5.85167 0.405053 6.17523C0.271389 6.49841 0.160059 6.83486 0.0740946 7.17522L0.00296753 7.45692L0.982191 8.2953C1.16102 8.44842 1.26754 8.68651 1.26711 8.93325C1.2672 9.17834 1.16068 9.4159 0.98216 9.56874L0 10.4096L0.0711271 10.6913C0.157092 11.0317 0.268452 11.3682 0.402304 11.6918C0.536311 12.0148 0.695465 12.3315 0.875391 12.6329L1.02427 12.8824L2.30952 12.7828C2.54421 12.7648 2.78795 12.8577 2.9621 13.0325C3.13546 13.2057 3.22814 13.449 3.20996 13.6833L3.11007 14.9724L3.35956 15.1213C3.661 15.3012 3.97765 15.4604 4.3012 15.5946C4.62442 15.7282 4.96087 15.8396 5.30123 15.9255L5.58293 15.9967L6.42127 15.0175C6.57412 14.839 6.81158 14.7326 7.05673 14.7326C7.05823 14.7326 7.52716 14.7334 7.52716 14.7334L7.53191 10.0457H7.06288C6.45142 10.0458 5.95393 9.54828 5.95393 8.93685ZM5.01682 8.93685C5.01682 9.9037 5.69098 10.7161 6.59386 10.9287L6.59289 11.8829C5.17047 11.6568 4.0797 10.4219 4.0797 8.93685C4.0797 7.45133 5.17119 6.21609 6.5943 5.99059V6.94494C5.69123 7.15736 5.01682 7.96984 5.01682 8.93685ZM5.70941 14.4081L5.25369 14.9404C5.05187 14.8796 4.85298 14.8088 4.65981 14.7289C4.46639 14.6486 4.27556 14.558 4.08982 14.4583L4.14427 13.7557C4.18391 13.2445 3.99446 12.7393 3.6252 12.3703C3.25526 11.999 2.74931 11.8089 2.23711 11.8485L1.53846 11.9027C1.43872 11.7169 1.34817 11.5262 1.26807 11.3332C1.18804 11.1397 1.1172 10.9407 1.05638 10.7388L1.59163 10.2805C1.98116 9.94706 2.20444 9.45582 2.20422 8.93385C2.20516 8.40972 1.98187 7.91748 1.59166 7.5834L1.05938 7.12765C1.12017 6.92586 1.19098 6.72694 1.27088 6.53377C1.35113 6.34035 1.44175 6.14952 1.54149 5.96378L2.24402 6.01823C2.75528 6.05787 3.26051 5.86835 3.62945 5.49913C4.00073 5.12919 4.19091 4.62324 4.15123 4.11104L4.0971 3.41239C4.28277 3.31268 4.47351 3.2221 4.66655 3.142C4.8601 3.06197 5.05911 2.99113 5.26094 2.93034L5.71922 3.46559C5.94997 3.7351 6.2555 3.92503 6.59436 4.0164V5.04463C4.65281 5.27694 3.14265 6.9337 3.14265 8.93678C3.14265 10.9391 4.65159 12.5953 6.59198 12.8287L6.59095 13.856C6.24909 13.947 5.94122 14.1373 5.70941 14.4081Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.5943 0.798859H7.53141V1.73597H6.5943V0.798859Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.72006 0.00326538H5.65718V0.940381H4.72006V0.00326538Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.46852 14.2646H9.40564V15.2017H8.46852V14.2646Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.3428 15.0596H11.2799V15.9967H10.3428V15.0596Z", fill: "currentColor" }));
|
559
|
+
|
560
|
+
const SvgApprovalPending = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("mask", { id: "path-1-outside-1_2947_11608", maskUnits: "userSpaceOnUse", x: 0, y: -976562e-9, width: 18, height: 18, fill: "currentColor" }, /* @__PURE__ */ React__namespace.createElement("rect", { fill: "white", y: -976562e-9, width: 18, height: 18 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.5007 11.447C15.4768 10.707 16.1477 9.39715 16.2107 8.13752H16.2608C16.6684 8.13752 17 7.80593 17 7.39837V6.90921C17 6.77115 16.888 6.65921 16.75 6.65921H12.3431V4.45674C12.3431 4.39227 12.3182 4.33034 12.2736 4.2838L9.20034 1.07609C9.15319 1.02687 9.08797 0.999023 9.01984 0.999023H1.25C1.11194 0.999023 1 1.11096 1 1.24902V16.7491C1 16.8871 1.11194 16.9991 1.25 16.9991H9.21725H16.75C16.8881 16.9991 17 16.8871 17 16.7491V16.2599C17 15.8524 16.6684 15.5208 16.2608 15.5208H16.2107C16.1477 14.2612 15.4769 12.9514 14.5008 12.2114C14.382 12.1213 14.3139 11.982 14.3139 11.8292C14.3139 11.6763 14.382 11.537 14.5007 11.447ZM16.5 7.39834C16.5 7.53021 16.3927 7.63749 16.2608 7.63749H9.70641C9.57453 7.63749 9.46725 7.53018 9.46725 7.39834V7.15918H16.5V7.39834ZM11.5073 4.20674H9.13538V1.73096L11.5073 4.20674ZM1.5 1.49902H8.63538V4.45671C8.63538 4.59477 8.74731 4.70671 8.88538 4.70671H11.8431V6.65918H9.21725C9.07919 6.65918 8.96725 6.77112 8.96725 6.90918V7.39834C8.96725 7.8059 9.29884 8.13749 9.70641 8.13749H9.75656C9.8195 9.39712 10.4904 10.7069 11.4665 11.4469C11.5852 11.5369 11.6533 11.6762 11.6533 11.8291C11.6533 11.982 11.5852 12.1213 11.4665 12.2113C10.4904 12.9512 9.8195 14.2611 9.75656 15.5207H9.70641C9.29884 15.5207 8.96725 15.8523 8.96725 16.2598V16.499H1.5V1.49902ZM16.5 16.2599V16.4991H9.46725V16.2599C9.46725 16.1281 9.57456 16.0208 9.70641 16.0208H16.2608C16.3927 16.0207 16.5 16.1281 16.5 16.2599ZM12.7925 14.816C12.8586 14.7884 12.9224 14.7562 12.9836 14.7198C13.0448 14.7562 13.1087 14.7883 13.1748 14.816C13.4904 14.9477 13.7873 15.1922 14.036 15.5208H11.9313C12.18 15.1922 12.4769 14.9477 12.7925 14.816ZM14.1987 12.6098C15.0425 13.2495 15.6456 14.4234 15.71 15.5207H14.6387C14.3055 14.9709 13.8583 14.5594 13.3674 14.3546C13.3209 14.3351 13.2763 14.3121 13.2336 14.2862V13.5991C13.2336 13.4611 13.1217 13.3491 12.9836 13.3491C12.8455 13.3491 12.7336 13.4611 12.7336 13.5991V14.2863C12.6908 14.3121 12.6463 14.3352 12.5999 14.3546C12.109 14.5594 11.6618 14.9709 11.3286 15.5207H10.2572C10.3216 14.4234 10.9247 13.2495 11.7685 12.6098C12.0131 12.4244 12.1533 12.1399 12.1533 11.8292C12.1533 11.5184 12.0131 11.2339 11.7685 11.0485C10.9247 10.4088 10.3216 9.2349 10.2572 8.13756H15.71C15.6456 9.2349 15.0425 10.4088 14.1987 11.0486C13.9542 11.2339 13.8139 11.5184 13.8139 11.8291C13.8139 12.1398 13.9542 12.4244 14.1987 12.6098ZM13.2336 12.1133V12.3289C13.2336 12.4669 13.1217 12.5789 12.9836 12.5789C12.8456 12.5789 12.7336 12.4669 12.7336 12.3289V12.1133C12.7336 11.9753 12.8456 11.8633 12.9836 11.8633C13.1217 11.8633 13.2336 11.9753 13.2336 12.1133ZM14.8461 9.3459C14.8952 9.23802 14.8618 9.11052 14.7661 9.04056C13.972 8.45977 13.3647 8.75105 12.8288 9.00805C12.427 9.20077 12.0475 9.38277 11.5434 9.28396C11.4474 9.26515 11.3493 9.30402 11.2923 9.38343C11.2353 9.4628 11.2298 9.56818 11.2782 9.65315C11.6158 10.2452 12.0852 10.6896 12.5998 10.9044C12.6463 10.9238 12.6908 10.9468 12.7336 10.9727V11.3204C12.7336 11.4585 12.8455 11.5704 12.9836 11.5704C13.1217 11.5704 13.2336 11.4585 13.2336 11.3204V10.9728C13.2764 10.9469 13.3209 10.9238 13.3673 10.9045C13.9711 10.6525 14.51 10.0844 14.8461 9.3459ZM13.1748 10.443C13.1088 10.4706 13.0449 10.5027 12.9837 10.5391C12.9225 10.5027 12.8586 10.4706 12.7925 10.443C12.4997 10.3208 12.2218 10.1002 11.984 9.80543C12.3946 9.77087 12.7346 9.60781 13.0451 9.4589C13.4966 9.2423 13.8365 9.07934 14.2957 9.33159C14.0125 9.86109 13.6117 10.2606 13.1748 10.443ZM2.97287 4.94155C2.97287 4.80349 3.08481 4.69155 3.22288 4.69155H7.23537C7.37344 4.69155 7.48537 4.80349 7.48537 4.94155C7.48537 5.07962 7.37344 5.19156 7.23537 5.19156H3.22288C3.08481 5.19156 2.97287 5.07962 2.97287 4.94155ZM2.97287 7.64659C2.97287 7.50852 3.08481 7.39659 3.22288 7.39659H7.23537C7.37344 7.39659 7.48537 7.50852 7.48537 7.64659C7.48537 7.78465 7.37344 7.89659 7.23537 7.89659H3.22288C3.08481 7.89659 2.97287 7.78465 2.97287 7.64659ZM2.97287 10.3516C2.97287 10.2135 3.08481 10.1016 3.22288 10.1016H8.82175C8.95981 10.1016 9.07175 10.2135 9.07175 10.3516C9.07175 10.4896 8.95981 10.6016 8.82175 10.6016H3.22288C3.08481 10.6016 2.97287 10.4896 2.97287 10.3516ZM8.82175 13.3066H3.22288C3.08481 13.3066 2.97287 13.1946 2.97287 13.0566C2.97287 12.9185 3.08481 12.8066 3.22288 12.8066H8.82175C8.95981 12.8066 9.07175 12.9185 9.07175 13.0566C9.07175 13.1946 8.95981 13.3066 8.82175 13.3066Z" })), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.5007 11.447C15.4768 10.707 16.1477 9.39715 16.2107 8.13752H16.2608C16.6684 8.13752 17 7.80593 17 7.39837V6.90921C17 6.77115 16.888 6.65921 16.75 6.65921H12.3431V4.45674C12.3431 4.39227 12.3182 4.33034 12.2736 4.2838L9.20034 1.07609C9.15319 1.02687 9.08797 0.999023 9.01984 0.999023H1.25C1.11194 0.999023 1 1.11096 1 1.24902V16.7491C1 16.8871 1.11194 16.9991 1.25 16.9991H9.21725H16.75C16.8881 16.9991 17 16.8871 17 16.7491V16.2599C17 15.8524 16.6684 15.5208 16.2608 15.5208H16.2107C16.1477 14.2612 15.4769 12.9514 14.5008 12.2114C14.382 12.1213 14.3139 11.982 14.3139 11.8292C14.3139 11.6763 14.382 11.537 14.5007 11.447ZM16.5 7.39834C16.5 7.53021 16.3927 7.63749 16.2608 7.63749H9.70641C9.57453 7.63749 9.46725 7.53018 9.46725 7.39834V7.15918H16.5V7.39834ZM11.5073 4.20674H9.13538V1.73096L11.5073 4.20674ZM1.5 1.49902H8.63538V4.45671C8.63538 4.59477 8.74731 4.70671 8.88538 4.70671H11.8431V6.65918H9.21725C9.07919 6.65918 8.96725 6.77112 8.96725 6.90918V7.39834C8.96725 7.8059 9.29884 8.13749 9.70641 8.13749H9.75656C9.8195 9.39712 10.4904 10.7069 11.4665 11.4469C11.5852 11.5369 11.6533 11.6762 11.6533 11.8291C11.6533 11.982 11.5852 12.1213 11.4665 12.2113C10.4904 12.9512 9.8195 14.2611 9.75656 15.5207H9.70641C9.29884 15.5207 8.96725 15.8523 8.96725 16.2598V16.499H1.5V1.49902ZM16.5 16.2599V16.4991H9.46725V16.2599C9.46725 16.1281 9.57456 16.0208 9.70641 16.0208H16.2608C16.3927 16.0207 16.5 16.1281 16.5 16.2599ZM12.7925 14.816C12.8586 14.7884 12.9224 14.7562 12.9836 14.7198C13.0448 14.7562 13.1087 14.7883 13.1748 14.816C13.4904 14.9477 13.7873 15.1922 14.036 15.5208H11.9313C12.18 15.1922 12.4769 14.9477 12.7925 14.816ZM14.1987 12.6098C15.0425 13.2495 15.6456 14.4234 15.71 15.5207H14.6387C14.3055 14.9709 13.8583 14.5594 13.3674 14.3546C13.3209 14.3351 13.2763 14.3121 13.2336 14.2862V13.5991C13.2336 13.4611 13.1217 13.3491 12.9836 13.3491C12.8455 13.3491 12.7336 13.4611 12.7336 13.5991V14.2863C12.6908 14.3121 12.6463 14.3352 12.5999 14.3546C12.109 14.5594 11.6618 14.9709 11.3286 15.5207H10.2572C10.3216 14.4234 10.9247 13.2495 11.7685 12.6098C12.0131 12.4244 12.1533 12.1399 12.1533 11.8292C12.1533 11.5184 12.0131 11.2339 11.7685 11.0485C10.9247 10.4088 10.3216 9.2349 10.2572 8.13756H15.71C15.6456 9.2349 15.0425 10.4088 14.1987 11.0486C13.9542 11.2339 13.8139 11.5184 13.8139 11.8291C13.8139 12.1398 13.9542 12.4244 14.1987 12.6098ZM13.2336 12.1133V12.3289C13.2336 12.4669 13.1217 12.5789 12.9836 12.5789C12.8456 12.5789 12.7336 12.4669 12.7336 12.3289V12.1133C12.7336 11.9753 12.8456 11.8633 12.9836 11.8633C13.1217 11.8633 13.2336 11.9753 13.2336 12.1133ZM14.8461 9.3459C14.8952 9.23802 14.8618 9.11052 14.7661 9.04056C13.972 8.45977 13.3647 8.75105 12.8288 9.00805C12.427 9.20077 12.0475 9.38277 11.5434 9.28396C11.4474 9.26515 11.3493 9.30402 11.2923 9.38343C11.2353 9.4628 11.2298 9.56818 11.2782 9.65315C11.6158 10.2452 12.0852 10.6896 12.5998 10.9044C12.6463 10.9238 12.6908 10.9468 12.7336 10.9727V11.3204C12.7336 11.4585 12.8455 11.5704 12.9836 11.5704C13.1217 11.5704 13.2336 11.4585 13.2336 11.3204V10.9728C13.2764 10.9469 13.3209 10.9238 13.3673 10.9045C13.9711 10.6525 14.51 10.0844 14.8461 9.3459ZM13.1748 10.443C13.1088 10.4706 13.0449 10.5027 12.9837 10.5391C12.9225 10.5027 12.8586 10.4706 12.7925 10.443C12.4997 10.3208 12.2218 10.1002 11.984 9.80543C12.3946 9.77087 12.7346 9.60781 13.0451 9.4589C13.4966 9.2423 13.8365 9.07934 14.2957 9.33159C14.0125 9.86109 13.6117 10.2606 13.1748 10.443ZM2.97287 4.94155C2.97287 4.80349 3.08481 4.69155 3.22288 4.69155H7.23537C7.37344 4.69155 7.48537 4.80349 7.48537 4.94155C7.48537 5.07962 7.37344 5.19156 7.23537 5.19156H3.22288C3.08481 5.19156 2.97287 5.07962 2.97287 4.94155ZM2.97287 7.64659C2.97287 7.50852 3.08481 7.39659 3.22288 7.39659H7.23537C7.37344 7.39659 7.48537 7.50852 7.48537 7.64659C7.48537 7.78465 7.37344 7.89659 7.23537 7.89659H3.22288C3.08481 7.89659 2.97287 7.78465 2.97287 7.64659ZM2.97287 10.3516C2.97287 10.2135 3.08481 10.1016 3.22288 10.1016H8.82175C8.95981 10.1016 9.07175 10.2135 9.07175 10.3516C9.07175 10.4896 8.95981 10.6016 8.82175 10.6016H3.22288C3.08481 10.6016 2.97287 10.4896 2.97287 10.3516ZM8.82175 13.3066H3.22288C3.08481 13.3066 2.97287 13.1946 2.97287 13.0566C2.97287 12.9185 3.08481 12.8066 3.22288 12.8066H8.82175C8.95981 12.8066 9.07175 12.9185 9.07175 13.0566C9.07175 13.1946 8.95981 13.3066 8.82175 13.3066Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.5007 11.447C15.4768 10.707 16.1477 9.39715 16.2107 8.13752H16.2608C16.6684 8.13752 17 7.80593 17 7.39837V6.90921C17 6.77115 16.888 6.65921 16.75 6.65921H12.3431V4.45674C12.3431 4.39227 12.3182 4.33034 12.2736 4.2838L9.20034 1.07609C9.15319 1.02687 9.08797 0.999023 9.01984 0.999023H1.25C1.11194 0.999023 1 1.11096 1 1.24902V16.7491C1 16.8871 1.11194 16.9991 1.25 16.9991H9.21725H16.75C16.8881 16.9991 17 16.8871 17 16.7491V16.2599C17 15.8524 16.6684 15.5208 16.2608 15.5208H16.2107C16.1477 14.2612 15.4769 12.9514 14.5008 12.2114C14.382 12.1213 14.3139 11.982 14.3139 11.8292C14.3139 11.6763 14.382 11.537 14.5007 11.447ZM16.5 7.39834C16.5 7.53021 16.3927 7.63749 16.2608 7.63749H9.70641C9.57453 7.63749 9.46725 7.53018 9.46725 7.39834V7.15918H16.5V7.39834ZM11.5073 4.20674H9.13538V1.73096L11.5073 4.20674ZM1.5 1.49902H8.63538V4.45671C8.63538 4.59477 8.74731 4.70671 8.88538 4.70671H11.8431V6.65918H9.21725C9.07919 6.65918 8.96725 6.77112 8.96725 6.90918V7.39834C8.96725 7.8059 9.29884 8.13749 9.70641 8.13749H9.75656C9.8195 9.39712 10.4904 10.7069 11.4665 11.4469C11.5852 11.5369 11.6533 11.6762 11.6533 11.8291C11.6533 11.982 11.5852 12.1213 11.4665 12.2113C10.4904 12.9512 9.8195 14.2611 9.75656 15.5207H9.70641C9.29884 15.5207 8.96725 15.8523 8.96725 16.2598V16.499H1.5V1.49902ZM16.5 16.2599V16.4991H9.46725V16.2599C9.46725 16.1281 9.57456 16.0208 9.70641 16.0208H16.2608C16.3927 16.0207 16.5 16.1281 16.5 16.2599ZM12.7925 14.816C12.8586 14.7884 12.9224 14.7562 12.9836 14.7198C13.0448 14.7562 13.1087 14.7883 13.1748 14.816C13.4904 14.9477 13.7873 15.1922 14.036 15.5208H11.9313C12.18 15.1922 12.4769 14.9477 12.7925 14.816ZM14.1987 12.6098C15.0425 13.2495 15.6456 14.4234 15.71 15.5207H14.6387C14.3055 14.9709 13.8583 14.5594 13.3674 14.3546C13.3209 14.3351 13.2763 14.3121 13.2336 14.2862V13.5991C13.2336 13.4611 13.1217 13.3491 12.9836 13.3491C12.8455 13.3491 12.7336 13.4611 12.7336 13.5991V14.2863C12.6908 14.3121 12.6463 14.3352 12.5999 14.3546C12.109 14.5594 11.6618 14.9709 11.3286 15.5207H10.2572C10.3216 14.4234 10.9247 13.2495 11.7685 12.6098C12.0131 12.4244 12.1533 12.1399 12.1533 11.8292C12.1533 11.5184 12.0131 11.2339 11.7685 11.0485C10.9247 10.4088 10.3216 9.2349 10.2572 8.13756H15.71C15.6456 9.2349 15.0425 10.4088 14.1987 11.0486C13.9542 11.2339 13.8139 11.5184 13.8139 11.8291C13.8139 12.1398 13.9542 12.4244 14.1987 12.6098ZM13.2336 12.1133V12.3289C13.2336 12.4669 13.1217 12.5789 12.9836 12.5789C12.8456 12.5789 12.7336 12.4669 12.7336 12.3289V12.1133C12.7336 11.9753 12.8456 11.8633 12.9836 11.8633C13.1217 11.8633 13.2336 11.9753 13.2336 12.1133ZM14.8461 9.3459C14.8952 9.23802 14.8618 9.11052 14.7661 9.04056C13.972 8.45977 13.3647 8.75105 12.8288 9.00805C12.427 9.20077 12.0475 9.38277 11.5434 9.28396C11.4474 9.26515 11.3493 9.30402 11.2923 9.38343C11.2353 9.4628 11.2298 9.56818 11.2782 9.65315C11.6158 10.2452 12.0852 10.6896 12.5998 10.9044C12.6463 10.9238 12.6908 10.9468 12.7336 10.9727V11.3204C12.7336 11.4585 12.8455 11.5704 12.9836 11.5704C13.1217 11.5704 13.2336 11.4585 13.2336 11.3204V10.9728C13.2764 10.9469 13.3209 10.9238 13.3673 10.9045C13.9711 10.6525 14.51 10.0844 14.8461 9.3459ZM13.1748 10.443C13.1088 10.4706 13.0449 10.5027 12.9837 10.5391C12.9225 10.5027 12.8586 10.4706 12.7925 10.443C12.4997 10.3208 12.2218 10.1002 11.984 9.80543C12.3946 9.77087 12.7346 9.60781 13.0451 9.4589C13.4966 9.2423 13.8365 9.07934 14.2957 9.33159C14.0125 9.86109 13.6117 10.2606 13.1748 10.443ZM2.97287 4.94155C2.97287 4.80349 3.08481 4.69155 3.22288 4.69155H7.23537C7.37344 4.69155 7.48537 4.80349 7.48537 4.94155C7.48537 5.07962 7.37344 5.19156 7.23537 5.19156H3.22288C3.08481 5.19156 2.97287 5.07962 2.97287 4.94155ZM2.97287 7.64659C2.97287 7.50852 3.08481 7.39659 3.22288 7.39659H7.23537C7.37344 7.39659 7.48537 7.50852 7.48537 7.64659C7.48537 7.78465 7.37344 7.89659 7.23537 7.89659H3.22288C3.08481 7.89659 2.97287 7.78465 2.97287 7.64659ZM2.97287 10.3516C2.97287 10.2135 3.08481 10.1016 3.22288 10.1016H8.82175C8.95981 10.1016 9.07175 10.2135 9.07175 10.3516C9.07175 10.4896 8.95981 10.6016 8.82175 10.6016H3.22288C3.08481 10.6016 2.97287 10.4896 2.97287 10.3516ZM8.82175 13.3066H3.22288C3.08481 13.3066 2.97287 13.1946 2.97287 13.0566C2.97287 12.9185 3.08481 12.8066 3.22288 12.8066H8.82175C8.95981 12.8066 9.07175 12.9185 9.07175 13.0566C9.07175 13.1946 8.95981 13.3066 8.82175 13.3066Z", stroke: "currentColor", strokeWidth: 0.4, mask: "url(#path-1-outside-1_2947_11608)" }));
|
561
|
+
|
562
|
+
const SvgConfiguration = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.4419 2.23255H13.711C13.5824 1.60233 13.2399 1.03591 12.7417 0.629114C12.2434 0.222317 11.62 0.00012207 10.9767 0.00012207C10.3335 0.00012207 9.71005 0.222317 9.2118 0.629114C8.71356 1.03591 8.37113 1.60233 8.24246 2.23255H0.55814C0.410112 2.23255 0.268147 2.29136 0.163475 2.39603C0.0588038 2.5007 0 2.64267 0 2.79069C0 2.93872 0.0588038 3.08069 0.163475 3.18536C0.268147 3.29003 0.410112 3.34883 0.55814 3.34883H8.24246C8.37113 3.97905 8.71356 4.54548 9.2118 4.95227C9.71005 5.35907 10.3335 5.58127 10.9767 5.58127C11.62 5.58127 12.2434 5.35907 12.7417 4.95227C13.2399 4.54548 13.5824 3.97905 13.711 3.34883H15.4419C15.5899 3.34883 15.7319 3.29003 15.8365 3.18536C15.9412 3.08069 16 2.93872 16 2.79069C16 2.64267 15.9412 2.5007 15.8365 2.39603C15.7319 2.29136 15.5899 2.23255 15.4419 2.23255ZM10.9767 4.46511C10.6456 4.46511 10.3218 4.36691 10.0465 4.18292C9.77113 3.99893 9.55652 3.73743 9.42978 3.43147C9.30305 3.12551 9.26989 2.78884 9.3345 2.46403C9.39911 2.13923 9.55858 1.84087 9.79275 1.6067C10.0269 1.37253 10.3253 1.21306 10.6501 1.14845C10.9749 1.08384 11.3116 1.117 11.6175 1.24373C11.9235 1.37047 12.185 1.58508 12.369 1.86044C12.553 2.13579 12.6512 2.45953 12.6512 2.79069C12.6506 3.23461 12.474 3.66018 12.1601 3.97408C11.8462 4.28797 11.4207 4.46456 10.9767 4.46511ZM15.4419 7.44186H7.01336C6.88469 6.81164 6.54226 6.24521 6.04401 5.83842C5.54577 5.43162 4.92229 5.20942 4.27907 5.20942C3.63585 5.20942 3.01237 5.43162 2.51413 5.83842C2.01588 6.24521 1.67345 6.81164 1.54478 7.44186H0.55814C0.410112 7.44186 0.268147 7.50066 0.163475 7.60533C0.0588038 7.71 0 7.85197 0 8C0 8.14802 0.0588038 8.28999 0.163475 8.39466C0.268147 8.49933 0.410112 8.55814 0.55814 8.55814H1.54478C1.67345 9.18836 2.01588 9.75478 2.51413 10.1616C3.01237 10.5684 3.63585 10.7906 4.27907 10.7906C4.92229 10.7906 5.54577 10.5684 6.04401 10.1616C6.54226 9.75478 6.88469 9.18836 7.01336 8.55814H15.4419C15.5899 8.55814 15.7319 8.49933 15.8365 8.39466C15.9412 8.28999 16 8.14802 16 8C16 7.85197 15.9412 7.71 15.8365 7.60533C15.7319 7.50066 15.5899 7.44186 15.4419 7.44186ZM4.27907 9.67441C3.9479 9.67441 3.62417 9.57621 3.34881 9.39222C3.07346 9.20824 2.85884 8.94673 2.73211 8.64077C2.60538 8.33481 2.57222 7.99814 2.63682 7.67333C2.70143 7.34853 2.86091 7.05017 3.09508 6.816C3.32925 6.58183 3.6276 6.42236 3.95241 6.35775C4.27721 6.29314 4.61388 6.3263 4.91984 6.45303C5.2258 6.57977 5.48731 6.79438 5.6713 7.06974C5.85529 7.3451 5.95349 7.66883 5.95349 8C5.95294 8.44391 5.77635 8.86948 5.46245 9.18338C5.14856 9.49727 4.72298 9.67386 4.27907 9.67441ZM13.711 12.6512H15.4419C15.5899 12.6512 15.7319 12.71 15.8365 12.8146C15.9412 12.9193 16 13.0613 16 13.2093C16 13.3573 15.9412 13.4993 15.8365 13.604C15.7319 13.7086 15.5899 13.7674 15.4419 13.7674H13.711C13.5824 14.3977 13.2399 14.9641 12.7417 15.3709C12.2434 15.7777 11.62 15.9999 10.9767 15.9999C10.3335 15.9999 9.71005 15.7777 9.2118 15.3709C8.71356 14.9641 8.37113 14.3977 8.24246 13.7674H0.55814C0.410112 13.7674 0.268147 13.7086 0.163475 13.604C0.0588038 13.4993 0 13.3573 0 13.2093C0 13.0613 0.0588038 12.9193 0.163475 12.8146C0.268147 12.71 0.410112 12.6512 0.55814 12.6512H8.24246C8.37113 12.0209 8.71356 11.4545 9.2118 11.0477C9.71005 10.6409 10.3335 10.4187 10.9767 10.4187C11.62 10.4187 12.2434 10.6409 12.7417 11.0477C13.2399 11.4545 13.5824 12.0209 13.711 12.6512ZM10.0465 14.6015C10.3218 14.7855 10.6456 14.8837 10.9767 14.8837C11.4207 14.8832 11.8462 14.7066 12.1601 14.3927C12.474 14.0788 12.6506 13.6532 12.6512 13.2093C12.6512 12.8781 12.553 12.5544 12.369 12.279C12.185 12.0037 11.9235 11.7891 11.6175 11.6623C11.3116 11.5356 10.9749 11.5024 10.6501 11.5671C10.3253 11.6317 10.0269 11.7911 9.79275 12.0253C9.55858 12.2595 9.39911 12.5578 9.3345 12.8826C9.26989 13.2074 9.30305 13.5441 9.42978 13.8501C9.55652 14.156 9.77113 14.4175 10.0465 14.6015Z", fill: "currentColor" }));
|
563
|
+
|
550
564
|
let Components = {};
|
551
565
|
Components['success'] = SvgSuccess;
|
552
566
|
Components['delete_info'] = SvgDeleteInfo;
|
@@ -745,6 +759,13 @@ Components['run_automation_scripts'] = SvgRunAutomationScriptsIcon;
|
|
745
759
|
Components['eye_open_icon'] = SvgEyeOpenIcon;
|
746
760
|
Components['replace_icon'] = SvgReplaceIcon;
|
747
761
|
Components['header_preset'] = SvgHeaderPreset;
|
762
|
+
Components['project_element'] = SvgProjectElement;
|
763
|
+
Components['element'] = SvgElement;
|
764
|
+
Components['step_group'] = SvgStepGroup;
|
765
|
+
Components['variable'] = SvgVariable;
|
766
|
+
Components['defects'] = SvgDefects;
|
767
|
+
Components['approval_pending'] = SvgApprovalPending;
|
768
|
+
Components['configuration'] = SvgConfiguration;
|
748
769
|
|
749
770
|
var css_248z$17 = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px;\n box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-dark {\n background-color: var(--brand-color);\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n border-radius: 4px;\n background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n\n.ff-icon-click {\n cursor: pointer;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 4px;\n background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n color: var(--toggle-strip-color);\n}";
|
750
771
|
styleInject(css_248z$17);
|
@@ -2886,7 +2907,7 @@ const StatusButton = ({
|
|
2886
2907
|
});
|
2887
2908
|
};
|
2888
2909
|
|
2889
|
-
var css_248z$O = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../assets/fonts/Poppins-Regular.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../assets/fonts/Poppins-Medium.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../assets/fonts/Poppins-SemiBold.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../assets/fonts/Poppins-Bold.woff2) format(\"woff2\");\n}\n.fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-option-card .ff-options {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-menu-option-container {\n cursor: pointer;\n position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover {\n background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path {\n fill: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--brand-color);\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark {\n background-color: var(--menu-variant-dark-icon-color);\n}\n\n.ff-option-card {\n position: fixed;\n margin: 4px;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n overflow: hidden;\n min-height: 32px;\n min-width: 112px;\n width: max-content;\n border-radius: 4px;\n}\n.ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 3px;\n display: flex;\n align-items: center;\n padding: 8px;\n gap: 8px;\n}\n.ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
|
2910
|
+
var css_248z$O = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../assets/fonts/Poppins-Regular.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../assets/fonts/Poppins-Medium.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../assets/fonts/Poppins-SemiBold.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../assets/fonts/Poppins-Bold.woff2) format(\"woff2\");\n}\n.fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-option-card .ff-options {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-menu-option-container {\n cursor: pointer;\n position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover {\n background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path {\n fill: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--brand-color);\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark {\n background-color: var(--menu-variant-dark-icon-color);\n}\n\n.ff-option-card {\n position: fixed;\n margin: 4px;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n overflow: hidden;\n min-height: 32px;\n min-width: 112px;\n width: max-content;\n border-radius: 4px;\n}\n.ff-option-card--primary {\n background: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-option-card--primary svg path {\n fill: var(--primary-icon-color);\n}\n.ff-option-card--primary :hover {\n color: var(--brand-color);\n}\n.ff-option-card--primary :hover svg path {\n fill: var(--brand-color);\n}\n.ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 3px;\n display: flex;\n align-items: center;\n padding: 8px;\n gap: 8px;\n}\n.ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
|
2890
2911
|
styleInject(css_248z$O);
|
2891
2912
|
|
2892
2913
|
const Option$1 = ({
|
@@ -2915,7 +2936,8 @@ const OptionCard = ({
|
|
2915
2936
|
menuRef,
|
2916
2937
|
closeDropdown,
|
2917
2938
|
zIndex,
|
2918
|
-
dropdownPlacement
|
2939
|
+
dropdownPlacement,
|
2940
|
+
variant
|
2919
2941
|
}) => {
|
2920
2942
|
const themeContext = React.useContext(ThemeContext);
|
2921
2943
|
const currentTheme = themeContext?.currentTheme;
|
@@ -2960,7 +2982,9 @@ const OptionCard = ({
|
|
2960
2982
|
}
|
2961
2983
|
})();
|
2962
2984
|
return /*#__PURE__*/reactDom.createPortal(jsxRuntime.jsx("div", {
|
2963
|
-
className: classNames('ff-option-card',
|
2985
|
+
className: classNames('ff-option-card', [{
|
2986
|
+
'ff-option-card--primary': variant === 'primary'
|
2987
|
+
}], currentTheme),
|
2964
2988
|
style: {
|
2965
2989
|
...style,
|
2966
2990
|
zIndex
|
@@ -2985,7 +3009,8 @@ const MenuOption = ({
|
|
2985
3009
|
iconSize = 16,
|
2986
3010
|
variant = 'light',
|
2987
3011
|
zIndex = 99,
|
2988
|
-
dropdownPlacement = 'down'
|
3012
|
+
dropdownPlacement = 'down',
|
3013
|
+
optionCardVariant
|
2989
3014
|
}) => {
|
2990
3015
|
const [isClicked, setIsClicked] = React.useState(false);
|
2991
3016
|
const menuRef = React.useRef(null);
|
@@ -3059,7 +3084,8 @@ const MenuOption = ({
|
|
3059
3084
|
menuRef: menuRef,
|
3060
3085
|
closeDropdown: closeDropDown,
|
3061
3086
|
zIndex: zIndex,
|
3062
|
-
dropdownPlacement: dropdownPlacement
|
3087
|
+
dropdownPlacement: dropdownPlacement,
|
3088
|
+
variant: optionCardVariant
|
3063
3089
|
})]
|
3064
3090
|
});
|
3065
3091
|
};
|
@@ -7441,7 +7467,7 @@ function createFormControl(props = {}) {
|
|
7441
7467
|
timer = setTimeout(callback, wait);
|
7442
7468
|
};
|
7443
7469
|
const _updateValid = async (shouldUpdateValid) => {
|
7444
|
-
if (!
|
7470
|
+
if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
|
7445
7471
|
const isValid = _options.resolver
|
7446
7472
|
? isEmptyObject((await _executeSchema()).errors)
|
7447
7473
|
: await executeBuiltInValidation(_fields, true);
|
@@ -7453,7 +7479,7 @@ function createFormControl(props = {}) {
|
|
7453
7479
|
}
|
7454
7480
|
};
|
7455
7481
|
const _updateIsValidating = (names, isValidating) => {
|
7456
|
-
if (!
|
7482
|
+
if (!props.disabled &&
|
7457
7483
|
(_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
|
7458
7484
|
(names || Array.from(_names.mount)).forEach((name) => {
|
7459
7485
|
if (name) {
|
@@ -7469,7 +7495,7 @@ function createFormControl(props = {}) {
|
|
7469
7495
|
}
|
7470
7496
|
};
|
7471
7497
|
const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
|
7472
|
-
if (args && method && !
|
7498
|
+
if (args && method && !props.disabled) {
|
7473
7499
|
_state.action = true;
|
7474
7500
|
if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
|
7475
7501
|
const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
|
@@ -7533,7 +7559,7 @@ function createFormControl(props = {}) {
|
|
7533
7559
|
const output = {
|
7534
7560
|
name,
|
7535
7561
|
};
|
7536
|
-
if (!
|
7562
|
+
if (!props.disabled) {
|
7537
7563
|
const disabledField = !!(get$1(_fields, name) &&
|
7538
7564
|
get$1(_fields, name)._f &&
|
7539
7565
|
get$1(_fields, name)._f.disabled);
|
@@ -7669,7 +7695,7 @@ function createFormControl(props = {}) {
|
|
7669
7695
|
}
|
7670
7696
|
_names.unMount = new Set();
|
7671
7697
|
};
|
7672
|
-
const _getDirty = (name, data) => !
|
7698
|
+
const _getDirty = (name, data) => !props.disabled &&
|
7673
7699
|
(name && data && set$1(_formValues, name, data),
|
7674
7700
|
!deepEqual(getValues(), _defaultValues));
|
7675
7701
|
const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
|
@@ -7985,7 +8011,7 @@ function createFormControl(props = {}) {
|
|
7985
8011
|
};
|
7986
8012
|
const register = (name, options = {}) => {
|
7987
8013
|
let field = get$1(_fields, name);
|
7988
|
-
const disabledIsDefined = isBoolean(options.disabled) || isBoolean(
|
8014
|
+
const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
|
7989
8015
|
set$1(_fields, name, {
|
7990
8016
|
...(field || {}),
|
7991
8017
|
_f: {
|
@@ -8001,7 +8027,7 @@ function createFormControl(props = {}) {
|
|
8001
8027
|
field,
|
8002
8028
|
disabled: isBoolean(options.disabled)
|
8003
8029
|
? options.disabled
|
8004
|
-
:
|
8030
|
+
: props.disabled,
|
8005
8031
|
name,
|
8006
8032
|
value: options.value,
|
8007
8033
|
});
|
@@ -8011,7 +8037,7 @@ function createFormControl(props = {}) {
|
|
8011
8037
|
}
|
8012
8038
|
return {
|
8013
8039
|
...(disabledIsDefined
|
8014
|
-
? { disabled: options.disabled ||
|
8040
|
+
? { disabled: options.disabled || props.disabled }
|
8015
8041
|
: {}),
|
8016
8042
|
...(_options.progressive
|
8017
8043
|
? {
|
@@ -8095,12 +8121,6 @@ function createFormControl(props = {}) {
|
|
8095
8121
|
e.preventDefault && e.preventDefault();
|
8096
8122
|
e.persist && e.persist();
|
8097
8123
|
}
|
8098
|
-
if (_options.disabled) {
|
8099
|
-
if (onInvalid) {
|
8100
|
-
await onInvalid({ ..._formState.errors }, e);
|
8101
|
-
}
|
8102
|
-
return;
|
8103
|
-
}
|
8104
8124
|
let fieldValues = cloneObject(_formValues);
|
8105
8125
|
_subjects.state.next({
|
8106
8126
|
isSubmitting: true,
|
@@ -8279,9 +8299,7 @@ function createFormControl(props = {}) {
|
|
8279
8299
|
: fieldReference.ref;
|
8280
8300
|
if (fieldRef.focus) {
|
8281
8301
|
fieldRef.focus();
|
8282
|
-
options.shouldSelect &&
|
8283
|
-
isFunction$1(fieldRef.select) &&
|
8284
|
-
fieldRef.select();
|
8302
|
+
options.shouldSelect && fieldRef.select();
|
8285
8303
|
}
|
8286
8304
|
}
|
8287
8305
|
};
|
@@ -8482,6 +8500,11 @@ function useForm(props = {}) {
|
|
8482
8500
|
values: control._getWatch(),
|
8483
8501
|
});
|
8484
8502
|
}, [props.shouldUnregister, control]);
|
8503
|
+
React.useEffect(() => {
|
8504
|
+
if (_formControl.current) {
|
8505
|
+
_formControl.current.watch = _formControl.current.watch.bind({});
|
8506
|
+
}
|
8507
|
+
}, [formState]);
|
8485
8508
|
_formControl.current.formState = getProxyFormState(formState, control);
|
8486
8509
|
return _formControl.current;
|
8487
8510
|
}
|
@@ -22770,7 +22793,7 @@ const VariableInput = ({
|
|
22770
22793
|
});
|
22771
22794
|
};
|
22772
22795
|
|
22773
|
-
var css_248z$w = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n width: fit-content;\n border-radius: 16px;\n background-color: var(--ff-all-projects-default-color);\n color: var(--expandable-menu-default-bg);\n line-height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n padding: 3px;\n cursor: pointer;\n}\n.ff-all-project .ff-all-project-dropdown--selected {\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-all-project .ff-all-project-dropdown--selected .ff-all-project-container {\n border-radius: 20px;\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label {\n position: relative;\n white-space: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label:hover::after {\n animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label::after {\n content: \"\";\n position: absolute;\n top: 20px;\n left: 0%;\n width: 0%;\n height: 2px;\n background-color: var(--ff-app-header-menu-border-bottom-color);\n border-radius: 4px;\n transition: width 0.15s ease-in-out;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container {\n display: flex;\n padding: 4px;\n gap: 4px;\n justify-content: center;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-projects-dropdown {\n width: 202px;\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search {\n width: 99%;\n margin-bottom: 1px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input::placeholder {\n padding-left: 28px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search span {\n position: absolute;\n top: 11px;\n left: 8px;\n}\n.ff-all-project .ff-projects-dropdown .scroll {\n max-height: 256px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar {\n width: 2px;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar-thumb {\n background: var(--primary-icon-color);\n border-radius: 2px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons svg path {\n fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover svg path {\n fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons svg path {\n fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover svg path {\n fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option .ff-projects-icons svg path {\n fill: var(--secondary-icon-color);\n}\n\n@keyframes oscillate-border-width {\n 0% {\n width: 50%;\n left: 25%;\n }\n 50% {\n width: 70%;\n left: 15%;\n }\n 100% {\n width: 50%;\n left: 25%;\n }\n}";
|
22796
|
+
var css_248z$w = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n width: fit-content;\n border-radius: 16px;\n background-color: var(--ff-all-projects-default-color);\n color: var(--expandable-menu-default-bg);\n line-height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n padding: 3px;\n cursor: pointer;\n}\n.ff-all-project .ff-all-project-dropdown--selected {\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-all-project .ff-all-project-dropdown--selected .ff-all-project-container {\n border-radius: 20px;\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n text-wrap-mode: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label {\n position: relative;\n white-space: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label:hover::after {\n animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label::after {\n content: \"\";\n position: absolute;\n top: 20px;\n left: 0%;\n width: 0%;\n height: 2px;\n background-color: var(--ff-app-header-menu-border-bottom-color);\n border-radius: 4px;\n transition: width 0.15s ease-in-out;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container {\n display: flex;\n padding: 4px;\n gap: 4px;\n justify-content: center;\n text-wrap-mode: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-projects-dropdown {\n width: 202px;\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search {\n width: 99%;\n margin-bottom: 1px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input::placeholder {\n padding-left: 28px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search span {\n position: absolute;\n top: 11px;\n left: 8px;\n}\n.ff-all-project .ff-projects-dropdown .scroll {\n max-height: 256px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar {\n width: 2px;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar-thumb {\n background: var(--primary-icon-color);\n border-radius: 2px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons svg path {\n fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover svg path {\n fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons svg path {\n fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover svg path {\n fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option .ff-projects-icons svg path {\n fill: var(--secondary-icon-color);\n}\n\n@keyframes oscillate-border-width {\n 0% {\n width: 50%;\n left: 25%;\n }\n 50% {\n width: 70%;\n left: 15%;\n }\n 100% {\n width: 50%;\n left: 25%;\n }\n}";
|
22774
22797
|
styleInject(css_248z$w);
|
22775
22798
|
|
22776
22799
|
const AllProjectsDropdown = ({
|
@@ -23062,7 +23085,7 @@ const PieChart = ({
|
|
23062
23085
|
});
|
23063
23086
|
};
|
23064
23087
|
|
23065
|
-
var css_248z$u = ".ff-app-header {\n display: flex;\n justify-content: space-between;\n background-color: var(--brand-color);\n padding-left: 8px;\n height: 40px;\n}\n.ff-app-header .ff-app-header-left-container {\n display: flex;\n}\n.ff-app-header .ff-app-header-left-container .ff-app-header-logo-icon {\n padding: 4px;\n height: 24px;\n}\n.ff-app-header .ff-app-header-nav-bar {\n display: flex;\n align-items: center;\n background-color: var(--brand-color);\n transform: translateY(12px);\n border-radius: 20px;\n padding: 5px;\n z-index: 1000;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n margin-left: 8px;\n padding: 7px;\n color: var(--ff-header-text-color);\n cursor: pointer;\n display: flex;\n position: relative;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item:not(.ff-app-header-nav-bar-item--selected):hover::after {\n animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 25%;\n width: 0%;\n height: 2px;\n background: var(--ff-app-header-menu-border-bottom-color);\n border-radius: 4px;\n transition: width 0.15s ease-in-out;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-nav-bar-item-label {\n white-space: nowrap;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n padding: 3px;\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n border-radius: 20px;\n padding: 4px 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :last-child {\n margin-right: 3px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :first-child {\n margin: 0;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n color: var(--ff-header-submenu-text-color);\n align-content: center;\n position: relative;\n white-space: nowrap;\n padding-left: 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item:not(.ff-app-header-nav-bar-submenu-item--selected):hover::after {\n animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 25%;\n width: 0%;\n height: 2px;\n border-radius: 4px;\n transition: width 0.15s ease-in-out;\n background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 10%;\n width: 90%;\n height: 2px;\n border-radius: 4px;\n box-shadow: 0px 1px 0.2px 0px rgba(0, 0, 0, 0.1607843137);\n background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg {\n cursor: pointer;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg path {\n fill: var(--primary-icon-color);\n}\n.ff-app-header .ff-app-header-left-content,\n.ff-app-header .ff-app-header-right-content {\n height: 24px;\n padding: 8px;\n align-content: center;\n}\n\n@keyframes oscillate-border-width {\n 0% {\n width: 50%;\n left: 25%;\n }\n 50% {\n width: 70%;\n left: 15%;\n }\n 100% {\n width: 50%;\n left: 25%;\n }\n}";
|
23088
|
+
var css_248z$u = ".ff-app-header-main {\n display: flex;\n}\n.ff-app-header-main .ff-app-header {\n display: flex;\n justify-content: space-between;\n background-color: var(--brand-color);\n padding-left: 8px;\n height: 40px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-container {\n display: flex;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-container .ff-app-header-logo-icon {\n padding: 4px;\n height: 24px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar {\n display: flex;\n align-items: center;\n background-color: var(--brand-color);\n transform: translateY(12px);\n border-radius: 20px;\n padding: 5px;\n z-index: 1000;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n display: flex;\n align-items: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n margin-left: 8px;\n padding: 7px;\n color: var(--ff-header-text-color);\n cursor: pointer;\n display: flex;\n position: relative;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item:not(.ff-app-header-nav-bar-item--selected):hover::after {\n animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 25%;\n width: 0%;\n height: 2px;\n background: var(--ff-app-header-menu-border-bottom-color);\n border-radius: 4px;\n transition: width 0.15s ease-in-out;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-nav-bar-item-label {\n white-space: nowrap;\n align-content: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n padding: 3px;\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n transition: width 3s ease-in-out;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n border-radius: 20px;\n padding: 4px 8px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :last-child {\n margin-right: 3px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :first-child {\n margin: 0;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n display: flex;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n color: var(--ff-header-submenu-text-color);\n align-content: center;\n position: relative;\n white-space: nowrap;\n padding-left: 8px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item:not(.ff-app-header-nav-bar-submenu-item--selected):hover::after {\n animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 25%;\n width: 0%;\n height: 2px;\n border-radius: 4px;\n transition: width 0.15s ease-in-out;\n background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 10%;\n width: 90%;\n height: 2px;\n border-radius: 4px;\n box-shadow: 0px 1px 0.2px 0px rgba(0, 0, 0, 0.1607843137);\n background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n display: flex;\n align-items: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item {\n margin-right: 6px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item .ff-tooltip-container {\n display: inline;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item .ff-tooltip-container .ff-icon-container {\n padding: 2px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected {\n background: var(--brand-color);\n border-radius: 10px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected :hover {\n background: transparent;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected svg path {\n fill: var(--primary-button-text-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu {\n width: 40px;\n display: flex;\n justify-content: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu .ff-app-header-more-icon svg {\n cursor: pointer;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu .ff-app-header-more-icon svg path {\n fill: var(--primary-icon-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-content,\n.ff-app-header-main .ff-app-header .ff-app-header-right-content {\n height: 24px;\n padding: 8px;\n align-content: center;\n}\n\n@keyframes oscillate-border-width {\n 0% {\n width: 50%;\n left: 25%;\n }\n 50% {\n width: 70%;\n left: 15%;\n }\n 100% {\n width: 50%;\n left: 25%;\n }\n}";
|
23066
23089
|
styleInject(css_248z$u);
|
23067
23090
|
|
23068
23091
|
const AppHeader = ({
|
@@ -23087,7 +23110,8 @@ const AppHeader = ({
|
|
23087
23110
|
onProjectDropdownLabelClick = () => {},
|
23088
23111
|
onMoreMenuOptionClick = () => {}
|
23089
23112
|
}) => {
|
23090
|
-
return jsxRuntime.jsx(
|
23113
|
+
return jsxRuntime.jsx("div", {
|
23114
|
+
className: 'ff-app-header-main',
|
23091
23115
|
children: jsxRuntime.jsxs("div", {
|
23092
23116
|
className: "ff-app-header",
|
23093
23117
|
children: [jsxRuntime.jsxs("div", {
|
@@ -23127,50 +23151,65 @@ const AppHeader = ({
|
|
23127
23151
|
lineHeight: "18px",
|
23128
23152
|
onClick: () => onMenuClick(menuItem),
|
23129
23153
|
children: menuItem.label
|
23130
|
-
}), menuItem.label === selectedMenu && menuItem?.subMenuItems &&
|
23131
|
-
|
23132
|
-
|
23133
|
-
|
23134
|
-
|
23135
|
-
|
23136
|
-
|
23137
|
-
|
23138
|
-
|
23139
|
-
|
23140
|
-
|
23141
|
-
|
23142
|
-
|
23143
|
-
|
23144
|
-
|
23145
|
-
|
23146
|
-
|
23147
|
-
|
23148
|
-
|
23149
|
-
|
23150
|
-
|
23151
|
-
|
23152
|
-
|
23153
|
-
|
23154
|
-
|
23155
|
-
|
23156
|
-
|
23157
|
-
|
23158
|
-
|
23159
|
-
|
23160
|
-
|
23161
|
-
|
23162
|
-
|
23163
|
-
|
23154
|
+
}), menuItem.label === selectedMenu && menuItem?.subMenuItems && jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
23155
|
+
children: [menuItem.subMenuItems.map(subMenuItem => {
|
23156
|
+
return jsxRuntime.jsx("div", {
|
23157
|
+
className: "ff-app-header-submenu-container",
|
23158
|
+
children: jsxRuntime.jsx(Typography, {
|
23159
|
+
as: "div",
|
23160
|
+
className: classNames('ff-app-header-nav-bar-submenu-item', {
|
23161
|
+
['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.label === selectedSubMenu
|
23162
|
+
}),
|
23163
|
+
lineHeight: "18px",
|
23164
|
+
onClick: () => onSubMenuClick(subMenuItem),
|
23165
|
+
children: subMenuItem.label
|
23166
|
+
})
|
23167
|
+
}, subMenuItem.label);
|
23168
|
+
}), menuItem.subMenuItems.map(subMenuItem => {
|
23169
|
+
return jsxRuntime.jsx("div", {
|
23170
|
+
className: "ff-app-header-submenu-container",
|
23171
|
+
children: subMenuItem.label === selectedSubMenu && subMenuItem?.quickMenuItems && jsxRuntime.jsxs("div", {
|
23172
|
+
className: "ff-app-header-quickmenu-container",
|
23173
|
+
children: [jsxRuntime.jsx("div", {
|
23174
|
+
children: jsxRuntime.jsx(Icon, {
|
23175
|
+
name: "vertical_separator"
|
23176
|
+
})
|
23177
|
+
}), subMenuItem.quickMenuItems.map(quickMenuItem => {
|
23178
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
23179
|
+
children: jsxRuntime.jsx("div", {
|
23180
|
+
onClick: () => onQuickMenuClick(quickMenuItem),
|
23181
|
+
className: classNames('ff-app-header-nav-bar-quickmenu-item', {
|
23182
|
+
['ff-app-header-nav-bar-quickmenu-item--selected']: quickMenuItem.iconName === selectedQuickMenu
|
23183
|
+
}),
|
23184
|
+
children: jsxRuntime.jsx(Tooltip, {
|
23185
|
+
title: quickMenuItem?.label,
|
23186
|
+
children: jsxRuntime.jsx(Icon, {
|
23187
|
+
name: quickMenuItem.iconName,
|
23188
|
+
height: 24,
|
23189
|
+
width: 24,
|
23190
|
+
hoverEffect: true
|
23191
|
+
})
|
23192
|
+
})
|
23193
|
+
}, quickMenuItem.iconName)
|
23194
|
+
});
|
23195
|
+
})]
|
23196
|
+
})
|
23197
|
+
}, subMenuItem.label);
|
23198
|
+
})]
|
23164
23199
|
})]
|
23165
23200
|
}, menuItem.label);
|
23166
23201
|
})
|
23167
23202
|
}), appHeaderHiddenMenuItems && !checkEmpty(appHeaderHiddenMenuItems) && jsxRuntime.jsx("div", {
|
23203
|
+
className: 'more-menu',
|
23168
23204
|
children: jsxRuntime.jsx(MenuOption, {
|
23169
23205
|
iconName: "more",
|
23170
23206
|
options: appHeaderHiddenMenuItems,
|
23171
23207
|
onOptionClick: onMoreMenuOptionClick,
|
23172
23208
|
variant: "dark",
|
23173
|
-
dropdownPlacement: "down"
|
23209
|
+
dropdownPlacement: "down",
|
23210
|
+
zIndex: 1001,
|
23211
|
+
tooltipTitle: 'More',
|
23212
|
+
optionCardVariant: 'primary'
|
23174
23213
|
})
|
23175
23214
|
})]
|
23176
23215
|
}), rightContent && jsxRuntime.jsx("div", {
|