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
@@ -21,6 +21,12 @@ const config: StorybookConfig = {
21
21
 
22
22
  typescript: {
23
23
  reactDocgen: 'react-docgen-typescript'
24
- }
24
+ },
25
+
26
+ viteFinal: async (config) => {
27
+ // Ensure Vite processes font files
28
+ config.assetsInclude = [/\.(woff2?|eot|ttf|otf)$/];
29
+ return config;
30
+ },
25
31
  };
26
32
  export default config;
@@ -21,4 +21,7 @@ export interface LineChartProps {
21
21
  xAxisColor?: string;
22
22
  yAxisColor?: string;
23
23
  yAxisLabelColor?: string;
24
+ textSize?: string | number;
25
+ fontWeight?: string | number;
26
+ numberSize?: string | number;
24
27
  }
@@ -6,8 +6,6 @@ declare const meta: Meta<typeof LabelEditTextField>;
6
6
  type Story = StoryObj<typeof LabelEditTextField>;
7
7
  export declare const textField: Story;
8
8
  export declare const textFieldWithOutLabel: Story;
9
- export declare const openTextFieldWithOutLabel: Story;
10
9
  export declare const textFieldWithDropdown: Story;
11
10
  export declare const textFieldWithHighlight: Story;
12
- export declare const openLabelEditTextField: Story;
13
11
  export default meta;
@@ -7,5 +7,4 @@ export declare const Default2: Story;
7
7
  export declare const Default3: Story;
8
8
  export declare const EmailGroup: Story;
9
9
  export declare const Controlled: Story;
10
- export declare const Labels: Story;
11
10
  export default meta;
@@ -10,5 +10,4 @@ export declare const Disable: Story;
10
10
  export declare const WithInitialValue: Story;
11
11
  export declare const OptionSelection: Story;
12
12
  export declare const CustomJSX: Story;
13
- export declare const updateOptionFromOutside: Story;
14
13
  export default meta;
package/lib/index.d.ts CHANGED
@@ -2293,6 +2293,9 @@ interface LineChartProps {
2293
2293
  xAxisColor?: string;
2294
2294
  yAxisColor?: string;
2295
2295
  yAxisLabelColor?: string;
2296
+ textSize?: string | number;
2297
+ fontWeight?: string | number;
2298
+ numberSize?: string | number;
2296
2299
  }
2297
2300
 
2298
2301
  declare const LineChart: React__default.FC<LineChartProps>;
package/lib/index.esm.js CHANGED
@@ -553,6 +553,8 @@ const SvgAddArchive = (props) => /* @__PURE__ */ React.createElement("svg", { wi
553
553
 
554
554
  const SvgDashboardIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.createElement("path", { d: "M7.95401 13.7174V14.6847L6.97624 17.0268L5.99951 14.6881V13.7174H7.95401Z", fill: "#FFB487" }), /* @__PURE__ */ React.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.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.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.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.createElement("path", { d: "M17.9999 13.7174V14.6881L17.0232 17.0268L16.0454 14.6847V13.7174H17.9999Z", fill: "#FFB487" }), /* @__PURE__ */ React.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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" }));
555
555
 
556
+ const SvgInfoUser = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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" }));
557
+
556
558
  let Components = {};
557
559
  Components['success'] = SvgSuccess;
558
560
  Components['alert'] = SvgAlert;
@@ -764,6 +766,7 @@ Components['add_user'] = SvgAddUser;
764
766
  Components['add_to_archive'] = SvgAddArchive;
765
767
  Components['remove_user'] = SvgRemoveUser;
766
768
  Components['dashboard_icon'] = SvgDashboardIcon; //TODO:this is temporary icon
769
+ Components['info_user'] = SvgInfoUser;
767
770
 
768
771
  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}";
769
772
  styleInject(css_248z$18);
@@ -7531,7 +7534,7 @@ function createFormControl(props = {}) {
7531
7534
  timer = setTimeout(callback, wait);
7532
7535
  };
7533
7536
  const _updateValid = async (shouldUpdateValid) => {
7534
- if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
7537
+ if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
7535
7538
  const isValid = _options.resolver
7536
7539
  ? isEmptyObject((await _executeSchema()).errors)
7537
7540
  : await executeBuiltInValidation(_fields, true);
@@ -7543,7 +7546,7 @@ function createFormControl(props = {}) {
7543
7546
  }
7544
7547
  };
7545
7548
  const _updateIsValidating = (names, isValidating) => {
7546
- if (!props.disabled &&
7549
+ if (!_options.disabled &&
7547
7550
  (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
7548
7551
  (names || Array.from(_names.mount)).forEach((name) => {
7549
7552
  if (name) {
@@ -7559,7 +7562,7 @@ function createFormControl(props = {}) {
7559
7562
  }
7560
7563
  };
7561
7564
  const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
7562
- if (args && method && !props.disabled) {
7565
+ if (args && method && !_options.disabled) {
7563
7566
  _state.action = true;
7564
7567
  if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
7565
7568
  const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
@@ -7623,7 +7626,7 @@ function createFormControl(props = {}) {
7623
7626
  const output = {
7624
7627
  name,
7625
7628
  };
7626
- if (!props.disabled) {
7629
+ if (!_options.disabled) {
7627
7630
  const disabledField = !!(get$1(_fields, name) &&
7628
7631
  get$1(_fields, name)._f &&
7629
7632
  get$1(_fields, name)._f.disabled);
@@ -7759,7 +7762,7 @@ function createFormControl(props = {}) {
7759
7762
  }
7760
7763
  _names.unMount = new Set();
7761
7764
  };
7762
- const _getDirty = (name, data) => !props.disabled &&
7765
+ const _getDirty = (name, data) => !_options.disabled &&
7763
7766
  (name && data && set$1(_formValues, name, data),
7764
7767
  !deepEqual(getValues(), _defaultValues));
7765
7768
  const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -8075,7 +8078,7 @@ function createFormControl(props = {}) {
8075
8078
  };
8076
8079
  const register = (name, options = {}) => {
8077
8080
  let field = get$1(_fields, name);
8078
- const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
8081
+ const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
8079
8082
  set$1(_fields, name, {
8080
8083
  ...(field || {}),
8081
8084
  _f: {
@@ -8091,7 +8094,7 @@ function createFormControl(props = {}) {
8091
8094
  field,
8092
8095
  disabled: isBoolean(options.disabled)
8093
8096
  ? options.disabled
8094
- : props.disabled,
8097
+ : _options.disabled,
8095
8098
  name,
8096
8099
  value: options.value,
8097
8100
  });
@@ -8101,7 +8104,7 @@ function createFormControl(props = {}) {
8101
8104
  }
8102
8105
  return {
8103
8106
  ...(disabledIsDefined
8104
- ? { disabled: options.disabled || props.disabled }
8107
+ ? { disabled: options.disabled || _options.disabled }
8105
8108
  : {}),
8106
8109
  ...(_options.progressive
8107
8110
  ? {
@@ -8185,6 +8188,12 @@ function createFormControl(props = {}) {
8185
8188
  e.preventDefault && e.preventDefault();
8186
8189
  e.persist && e.persist();
8187
8190
  }
8191
+ if (_options.disabled) {
8192
+ if (onInvalid) {
8193
+ await onInvalid({ ..._formState.errors }, e);
8194
+ }
8195
+ return;
8196
+ }
8188
8197
  let fieldValues = cloneObject(_formValues);
8189
8198
  _subjects.state.next({
8190
8199
  isSubmitting: true,
@@ -8363,7 +8372,9 @@ function createFormControl(props = {}) {
8363
8372
  : fieldReference.ref;
8364
8373
  if (fieldRef.focus) {
8365
8374
  fieldRef.focus();
8366
- options.shouldSelect && fieldRef.select();
8375
+ options.shouldSelect &&
8376
+ isFunction$1(fieldRef.select) &&
8377
+ fieldRef.select();
8367
8378
  }
8368
8379
  }
8369
8380
  };
@@ -8564,11 +8575,6 @@ function useForm(props = {}) {
8564
8575
  values: control._getWatch(),
8565
8576
  });
8566
8577
  }, [props.shouldUnregister, control]);
8567
- React__default.useEffect(() => {
8568
- if (_formControl.current) {
8569
- _formControl.current.watch = _formControl.current.watch.bind({});
8570
- }
8571
- }, [formState]);
8572
8578
  _formControl.current.formState = getProxyFormState(formState, control);
8573
8579
  return _formControl.current;
8574
8580
  }
@@ -32316,7 +32322,7 @@ const VariableDropdown = ({
32316
32322
  });
32317
32323
  };
32318
32324
 
32319
- 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}";
32325
+ 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}";
32320
32326
  styleInject(css_248z$5);
32321
32327
 
32322
32328
  const LineChart = ({
@@ -32329,23 +32335,25 @@ const LineChart = ({
32329
32335
  yAxisValueColor,
32330
32336
  xAxisColor,
32331
32337
  yAxisColor,
32332
- yAxisLabelColor
32338
+ yAxisLabelColor,
32339
+ textSize,
32340
+ fontWeight,
32341
+ numberSize
32333
32342
  }) => {
32334
32343
  const margin = 40;
32335
32344
  const xMax = width - margin * 2;
32336
32345
  const yMax = height - margin * 2;
32337
32346
  const isDefaultLineChart = data[0]?.data[0]?.hasOwnProperty('date') && data[0]?.data[0]?.hasOwnProperty('totalMemory');
32338
- const xKey = isDefaultLineChart ? 'date' : 'date'; // 'date' for DefaultLineChart, 'x' for StatusLineChart
32339
- const yKey = isDefaultLineChart ? 'totalMemory' : 'value'; // 'totalMemory' for DefaultLineChart, 'y' for StatusLineChart
32340
- const allZero = data.every(line => line.data.every(d => d[yKey] === 0));
32341
- const yMaxExtended = allZero ? 4 : Math.max(...data.flatMap(line => line.data.map(d => d[yKey]))) + 3;
32347
+ const xKey = isDefaultLineChart ? 'date' : 'date';
32348
+ const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
32342
32349
  const xScale = x => {
32343
- if (isDefaultLineChart) {
32344
- return (parseInt(x) - 0.7) * (xMax / data[0].data.length);
32345
- }
32346
- return (parseInt(x) - 0.7) * (xMax / data[0].data.length);
32350
+ const date = new Date(x);
32351
+ const time = date.getTime();
32352
+ const minDate = new Date(Math.min(...data[0].data.map(d => new Date(d[xKey]).getTime())));
32353
+ const maxDate = new Date(Math.max(...data[0].data.map(d => new Date(d[xKey]).getTime())));
32354
+ return (time - minDate.getTime()) / (maxDate.getTime() - minDate.getTime()) * xMax;
32347
32355
  };
32348
- const yScale = y => yMax - y * yMax / yMaxExtended;
32356
+ const yScale = y => yMax - y * yMax / 1024;
32349
32357
  const generateLinePath = lineData => lineData.reduce((path, point, i) => {
32350
32358
  const x = xScale(point[xKey]);
32351
32359
  const y = yScale(point[yKey]);
@@ -32423,11 +32431,13 @@ const LineChart = ({
32423
32431
  },
32424
32432
  currentXValue: null
32425
32433
  });
32426
- const xTickInterval = Math.floor(data[0].data.length / 6);
32434
+ const xTickInterval = Math.floor(data[0].data.length / 4);
32427
32435
  return jsxs("div", {
32428
32436
  className: "ff-line-chart-text",
32429
- children: [jsx("p", {
32437
+ children: [jsx(Typography, {
32430
32438
  className: "ff-line-chart-text1",
32439
+ fontSize: textSize,
32440
+ fontWeight: "semi-bold",
32431
32441
  children: yAxisLabel
32432
32442
  }), jsx("svg", {
32433
32443
  width: width,
@@ -32455,6 +32465,10 @@ const LineChart = ({
32455
32465
  textAnchor: "middle",
32456
32466
  fill: yAxisLabelColor,
32457
32467
  className: "ff-line-chart-x-axis-label",
32468
+ style: {
32469
+ fontSize: textSize,
32470
+ fontWeight: fontWeight
32471
+ },
32458
32472
  children: xAxisLabel
32459
32473
  }), data.map((line, index) => line.show !== false ? jsxs("g", {
32460
32474
  children: [jsx("path", {
@@ -32477,7 +32491,7 @@ const LineChart = ({
32477
32491
  r: 5,
32478
32492
  fill: "white",
32479
32493
  stroke: line.color,
32480
- strokeWidth: 2,
32494
+ strokeWidth: lineChartWidth,
32481
32495
  style: {
32482
32496
  transition: 'cx 0.1s, cy 0.1s'
32483
32497
  }
@@ -32497,19 +32511,25 @@ const LineChart = ({
32497
32511
  textAnchor: "middle",
32498
32512
  fill: yAxisColor,
32499
32513
  className: "ff--line-chart-x-line-data",
32514
+ style: {
32515
+ fontSize: numberSize
32516
+ },
32500
32517
  children: point[xKey] != null ? String(point[xKey]) : ''
32501
32518
  }, String(point[xKey]))), Array.from({
32502
32519
  length: 6
32503
32520
  }).map((_, i) => {
32504
- const yValue = i * yMaxExtended / 5;
32521
+ const yValueInGB = i * 0.2;
32505
32522
  return jsx("text", {
32506
32523
  x: -15,
32507
- y: yScale(yValue),
32524
+ y: yScale(yValueInGB * 1024),
32508
32525
  textAnchor: "middle",
32509
32526
  fill: yAxisValueColor,
32510
32527
  className: "ff-line-chart-y-axis-text",
32511
- children: yValue.toFixed(1)
32512
- }, yValue);
32528
+ style: {
32529
+ fontSize: numberSize
32530
+ },
32531
+ children: yValueInGB.toFixed(1)
32532
+ }, yValueInGB);
32513
32533
  })]
32514
32534
  })
32515
32535
  }), hoverState.tooltip.visible && jsxs("div", {