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.
- package/.storybook/main.ts +7 -1
- package/lib/components/Charts/LineChart/types.d.ts +3 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
- package/lib/components/Select/Select.stories.d.ts +0 -1
- package/lib/index.d.ts +3 -0
- package/lib/index.esm.js +52 -32
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +52 -32
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/info_user.svg +5 -0
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/variable.svg +3 -3
- package/src/components/Charts/LineChart/LineChart.scss +8 -7
- package/src/components/Charts/LineChart/LineChart.stories.tsx +170 -51
- package/src/components/Charts/LineChart/LineChart.tsx +30 -27
- package/src/components/Charts/LineChart/types.ts +22 -20
- package/src/components/Icon/iconList.ts +2 -0
- 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 +0 -5
- package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
- package/lib/components/AddButton/index.d.ts +0 -1
- package/lib/components/AddButton/types.d.ts +0 -4
- package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
- package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
- package/lib/components/Editor/Editor.stories.d.ts +0 -6
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
- package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
- package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
- /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 (!
|
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 (!
|
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 && !
|
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 (!
|
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) => !
|
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(
|
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
|
-
:
|
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 ||
|
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 &&
|
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-
|
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';
|
32359
|
-
const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
|
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
|
-
|
32364
|
-
|
32365
|
-
|
32366
|
-
|
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 /
|
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 /
|
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(
|
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:
|
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
|
32541
|
+
const yValueInGB = i * 0.2;
|
32525
32542
|
return jsxRuntime.jsx("text", {
|
32526
32543
|
x: -15,
|
32527
|
-
y: yScale(
|
32544
|
+
y: yScale(yValueInGB * 1024),
|
32528
32545
|
textAnchor: "middle",
|
32529
32546
|
fill: yAxisValueColor,
|
32530
32547
|
className: "ff-line-chart-y-axis-text",
|
32531
|
-
|
32532
|
-
|
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", {
|