pixel-react 1.5.6 → 1.5.7

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 (47) hide show
  1. package/.storybook/main.ts +7 -1
  2. package/lib/components/Charts/LineChart/types.d.ts +3 -0
  3. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
  4. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  5. package/lib/components/Select/Select.stories.d.ts +0 -1
  6. package/lib/index.d.ts +3 -0
  7. package/lib/index.esm.js +52 -32
  8. package/lib/index.esm.js.map +1 -1
  9. package/lib/index.js +52 -32
  10. package/lib/index.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/assets/icons/approval_pending.svg +8 -8
  13. package/src/assets/icons/configuration.svg +3 -3
  14. package/src/assets/icons/defects.svg +8 -8
  15. package/src/assets/icons/element.svg +4 -4
  16. package/src/assets/icons/info_user.svg +5 -0
  17. package/src/assets/icons/project_element.svg +4 -4
  18. package/src/assets/icons/step_group.svg +10 -10
  19. package/src/assets/icons/variable.svg +3 -3
  20. package/src/components/Charts/LineChart/LineChart.scss +8 -7
  21. package/src/components/Charts/LineChart/LineChart.stories.tsx +170 -51
  22. package/src/components/Charts/LineChart/LineChart.tsx +30 -27
  23. package/src/components/Charts/LineChart/types.ts +22 -20
  24. package/src/components/Icon/iconList.ts +2 -0
  25. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  26. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  27. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  28. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  29. package/lib/components/AddButton/AddButton.d.ts +0 -5
  30. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  31. package/lib/components/AddButton/index.d.ts +0 -1
  32. package/lib/components/AddButton/types.d.ts +0 -4
  33. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  34. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  35. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  36. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  37. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  38. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  39. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  40. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  41. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  42. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  43. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  44. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  45. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  46. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  47. /package/lib/components/ExcelFile/{ColorBarSelector → ColorBarselector}/ColorBarSelector.d.ts +0 -0
package/lib/index.js CHANGED
@@ -573,6 +573,8 @@ const SvgAddArchive = (props) => /* @__PURE__ */ React__namespace.createElement(
573
573
 
574
574
  const SvgDashboardIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.5453 15.652C10.2568 15.3525 9.8837 15.1313 9.4568 15.029L7.91394 14.6593V13.7174H6.02987V14.6623L4.49101 15.0299C3.48478 15.2703 2.7749 16.1697 2.7749 17.2042V19.725H6.18598L10.5453 15.652Z", fill: "#78D2FA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.95401 13.7174V14.6847L6.97624 17.0268L5.99951 14.6881V13.7174H7.95401Z", fill: "#FFB487" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.0732 10.4723V11.7769C9.0732 12.9367 8.13296 13.8769 6.97312 13.8769C5.81328 13.8769 4.87305 12.9367 4.87305 11.7769V10.4723H9.0732Z", fill: "#FFCDAC" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.0732 10.885V10.3794C9.0732 9.21962 8.13296 8.27942 6.97312 8.27942C5.81328 8.27942 4.87305 9.21962 4.87305 10.3794V10.885H6.32066C7.22718 10.885 8.11672 10.6388 8.89432 10.1729", fill: "#878791" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.4541 15.652C13.7426 15.3525 14.1157 15.1313 14.5426 15.029L16.0854 14.6593V13.7174H17.9695V14.6623L19.5084 15.0299C20.5146 15.2703 21.2245 16.1697 21.2245 17.2042V19.725H17.8134L13.4541 15.652Z", fill: "#A5DC69" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.6856 15.6151L8.53663 16.1301C7.13608 16.4657 6.14844 17.7179 6.14844 19.1581V21.225H17.8436V19.1599C17.8436 17.7189 16.8548 16.4662 15.4532 16.1313L13.3099 15.6193L10.6856 15.6151Z", fill: "#FF5A5A" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M17.9999 13.7174V14.6881L17.0232 17.0268L16.0454 14.6847V13.7174H17.9999Z", fill: "#FFB487" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.0002 18.6277L13.3993 15.4511C13.2955 15.2767 13.2363 15.0738 13.2363 14.8589V14.5536H10.7626V14.859C10.7626 15.0735 10.7036 15.2761 10.6001 15.4503L12.0002 18.6277Z", fill: "#FFB487" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.9247 9.58215V11.6004C14.9247 13.2158 13.6151 14.5254 11.9997 14.5254C10.3843 14.5254 9.07471 13.2158 9.07471 11.6004V9.58215H14.9247Z", fill: "#FFCDAC" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.9997 6.72888C10.3843 6.72888 9.07471 8.03846 9.07471 9.65388V10.358H10.5048C11.4555 10.358 12.3574 9.93708 12.968 9.20842L14.9247 10.358V9.65388C14.9248 8.03846 13.6152 6.72888 11.9997 6.72888Z", fill: "#F5B955" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.9263 10.4723V11.7769C14.9263 12.9367 15.8665 13.8769 17.0263 13.8769C18.1862 13.8769 19.1264 12.9367 19.1264 11.7769V10.4723H14.9263Z", fill: "#FFCDAC" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.9263 10.885V10.3794C14.9263 9.21962 15.8665 8.27942 17.0263 8.27942C18.1862 8.27942 19.1264 9.21962 19.1264 10.3794V10.885H17.6788C16.7723 10.885 15.8827 10.6388 15.1051 10.1729", fill: "#878791" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.9906 20.85C11.8917 20.85 11.7947 20.8901 11.7249 20.9599C11.655 21.0296 11.6147 21.1264 11.6147 21.225C11.6147 21.3236 11.6549 21.4204 11.7249 21.4901C11.7947 21.5599 11.8917 21.6 11.9906 21.6C12.0895 21.6 12.1864 21.5599 12.2563 21.4901C12.3262 21.4204 12.3665 21.3236 12.3665 21.225C12.3665 21.1264 12.3263 21.0296 12.2563 20.9599C12.1864 20.8901 12.0895 20.85 11.9906 20.85Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.5959 14.6652L18.345 14.3663V13.8701C19.0393 13.4313 19.5018 12.6573 19.5018 11.7769V10.3794C19.5018 9.01469 18.3915 7.90443 17.0267 7.90443C16.2905 7.90443 15.6287 8.22791 15.175 8.73974C14.7775 7.36338 13.5064 6.35388 12.0038 6.35388H12.0038C10.4987 6.35388 9.22588 7.36657 8.83067 8.74631C8.37677 8.23068 7.71256 7.90443 6.97322 7.90443C5.60844 7.90443 4.49814 9.01473 4.49814 10.3794V11.7769C4.49814 12.6573 4.96059 13.4313 5.65494 13.8701V14.3663L4.40402 14.6652C3.224 14.947 2.3999 15.9911 2.3999 17.2042V19.725C2.3999 19.9321 2.56783 20.1 2.7749 20.1H5.77351V21.225C5.77351 21.4321 5.94144 21.6 6.14851 21.6H10.2624C10.4695 21.6 10.6374 21.4321 10.6374 21.225C10.6374 21.0179 10.4695 20.85 10.2624 20.85H8.5883V19.1995C8.5883 18.9924 8.42038 18.8245 8.2133 18.8245C8.00623 18.8245 7.8383 18.9924 7.8383 19.1995V20.85H6.52348V19.1581C6.52348 17.8863 7.38725 16.7911 8.62404 16.4947L10.4684 16.0528L11.6551 18.7526C11.715 18.8888 11.8496 18.9767 11.9984 18.9767H11.9984C12.1471 18.9767 12.2818 18.8888 12.3417 18.7527L13.5272 16.0567L15.3662 16.4961C16.6041 16.7917 17.4686 17.8872 17.4686 19.1598V19.5783C17.4495 19.6234 17.4388 19.6729 17.4388 19.725C17.4388 19.777 17.4495 19.8266 17.4686 19.8716V20.85H16.1615V19.1995C16.1615 18.9924 15.9936 18.8245 15.7865 18.8245C15.5794 18.8245 15.4115 18.9924 15.4115 19.1995V20.85H13.5749C13.3679 20.85 13.1999 21.0179 13.1999 21.225C13.1999 21.4321 13.3679 21.6 13.5749 21.6H17.8436C18.0507 21.6 18.2186 21.4321 18.2186 21.225V20.1H21.2249C21.432 20.1 21.5999 19.9321 21.5999 19.725V17.2042C21.5999 15.9911 20.7758 14.947 19.5959 14.6652ZM17.5958 14.6826L17.0233 16.0535L16.4584 14.7006C16.4599 14.687 16.461 14.6733 16.461 14.6596C16.461 14.6561 16.461 14.6526 16.4609 14.6491V14.1859C16.6427 14.2287 16.832 14.2519 17.0267 14.2519C17.2222 14.2519 17.4124 14.2284 17.5949 14.1853V14.6623C17.5949 14.6691 17.5954 14.6758 17.5958 14.6826ZM10.3106 14.9838C10.0752 14.8378 9.81692 14.7297 9.54422 14.6643L8.28894 14.3635V13.8717C8.60113 13.675 8.86629 13.4105 9.06395 13.099C9.34666 13.6513 9.78058 14.1138 10.3106 14.432V14.9838ZM9.45365 11.6004V10.7331H10.5088C11.466 10.7331 12.3731 10.3548 13.0433 9.68527L14.5516 10.5714V11.6884C14.505 13.0539 13.3804 14.1505 12.0038 14.1505C10.5976 14.1504 9.45365 13.0065 9.45365 11.6004ZM13.6849 14.439C14.2183 14.122 14.6552 13.6591 14.9401 13.1056C15.1373 13.4142 15.4009 13.6763 15.7109 13.8717V14.3635L14.4556 14.6643C14.1812 14.7301 13.9215 14.8392 13.6849 14.9865L13.6849 14.439ZM17.0267 13.5019C16.0755 13.5019 15.3016 12.7281 15.3016 11.7769V11.7157C15.3029 11.6775 15.3038 10.7074 15.3038 10.7074C16.0411 11.07 16.8538 11.26 17.6792 11.26H18.7518V11.777C18.7517 12.7281 17.9779 13.5019 17.0267 13.5019ZM17.0267 8.65443C17.9779 8.65443 18.7517 9.42828 18.7517 10.3794V10.4723V10.51H17.6791C16.8689 10.51 16.0727 10.2972 15.3711 9.89399C15.5813 9.17842 16.2439 8.65443 17.0267 8.65443ZM9.45365 9.65392C9.45365 8.24782 10.5976 7.10392 12.0038 7.10392C13.4099 7.10392 14.5538 8.24786 14.5538 9.65392V9.70282L13.162 8.88513C13.0041 8.79232 12.8023 8.82723 12.6847 8.96759C12.1439 9.61289 11.3509 9.98302 10.5089 9.98302H9.45365V9.65392ZM5.24806 10.3794C5.24806 9.42824 6.02195 8.65443 6.97314 8.65443C7.75588 8.65443 8.4185 9.17842 8.62869 9.89403C7.92703 10.2972 7.1309 10.51 6.32064 10.51H5.24806V10.4723V10.3794ZM5.24806 11.26H6.32068C7.14688 11.26 7.96044 11.0696 8.69822 10.7064V11.7769C8.69822 12.7281 7.92433 13.5019 6.97314 13.5019C6.02195 13.5019 5.24806 12.7281 5.24806 11.7769V11.26ZM6.97314 14.2519C7.16784 14.2519 7.35707 14.2286 7.53894 14.1859V14.6386C7.53853 14.6456 7.53834 14.6527 7.53834 14.6597C7.53834 14.6715 7.53947 14.6833 7.54059 14.695L6.97322 16.0535L6.4037 14.6893C6.40434 14.6803 6.40487 14.6714 6.40487 14.6623V14.1854C6.58745 14.2284 6.77758 14.2519 6.97314 14.2519ZM5.77351 19.1581V19.35H4.6499V17.6839C4.6499 17.4768 4.48198 17.3089 4.2749 17.3089C4.06783 17.3089 3.8999 17.4768 3.8999 17.6839V19.35H3.1499V17.2042C3.1499 16.3396 3.73723 15.5955 4.57817 15.3946L5.76684 15.1107L6.54264 16.969C6.05743 17.5717 5.77351 18.3358 5.77351 19.1581ZM8.44929 15.7654C8.22785 15.8185 8.01624 15.8923 7.81531 15.9834L8.18056 15.1088L9.36943 15.3937C9.46164 15.4158 9.55149 15.445 9.63845 15.4804L8.44929 15.7654ZM11.9985 17.67L11.0606 15.5363V14.7629C11.3596 14.8522 11.6761 14.9004 12.0037 14.9004C12.327 14.9004 12.6395 14.8535 12.9349 14.7664V15.5405L11.9985 17.67ZM14.3545 15.4833C14.4436 15.4465 14.5357 15.4164 14.6304 15.3937L15.8164 15.1095L16.1831 15.988C15.9796 15.8953 15.7651 15.8203 15.5404 15.7666L14.3545 15.4833ZM20.8499 19.35H20.0999V17.6839C20.0999 17.4768 19.932 17.3089 19.7249 17.3089C19.5178 17.3089 19.3499 17.4768 19.3499 17.6839V19.35H18.2186V19.1599C18.2186 18.3387 17.9357 17.5757 17.4518 16.9734L18.2301 15.11L19.4216 15.3946C20.2626 15.5955 20.8499 16.3396 20.8499 17.2042V19.35Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.7426 11.0719C10.6437 11.0719 10.5467 11.112 10.4768 11.1818C10.4069 11.2515 10.3667 11.3483 10.3667 11.4469C10.3667 11.5455 10.4069 11.6423 10.4768 11.712C10.5468 11.7818 10.6437 11.8219 10.7426 11.8219C10.8418 11.8219 10.9384 11.7818 11.0083 11.712C11.0786 11.6423 11.1184 11.5455 11.1184 11.4469C11.1184 11.3483 11.0786 11.2515 11.0083 11.1818C10.9384 11.112 10.8414 11.0719 10.7426 11.0719Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.2504 11.8219C13.3492 11.8219 13.4462 11.7818 13.5161 11.712C13.5864 11.6423 13.6262 11.5455 13.6262 11.4469C13.6262 11.3483 13.5864 11.2515 13.5161 11.1818C13.4462 11.112 13.3492 11.0719 13.2504 11.0719C13.1515 11.0719 13.0546 11.112 12.9846 11.1818C12.9147 11.2515 12.8745 11.3483 12.8745 11.4469C12.8745 11.5455 12.9147 11.6423 12.9846 11.712C13.0546 11.7818 13.1515 11.8219 13.2504 11.8219Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.7217 12.4441C12.5752 12.2976 12.3378 12.2976 12.1913 12.4441C12.0804 12.5549 11.9 12.5549 11.7891 12.4441C11.6426 12.2976 11.4053 12.2976 11.2588 12.4441C11.1123 12.5905 11.1123 12.8279 11.2588 12.9744C11.4604 13.1761 11.7253 13.2769 11.9902 13.2769C12.2551 13.2769 12.52 13.1761 12.7216 12.9744C12.8681 12.8279 12.8681 12.5905 12.7217 12.4441Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M17.6479 5.17505H17.9052C18.1122 5.17505 18.2802 5.00716 18.2802 4.80005C18.2802 4.59294 18.1122 4.42505 17.9052 4.42505H17.6479C17.4409 4.42505 17.2729 4.59294 17.2729 4.80005C17.2729 5.00716 17.4409 5.17505 17.6479 5.17505Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.4673 5.17505H19.7245C19.9316 5.17505 20.0995 5.00716 20.0995 4.80005C20.0995 4.59294 19.9316 4.42505 19.7245 4.42505H19.4673C19.2602 4.42505 19.0923 4.59294 19.0923 4.80005C19.0923 5.00716 19.2602 5.17505 19.4673 5.17505Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.6874 6.21339C18.8949 6.21339 19.0633 6.0455 19.0633 5.83839V5.58118C19.0633 5.37406 18.8949 5.20618 18.6874 5.20618C18.4798 5.20618 18.3115 5.37406 18.3115 5.58118V5.83839C18.3115 6.0455 18.4798 6.21339 18.6874 6.21339Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.6874 4.39381C18.8949 4.39381 19.0633 4.22592 19.0633 4.01881V3.7616C19.0633 3.55448 18.8949 3.3866 18.6874 3.3866C18.4798 3.3866 18.3115 3.55448 18.3115 3.7616V4.01881C18.3115 4.22592 18.4798 4.39381 18.6874 4.39381Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.25391 5.17505H4.51108C4.71816 5.17505 4.88608 5.00716 4.88608 4.80005C4.88608 4.59294 4.71816 4.42505 4.51108 4.42505H4.25391C4.04683 4.42505 3.87891 4.59294 3.87891 4.80005C3.87891 5.00716 4.04683 5.17505 4.25391 5.17505Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.07324 5.17505H6.33042C6.53749 5.17505 6.70542 5.00716 6.70542 4.80005C6.70542 4.59294 6.53749 4.42505 6.33042 4.42505H6.07324C5.86617 4.42505 5.69824 4.59294 5.69824 4.80005C5.69824 5.00716 5.86613 5.17505 6.07324 5.17505Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.29286 6.21339C5.50041 6.21339 5.66873 6.0455 5.66873 5.83839V5.58118C5.66873 5.37406 5.50041 5.20618 5.29286 5.20618C5.08531 5.20618 4.91699 5.37406 4.91699 5.58118V5.83839C4.91699 6.0455 5.08527 6.21339 5.29286 6.21339Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.29286 4.39381C5.50041 4.39381 5.66873 4.22592 5.66873 4.01881V3.7616C5.66873 3.55448 5.50041 3.3866 5.29286 3.3866C5.08531 3.3866 4.91699 3.55448 4.91699 3.7616V4.01881C4.91699 4.22592 5.08527 4.39381 5.29286 4.39381Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.0004 5.56487C12.2079 5.56487 12.3762 5.39698 12.3762 5.18987V4.20325C12.3762 3.99613 12.2079 3.82825 12.0004 3.82825C11.7928 3.82825 11.6245 3.99613 11.6245 4.20325V5.18987C11.6245 5.39698 11.7928 5.56487 12.0004 5.56487Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.0004 3.15002C12.0992 3.15002 12.1962 3.1099 12.2661 3.04015C12.336 2.9704 12.3762 2.87365 12.3762 2.77502C12.3762 2.6764 12.336 2.57965 12.2661 2.5099C12.1962 2.44015 12.0992 2.40002 12.0004 2.40002C11.9015 2.40002 11.8046 2.44015 11.7346 2.5099C11.6647 2.57965 11.6245 2.6764 11.6245 2.77502C11.6245 2.87365 11.6647 2.9704 11.7346 3.04015C11.8046 3.1099 11.9015 3.15002 12.0004 3.15002Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.1552 4.43482C10.2285 4.50805 10.3244 4.54465 10.4204 4.54465C10.5163 4.54465 10.6123 4.50805 10.6855 4.43482C10.832 4.28838 10.832 4.05093 10.6855 3.90445L10.1368 3.35568C9.9903 3.20924 9.75292 3.20924 9.60641 3.35568C9.45997 3.50212 9.45997 3.73957 9.60641 3.88604L10.1552 4.43482Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.5606 4.54236C13.6566 4.54236 13.7525 4.50576 13.8257 4.43252L14.3929 3.86541C14.5393 3.71897 14.5393 3.48152 14.3929 3.33505C14.2464 3.18861 14.009 3.18861 13.8625 3.33505L13.2954 3.90216C13.1489 4.0486 13.1489 4.28605 13.2954 4.43252C13.3687 4.50576 13.4646 4.54236 13.5606 4.54236Z", fill: "black" }));
575
575
 
576
+ const SvgInfoUser = (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: "M8 0C3.57895 0 0 3.57895 0 8C0 12.4211 3.57895 16 8 16C12.4211 16 16 12.4211 16 8C16 3.57895 12.4211 0 8 0ZM8 14.4211C4.47368 14.4211 1.57895 11.5263 1.57895 8C1.57895 4.47368 4.47368 1.57895 8 1.57895C11.5263 1.57895 14.4211 4.47368 14.4211 8C14.4211 11.5263 11.5263 14.4211 8 14.4211Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.42106 6.73685H7.57895C7.42106 6.73685 7.3158 6.84211 7.3158 7V11.7895C7.3158 11.9474 7.42106 12.0526 7.57895 12.0526H8.42106C8.57895 12.0526 8.68422 11.9474 8.68422 11.7895V7C8.68422 6.84211 8.57895 6.73685 8.42106 6.73685Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.31577 4.21053C7.10524 4.42105 7.05261 4.63158 7.05261 4.89474C7.05261 5.15789 7.15788 5.42105 7.31577 5.57895C7.47366 5.78947 7.73682 5.89474 7.99998 5.89474C8.26314 5.89474 8.5263 5.78947 8.68419 5.63158C8.84209 5.47368 8.94735 5.21053 8.94735 4.94737C8.94735 4.68421 8.84209 4.42105 8.68419 4.26316C8.31577 3.84211 7.68419 3.84211 7.31577 4.21053Z", fill: "currentColor" }));
577
+
576
578
  let Components = {};
577
579
  Components['success'] = SvgSuccess;
578
580
  Components['alert'] = SvgAlert;
@@ -784,6 +786,7 @@ Components['add_user'] = SvgAddUser;
784
786
  Components['add_to_archive'] = SvgAddArchive;
785
787
  Components['remove_user'] = SvgRemoveUser;
786
788
  Components['dashboard_icon'] = SvgDashboardIcon; //TODO:this is temporary icon
789
+ Components['info_user'] = SvgInfoUser;
787
790
 
788
791
  var css_248z$18 = ".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-danger:hover {\n background-color: var(--ff-icon-color-danger-variant);\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}";
789
792
  styleInject(css_248z$18);
@@ -7551,7 +7554,7 @@ function createFormControl(props = {}) {
7551
7554
  timer = setTimeout(callback, wait);
7552
7555
  };
7553
7556
  const _updateValid = async (shouldUpdateValid) => {
7554
- if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
7557
+ if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
7555
7558
  const isValid = _options.resolver
7556
7559
  ? isEmptyObject((await _executeSchema()).errors)
7557
7560
  : await executeBuiltInValidation(_fields, true);
@@ -7563,7 +7566,7 @@ function createFormControl(props = {}) {
7563
7566
  }
7564
7567
  };
7565
7568
  const _updateIsValidating = (names, isValidating) => {
7566
- if (!props.disabled &&
7569
+ if (!_options.disabled &&
7567
7570
  (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
7568
7571
  (names || Array.from(_names.mount)).forEach((name) => {
7569
7572
  if (name) {
@@ -7579,7 +7582,7 @@ function createFormControl(props = {}) {
7579
7582
  }
7580
7583
  };
7581
7584
  const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
7582
- if (args && method && !props.disabled) {
7585
+ if (args && method && !_options.disabled) {
7583
7586
  _state.action = true;
7584
7587
  if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
7585
7588
  const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
@@ -7643,7 +7646,7 @@ function createFormControl(props = {}) {
7643
7646
  const output = {
7644
7647
  name,
7645
7648
  };
7646
- if (!props.disabled) {
7649
+ if (!_options.disabled) {
7647
7650
  const disabledField = !!(get$1(_fields, name) &&
7648
7651
  get$1(_fields, name)._f &&
7649
7652
  get$1(_fields, name)._f.disabled);
@@ -7779,7 +7782,7 @@ function createFormControl(props = {}) {
7779
7782
  }
7780
7783
  _names.unMount = new Set();
7781
7784
  };
7782
- const _getDirty = (name, data) => !props.disabled &&
7785
+ const _getDirty = (name, data) => !_options.disabled &&
7783
7786
  (name && data && set$1(_formValues, name, data),
7784
7787
  !deepEqual(getValues(), _defaultValues));
7785
7788
  const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -8095,7 +8098,7 @@ function createFormControl(props = {}) {
8095
8098
  };
8096
8099
  const register = (name, options = {}) => {
8097
8100
  let field = get$1(_fields, name);
8098
- const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
8101
+ const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
8099
8102
  set$1(_fields, name, {
8100
8103
  ...(field || {}),
8101
8104
  _f: {
@@ -8111,7 +8114,7 @@ function createFormControl(props = {}) {
8111
8114
  field,
8112
8115
  disabled: isBoolean(options.disabled)
8113
8116
  ? options.disabled
8114
- : props.disabled,
8117
+ : _options.disabled,
8115
8118
  name,
8116
8119
  value: options.value,
8117
8120
  });
@@ -8121,7 +8124,7 @@ function createFormControl(props = {}) {
8121
8124
  }
8122
8125
  return {
8123
8126
  ...(disabledIsDefined
8124
- ? { disabled: options.disabled || props.disabled }
8127
+ ? { disabled: options.disabled || _options.disabled }
8125
8128
  : {}),
8126
8129
  ...(_options.progressive
8127
8130
  ? {
@@ -8205,6 +8208,12 @@ function createFormControl(props = {}) {
8205
8208
  e.preventDefault && e.preventDefault();
8206
8209
  e.persist && e.persist();
8207
8210
  }
8211
+ if (_options.disabled) {
8212
+ if (onInvalid) {
8213
+ await onInvalid({ ..._formState.errors }, e);
8214
+ }
8215
+ return;
8216
+ }
8208
8217
  let fieldValues = cloneObject(_formValues);
8209
8218
  _subjects.state.next({
8210
8219
  isSubmitting: true,
@@ -8383,7 +8392,9 @@ function createFormControl(props = {}) {
8383
8392
  : fieldReference.ref;
8384
8393
  if (fieldRef.focus) {
8385
8394
  fieldRef.focus();
8386
- options.shouldSelect && fieldRef.select();
8395
+ options.shouldSelect &&
8396
+ isFunction$1(fieldRef.select) &&
8397
+ fieldRef.select();
8387
8398
  }
8388
8399
  }
8389
8400
  };
@@ -8584,11 +8595,6 @@ function useForm(props = {}) {
8584
8595
  values: control._getWatch(),
8585
8596
  });
8586
8597
  }, [props.shouldUnregister, control]);
8587
- React.useEffect(() => {
8588
- if (_formControl.current) {
8589
- _formControl.current.watch = _formControl.current.watch.bind({});
8590
- }
8591
- }, [formState]);
8592
8598
  _formControl.current.formState = getProxyFormState(formState, control);
8593
8599
  return _formControl.current;
8594
8600
  }
@@ -32336,7 +32342,7 @@ const VariableDropdown = ({
32336
32342
  });
32337
32343
  };
32338
32344
 
32339
- var css_248z$5 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-line-chart-inner-tooltip, .ff-line-chart-date {\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, .ff-line-chart-text1, .ff--line-chart-x-line-data, .ff-line-chart-y-axis-text, .ff-line-chart-x-axis-label {\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-line-chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-line-chart-text {\n width: 890px;\n display: flex;\n}\n.ff-line-chart-text .smooth-dot {\n transition: cx 0.2s ease, cy 0.2s ease;\n}\n\n.ff-line-chart-text1 {\n transform-origin: center;\n transform: rotate(-90deg);\n transition: transform 1s ease-in-out;\n position: relative;\n left: 160px;\n font-weight: 600;\n}\n\n.ff-line-chart-tooltip {\n position: absolute;\n background-color: var(--tooltip-bg-color);\n border-radius: 4px;\n pointer-events: none;\n display: flex;\n flex-direction: column;\n min-width: 30px;\n min-height: 30px;\n justify-content: center;\n align-items: flex-start;\n row-gap: 10px;\n padding: 8px !important;\n}\n\n.ff-line-chart-status-dot {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n}\n\n.ff-line-chart-inner-tooltip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-date {\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n border-bottom: 1px solid var(--arrow-button-bg-color);\n color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-x-axis-label {\n font-weight: 600;\n}";
32345
+ var css_248z$5 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-line-chart-inner-tooltip, .ff--line-chart-x-line-data, .ff-line-chart-y-axis-text, .ff-line-chart-date {\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, .ff-line-chart-x-axis-label {\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-line-chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-line-chart-text {\n width: 890px;\n display: flex;\n}\n.ff-line-chart-text .smooth-dot {\n transition: cx 0.2s ease, cy 0.2s ease;\n}\n\n.ff-line-chart-text1 {\n transform-origin: center;\n transform: rotate(-90deg);\n transition: transform 1s ease-in-out;\n position: relative;\n left: 163px;\n min-width: 10px;\n color: var(--drawer-title-color);\n}\n\n.ff-line-chart-tooltip {\n position: absolute;\n background-color: var(--tooltip-bg-color);\n border-radius: 4px;\n pointer-events: none;\n display: flex;\n flex-direction: column;\n min-width: 30px;\n min-height: 30px;\n justify-content: center;\n align-items: flex-start;\n row-gap: 10px;\n padding: 8px !important;\n}\n\n.ff-line-chart-status-dot {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n}\n\n.ff-line-chart-inner-tooltip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-date {\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n border-bottom: 1px solid var(--arrow-button-bg-color);\n color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-x-axis-label {\n font-weight: 600;\n}";
32340
32346
  styleInject(css_248z$5);
32341
32347
 
32342
32348
  const LineChart = ({
@@ -32349,23 +32355,25 @@ const LineChart = ({
32349
32355
  yAxisValueColor,
32350
32356
  xAxisColor,
32351
32357
  yAxisColor,
32352
- yAxisLabelColor
32358
+ yAxisLabelColor,
32359
+ textSize,
32360
+ fontWeight,
32361
+ numberSize
32353
32362
  }) => {
32354
32363
  const margin = 40;
32355
32364
  const xMax = width - margin * 2;
32356
32365
  const yMax = height - margin * 2;
32357
32366
  const isDefaultLineChart = data[0]?.data[0]?.hasOwnProperty('date') && data[0]?.data[0]?.hasOwnProperty('totalMemory');
32358
- const xKey = isDefaultLineChart ? 'date' : 'date'; // 'date' for DefaultLineChart, 'x' for StatusLineChart
32359
- const yKey = isDefaultLineChart ? 'totalMemory' : 'value'; // 'totalMemory' for DefaultLineChart, 'y' for StatusLineChart
32360
- const allZero = data.every(line => line.data.every(d => d[yKey] === 0));
32361
- const yMaxExtended = allZero ? 4 : Math.max(...data.flatMap(line => line.data.map(d => d[yKey]))) + 3;
32367
+ const xKey = isDefaultLineChart ? 'date' : 'date';
32368
+ const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
32362
32369
  const xScale = x => {
32363
- if (isDefaultLineChart) {
32364
- return (parseInt(x) - 0.7) * (xMax / data[0].data.length);
32365
- }
32366
- return (parseInt(x) - 0.7) * (xMax / data[0].data.length);
32370
+ const date = new Date(x);
32371
+ const time = date.getTime();
32372
+ const minDate = new Date(Math.min(...data[0].data.map(d => new Date(d[xKey]).getTime())));
32373
+ const maxDate = new Date(Math.max(...data[0].data.map(d => new Date(d[xKey]).getTime())));
32374
+ return (time - minDate.getTime()) / (maxDate.getTime() - minDate.getTime()) * xMax;
32367
32375
  };
32368
- const yScale = y => yMax - y * yMax / yMaxExtended;
32376
+ const yScale = y => yMax - y * yMax / 1024;
32369
32377
  const generateLinePath = lineData => lineData.reduce((path, point, i) => {
32370
32378
  const x = xScale(point[xKey]);
32371
32379
  const y = yScale(point[yKey]);
@@ -32443,11 +32451,13 @@ const LineChart = ({
32443
32451
  },
32444
32452
  currentXValue: null
32445
32453
  });
32446
- const xTickInterval = Math.floor(data[0].data.length / 6);
32454
+ const xTickInterval = Math.floor(data[0].data.length / 4);
32447
32455
  return jsxRuntime.jsxs("div", {
32448
32456
  className: "ff-line-chart-text",
32449
- children: [jsxRuntime.jsx("p", {
32457
+ children: [jsxRuntime.jsx(Typography, {
32450
32458
  className: "ff-line-chart-text1",
32459
+ fontSize: textSize,
32460
+ fontWeight: "semi-bold",
32451
32461
  children: yAxisLabel
32452
32462
  }), jsxRuntime.jsx("svg", {
32453
32463
  width: width,
@@ -32475,6 +32485,10 @@ const LineChart = ({
32475
32485
  textAnchor: "middle",
32476
32486
  fill: yAxisLabelColor,
32477
32487
  className: "ff-line-chart-x-axis-label",
32488
+ style: {
32489
+ fontSize: textSize,
32490
+ fontWeight: fontWeight
32491
+ },
32478
32492
  children: xAxisLabel
32479
32493
  }), data.map((line, index) => line.show !== false ? jsxRuntime.jsxs("g", {
32480
32494
  children: [jsxRuntime.jsx("path", {
@@ -32497,7 +32511,7 @@ const LineChart = ({
32497
32511
  r: 5,
32498
32512
  fill: "white",
32499
32513
  stroke: line.color,
32500
- strokeWidth: 2,
32514
+ strokeWidth: lineChartWidth,
32501
32515
  style: {
32502
32516
  transition: 'cx 0.1s, cy 0.1s'
32503
32517
  }
@@ -32517,19 +32531,25 @@ const LineChart = ({
32517
32531
  textAnchor: "middle",
32518
32532
  fill: yAxisColor,
32519
32533
  className: "ff--line-chart-x-line-data",
32534
+ style: {
32535
+ fontSize: numberSize
32536
+ },
32520
32537
  children: point[xKey] != null ? String(point[xKey]) : ''
32521
32538
  }, String(point[xKey]))), Array.from({
32522
32539
  length: 6
32523
32540
  }).map((_, i) => {
32524
- const yValue = i * yMaxExtended / 5;
32541
+ const yValueInGB = i * 0.2;
32525
32542
  return jsxRuntime.jsx("text", {
32526
32543
  x: -15,
32527
- y: yScale(yValue),
32544
+ y: yScale(yValueInGB * 1024),
32528
32545
  textAnchor: "middle",
32529
32546
  fill: yAxisValueColor,
32530
32547
  className: "ff-line-chart-y-axis-text",
32531
- children: yValue.toFixed(1)
32532
- }, yValue);
32548
+ style: {
32549
+ fontSize: numberSize
32550
+ },
32551
+ children: yValueInGB.toFixed(1)
32552
+ }, yValueInGB);
32533
32553
  })]
32534
32554
  })
32535
32555
  }), hoverState.tooltip.visible && jsxRuntime.jsxs("div", {