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/.storybook/main.ts
CHANGED
@@ -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;
|
@@ -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;
|
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 (!
|
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 (!
|
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 && !
|
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 (!
|
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) => !
|
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(
|
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
|
-
:
|
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 ||
|
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 &&
|
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-
|
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';
|
32339
|
-
const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
|
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
|
-
|
32344
|
-
|
32345
|
-
|
32346
|
-
|
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 /
|
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 /
|
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(
|
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:
|
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
|
32521
|
+
const yValueInGB = i * 0.2;
|
32505
32522
|
return jsx("text", {
|
32506
32523
|
x: -15,
|
32507
|
-
y: yScale(
|
32524
|
+
y: yScale(yValueInGB * 1024),
|
32508
32525
|
textAnchor: "middle",
|
32509
32526
|
fill: yAxisValueColor,
|
32510
32527
|
className: "ff-line-chart-y-axis-text",
|
32511
|
-
|
32512
|
-
|
32528
|
+
style: {
|
32529
|
+
fontSize: numberSize
|
32530
|
+
},
|
32531
|
+
children: yValueInGB.toFixed(1)
|
32532
|
+
}, yValueInGB);
|
32513
32533
|
})]
|
32514
32534
|
})
|
32515
32535
|
}), hoverState.tooltip.visible && jsxs("div", {
|