pixel-react 1.5.1 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AttachmentButton/types.d.ts +2 -0
- package/lib/components/Icon/types.d.ts +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.esm.js +28 -22
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +28 -22
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +2 -1
- package/src/assets/Themes/DarkTheme.scss +1 -0
- package/src/assets/icons/success.svg +7 -3
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
- package/src/components/AppHeader/AppHeader.scss +5 -3
- package/src/components/AppHeader/AppHeader.stories.tsx +35 -4
- package/src/components/AppHeader/AppHeader.tsx +135 -135
- package/src/components/AttachmentButton/AttachmentButton.stories.tsx +2 -0
- package/src/components/AttachmentButton/AttachmentButton.tsx +23 -16
- package/src/components/AttachmentButton/types.ts +2 -0
- package/src/components/Icon/Icon.tsx +2 -1
- package/src/components/Icon/Icons.scss +5 -0
- package/src/components/Icon/types.ts +1 -1
- package/src/components/MenuOption/MenuOption.scss +2 -2
- package/src/components/MenuOption/MenuOption.tsx +1 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +2 -0
- package/src/components/Tooltip/Tooltip.scss +1 -1
- package/src/components/Tooltip/Tooltip.stories.tsx +4 -3
- package/src/components/Tooltip/Tooltip.tsx +2 -2
package/package.json
CHANGED
@@ -221,8 +221,9 @@ $base-theme: (
|
|
221
221
|
label-edit-confirm-icon: #0dad66,
|
222
222
|
label-edit-cancel-icon: #e42525,
|
223
223
|
delete-icon-color: #e42525,
|
224
|
-
ff-icon-hover-fill-color: #
|
224
|
+
ff-icon-hover-fill-color: #f7ecf8,
|
225
225
|
ff-icon-color-dark-variant: #ffffff,
|
226
|
+
ff-icon-color-danger-variant:#A912241A,
|
226
227
|
ff-avatar-background-color: #71347b,
|
227
228
|
ff-avatar-icon-color: #ffffff,
|
228
229
|
|
@@ -208,6 +208,7 @@ $dark-theme: (
|
|
208
208
|
ff-delete-button-attachment: #a91224,
|
209
209
|
email-table-border-color: #959595,
|
210
210
|
ff-icon-hover-fill-color: #f7ecf8,
|
211
|
+
ff-icon-color-danger-variant:#A912241A,
|
211
212
|
ff-icon-color-dark-variant: #ffffff,
|
212
213
|
avatar-background-color: #71347b,
|
213
214
|
avatar-icon-color: #ffffff,
|
@@ -1,11 +1,15 @@
|
|
1
1
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<
|
2
|
+
<mask id="path-1-inside-1_6737_30624" fill="white">
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5326 0.217769C20.5315 -0.0725897 19.4684 -0.0725897 18.4674 0.217769C17.821 0.4053 17.2694 0.730828 16.7257 1.1273C16.2076 1.50513 15.618 2.00757 14.9165 2.6054L14.9165 2.60544L14.556 2.9126C13.9283 3.44749 13.757 3.58556 13.5806 3.68605C13.399 3.78954 13.2051 3.86986 13.0035 3.92509C12.8077 3.97875 12.5889 4.00232 11.7668 4.06791L11.2947 4.10558C10.3759 4.17888 9.6038 4.2405 8.97024 4.33971C8.30544 4.44384 7.68528 4.60362 7.09554 4.92817C6.18235 5.43072 5.4307 6.18235 4.92817 7.09554C4.6036 7.68528 4.44382 8.30544 4.33971 8.97024C4.2405 9.60367 4.17891 10.3757 4.10563 11.2942L4.10558 11.2947L4.06791 11.7668C4.00232 12.5889 3.97875 12.8077 3.9251 13.0035C3.86986 13.2051 3.78954 13.399 3.68605 13.5806C3.58554 13.757 3.44749 13.9284 2.91258 14.556L2.60542 14.9165C2.00757 15.618 1.50514 16.2076 1.1273 16.7258C0.730829 17.2693 0.4053 17.8209 0.217769 18.4674C-0.0725897 19.4685 -0.0725897 20.5314 0.217769 21.5325C0.4053 22.179 0.730829 22.7306 1.1273 23.2743C1.50512 23.7925 2.00757 24.382 2.6054 25.0834L2.91258 25.4439C3.44749 26.0715 3.58554 26.243 3.68605 26.4194C3.78954 26.601 3.86986 26.7949 3.9251 26.9966C3.97875 27.1922 4.00232 27.4111 4.06791 28.2331L4.10558 28.7052C4.17888 29.6241 4.24048 30.3961 4.33971 31.0296C4.44382 31.6944 4.6036 32.3146 4.92817 32.9044C5.4307 33.8176 6.18235 34.5692 7.09554 35.0717C7.68528 35.3964 8.30544 35.5561 8.97024 35.6603C9.60384 35.7595 10.376 35.8211 11.2949 35.8944L11.7668 35.932C12.5889 35.9976 12.8077 36.0212 13.0035 36.0748C13.2051 36.13 13.399 36.2105 13.5806 36.3139C13.757 36.4143 13.9283 36.5525 14.556 37.0873L14.9165 37.3946L14.9215 37.3988C15.6208 37.9947 16.2088 38.4958 16.7257 38.8726C17.2694 39.2691 17.821 39.5946 18.4674 39.7822C19.4684 40.0725 20.5315 40.0725 21.5326 39.7822C22.179 39.5946 22.7305 39.2691 23.2743 38.8726C23.7917 38.4954 24.3805 37.9936 25.0807 37.3968L25.0834 37.3946L25.4439 37.0873C26.0716 36.5525 26.2431 36.4143 26.4193 36.3139C26.601 36.2105 26.7948 36.13 26.9965 36.0748C27.1923 36.0212 27.411 35.9976 28.2332 35.932L28.7051 35.8944C29.624 35.8211 30.3962 35.7595 31.0298 35.6603C31.6945 35.5561 32.3147 35.3964 32.9045 35.0717C33.8175 34.5692 34.5693 33.8176 35.0719 32.9044C35.3964 32.3146 35.5562 31.6944 35.6602 31.0296C35.7595 30.3961 35.8211 29.6239 35.8943 28.705L35.9321 28.2331C35.9977 27.4111 36.0211 27.1922 36.0749 26.9966C36.1301 26.7949 36.2104 26.601 36.3138 26.4194C36.4144 26.243 36.5525 26.0715 37.0874 25.4439L37.3947 25.0834L37.4 25.0772C37.9954 24.3783 38.4959 23.7909 38.8727 23.2743C39.2692 22.7306 39.5947 22.179 39.7821 21.5325C40.0726 20.5314 40.0726 19.4685 39.7821 18.4674C39.5947 17.8209 39.2692 17.2693 38.8727 16.7258C38.4948 16.2076 37.9925 15.618 37.3945 14.9165L37.0874 14.556C36.5525 13.9284 36.4144 13.757 36.3138 13.5806C36.2104 13.399 36.1301 13.2051 36.0749 13.0035C36.0211 12.8077 35.9977 12.5889 35.9321 11.7668L35.8943 11.2949C35.8211 10.376 35.7595 9.60384 35.6602 8.97024C35.5562 8.30544 35.3964 7.68528 35.0719 7.09554C34.5693 6.18235 33.8175 5.4307 32.9045 4.92817C32.3147 4.60362 31.6945 4.44384 31.0298 4.33971C30.3962 4.2405 29.624 4.17888 28.7051 4.10558L28.2332 4.06791C27.411 4.00232 27.1923 3.97875 26.9965 3.92509C26.7948 3.86986 26.601 3.78954 26.4193 3.68605C26.2431 3.58556 26.0716 3.44749 25.4439 2.9126L25.0836 2.60544L25.0811 2.60331C24.3806 2.0064 23.7918 1.50469 23.2743 1.1273C22.7305 0.730828 22.179 0.4053 21.5326 0.217769ZM25.8336 14.6151C26.3293 14.1197 27.1332 14.1194 27.6282 14.6151C28.1239 15.1107 28.1239 15.9146 27.6282 16.41L18.6539 25.3846C18.4062 25.6326 18.0811 25.7565 17.7562 25.7565C17.4314 25.7565 17.1066 25.6323 16.8589 25.3846L12.3718 20.8975C11.8761 20.4018 11.8761 19.5982 12.3718 19.1025C12.8675 18.6068 13.671 18.6068 14.1667 19.1025L17.7566 22.6924L25.8336 14.6151Z"/>
|
4
|
+
</mask>
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5326 0.217769C20.5315 -0.0725897 19.4684 -0.0725897 18.4674 0.217769C17.821 0.4053 17.2694 0.730828 16.7257 1.1273C16.2076 1.50513 15.618 2.00757 14.9165 2.6054L14.9165 2.60544L14.556 2.9126C13.9283 3.44749 13.757 3.58556 13.5806 3.68605C13.399 3.78954 13.2051 3.86986 13.0035 3.92509C12.8077 3.97875 12.5889 4.00232 11.7668 4.06791L11.2947 4.10558C10.3759 4.17888 9.6038 4.2405 8.97024 4.33971C8.30544 4.44384 7.68528 4.60362 7.09554 4.92817C6.18235 5.43072 5.4307 6.18235 4.92817 7.09554C4.6036 7.68528 4.44382 8.30544 4.33971 8.97024C4.2405 9.60367 4.17891 10.3757 4.10563 11.2942L4.10558 11.2947L4.06791 11.7668C4.00232 12.5889 3.97875 12.8077 3.9251 13.0035C3.86986 13.2051 3.78954 13.399 3.68605 13.5806C3.58554 13.757 3.44749 13.9284 2.91258 14.556L2.60542 14.9165C2.00757 15.618 1.50514 16.2076 1.1273 16.7258C0.730829 17.2693 0.4053 17.8209 0.217769 18.4674C-0.0725897 19.4685 -0.0725897 20.5314 0.217769 21.5325C0.4053 22.179 0.730829 22.7306 1.1273 23.2743C1.50512 23.7925 2.00757 24.382 2.6054 25.0834L2.91258 25.4439C3.44749 26.0715 3.58554 26.243 3.68605 26.4194C3.78954 26.601 3.86986 26.7949 3.9251 26.9966C3.97875 27.1922 4.00232 27.4111 4.06791 28.2331L4.10558 28.7052C4.17888 29.6241 4.24048 30.3961 4.33971 31.0296C4.44382 31.6944 4.6036 32.3146 4.92817 32.9044C5.4307 33.8176 6.18235 34.5692 7.09554 35.0717C7.68528 35.3964 8.30544 35.5561 8.97024 35.6603C9.60384 35.7595 10.376 35.8211 11.2949 35.8944L11.7668 35.932C12.5889 35.9976 12.8077 36.0212 13.0035 36.0748C13.2051 36.13 13.399 36.2105 13.5806 36.3139C13.757 36.4143 13.9283 36.5525 14.556 37.0873L14.9165 37.3946L14.9215 37.3988C15.6208 37.9947 16.2088 38.4958 16.7257 38.8726C17.2694 39.2691 17.821 39.5946 18.4674 39.7822C19.4684 40.0725 20.5315 40.0725 21.5326 39.7822C22.179 39.5946 22.7305 39.2691 23.2743 38.8726C23.7917 38.4954 24.3805 37.9936 25.0807 37.3968L25.0834 37.3946L25.4439 37.0873C26.0716 36.5525 26.2431 36.4143 26.4193 36.3139C26.601 36.2105 26.7948 36.13 26.9965 36.0748C27.1923 36.0212 27.411 35.9976 28.2332 35.932L28.7051 35.8944C29.624 35.8211 30.3962 35.7595 31.0298 35.6603C31.6945 35.5561 32.3147 35.3964 32.9045 35.0717C33.8175 34.5692 34.5693 33.8176 35.0719 32.9044C35.3964 32.3146 35.5562 31.6944 35.6602 31.0296C35.7595 30.3961 35.8211 29.6239 35.8943 28.705L35.9321 28.2331C35.9977 27.4111 36.0211 27.1922 36.0749 26.9966C36.1301 26.7949 36.2104 26.601 36.3138 26.4194C36.4144 26.243 36.5525 26.0715 37.0874 25.4439L37.3947 25.0834L37.4 25.0772C37.9954 24.3783 38.4959 23.7909 38.8727 23.2743C39.2692 22.7306 39.5947 22.179 39.7821 21.5325C40.0726 20.5314 40.0726 19.4685 39.7821 18.4674C39.5947 17.8209 39.2692 17.2693 38.8727 16.7258C38.4948 16.2076 37.9925 15.618 37.3945 14.9165L37.0874 14.556C36.5525 13.9284 36.4144 13.757 36.3138 13.5806C36.2104 13.399 36.1301 13.2051 36.0749 13.0035C36.0211 12.8077 35.9977 12.5889 35.9321 11.7668L35.8943 11.2949C35.8211 10.376 35.7595 9.60384 35.6602 8.97024C35.5562 8.30544 35.3964 7.68528 35.0719 7.09554C34.5693 6.18235 33.8175 5.4307 32.9045 4.92817C32.3147 4.60362 31.6945 4.44384 31.0298 4.33971C30.3962 4.2405 29.624 4.17888 28.7051 4.10558L28.2332 4.06791C27.411 4.00232 27.1923 3.97875 26.9965 3.92509C26.7948 3.86986 26.601 3.78954 26.4193 3.68605C26.2431 3.58556 26.0716 3.44749 25.4439 2.9126L25.0836 2.60544L25.0811 2.60331C24.3806 2.0064 23.7918 1.50469 23.2743 1.1273C22.7305 0.730828 22.179 0.4053 21.5326 0.217769ZM25.8336 14.6151C26.3293 14.1197 27.1332 14.1194 27.6282 14.6151C28.1239 15.1107 28.1239 15.9146 27.6282 16.41L18.6539 25.3846C18.4062 25.6326 18.0811 25.7565 17.7562 25.7565C17.4314 25.7565 17.1066 25.6323 16.8589 25.3846L12.3718 20.8975C11.8761 20.4018 11.8761 19.5982 12.3718 19.1025C12.8675 18.6068 13.671 18.6068 14.1667 19.1025L17.7566 22.6924L25.8336 14.6151Z" fill="url(#paint0_linear_6737_30624)"/>
|
6
|
+
<path d="M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319311L16.7257 1.1273ZM14.9165 2.6054L15.5567 3.37367L15.5651 3.3665L14.9165 2.6054ZM14.9165 2.60544L14.2762 1.83717L14.2678 1.84432L14.9165 2.60544ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.10563 11.2942L5.10245 11.3738L5.10246 11.3737L4.10563 11.2942ZM4.10558 11.2947L3.10876 11.2151L3.10875 11.2152L4.10558 11.2947ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM3.68605 26.4194L2.81713 26.9143L2.81716 26.9144L3.68605 26.4194ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM13.0035 36.0748L12.7393 37.0393H12.7393L13.0035 36.0748ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM14.9165 37.3946L14.2678 38.1556L14.2678 38.1556L14.9165 37.3946ZM14.9215 37.3988L14.2727 38.1598L14.2729 38.1599L14.9215 37.3988ZM16.7257 38.8726L17.3149 38.0646L17.3147 38.0645L16.7257 38.8726ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM25.0807 37.3968L24.4323 36.6355L24.4321 36.6358L25.0807 37.3968ZM25.0834 37.3946L25.7317 38.1559L25.7321 38.1556L25.0834 37.3946ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM26.4193 36.3139L25.9245 35.4449L25.9243 35.445L26.4193 36.3139ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.4 25.0772L36.6388 24.4286L36.6388 24.4287L37.4 25.0772ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55494L26.4193 3.68605ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM25.0836 2.60544L25.7323 1.84445L25.7322 1.84433L25.0836 2.60544ZM25.0811 2.60331L25.7297 1.8422L25.7296 1.84217L25.0811 2.60331ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM27.6282 14.6151L26.9206 15.3217L26.9211 15.3222L27.6282 14.6151ZM25.8336 14.6151L25.1267 13.9077L25.1265 13.908L25.8336 14.6151ZM27.6282 16.41L26.9214 15.7026L26.9211 15.7029L27.6282 16.41ZM18.6539 25.3846L17.9467 24.6775L17.9463 24.678L18.6539 25.3846ZM16.8589 25.3846L17.566 24.6775L16.8589 25.3846ZM12.3718 20.8975L11.6647 21.6046L11.6647 21.6046L12.3718 20.8975ZM12.3718 19.1025L13.0789 19.8097L13.0789 19.8096L12.3718 19.1025ZM14.1667 19.1025L13.4596 19.8096L13.4596 19.8097L14.1667 19.1025ZM17.7566 22.6924L17.0495 23.3995L17.7566 24.1066L18.4637 23.3995L17.7566 22.6924ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531ZM15.5651 3.3665C16.2767 2.76012 16.8341 2.28589 17.3149 1.93528L16.1365 0.319311C15.581 0.724374 14.9593 1.25503 14.2679 1.8443L15.5651 3.3665ZM15.5566 3.37366L15.5567 3.37362L14.2763 1.83718L14.2763 1.83722L15.5566 3.37366ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM9.12495 5.32767C9.71284 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.10246 11.3737C5.17679 10.442 5.23561 9.71273 5.32766 9.12498L3.35175 8.81551C3.24539 9.49461 3.18103 10.3093 3.1088 11.2147L5.10246 11.3737ZM5.10241 11.3744L5.10245 11.3738L3.1088 11.2145L3.10876 11.2151L5.10241 11.3744ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319382 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM4.55497 25.9245C4.39638 25.646 4.18096 25.3905 3.67364 24.7953L2.15152 26.0926C2.71401 26.7526 2.77471 26.8399 2.81713 26.9143L4.55497 25.9245ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55494 25.9244L2.81716 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM15.2045 36.3261C14.6098 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.2469 37.2857 13.9075 37.8485L15.2045 36.3261ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.5702 36.6378L15.5652 36.6335L14.2678 38.1556L14.2727 38.1598L15.5702 36.6378ZM17.3147 38.0645C16.8352 37.7149 16.2794 37.2421 15.5701 36.6377L14.2729 38.1599C14.9621 38.7473 15.5823 39.2766 16.1366 39.6807L17.3147 38.0645ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM24.4321 36.6358C23.7218 37.2411 23.1653 37.7146 22.6852 38.0645L23.8633 39.6807C24.4182 39.2761 25.0392 38.7461 25.7293 38.1579L24.4321 36.6358ZM24.435 36.6332L24.4323 36.6355L25.7291 38.1582L25.7317 38.1559L24.435 36.6332ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM25.9243 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7529 37.2859 26.84 37.2251 26.9144 37.1827L25.9243 35.445ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.354 34.4658 35.948 33.3865L34.1958 32.4223ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.819 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1207 27.0232 37.1828 26.9142L35.4448 25.9246ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.6388 24.4287L36.6335 24.4349L38.1559 25.732L38.1612 25.7257L36.6388 24.4287ZM38.0648 22.6851C37.7151 23.1644 37.2428 23.7198 36.6388 24.4286L38.1612 25.7257C38.7481 25.0369 39.2767 24.4174 39.6806 23.8636L38.0648 22.6851ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5525 36.9289 11.6873L34.9353 11.8464ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.1957 7.57761C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81565C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.57761ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM25.9243 4.55494C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81716L25.9243 4.55494ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.4324 3.36441L24.4349 3.36654L25.7322 1.84433L25.7297 1.8422L24.4324 3.36441ZM22.6851 1.93528C23.1653 2.28547 23.722 2.759 24.4325 3.36445L25.7296 1.84217C25.0392 1.2538 24.4183 0.723912 23.8635 0.319312L22.6851 1.93528ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM28.3358 13.9084C27.4496 13.021 26.0124 13.0227 25.1267 13.9077L26.5405 15.3224C26.6463 15.2167 26.8168 15.2177 26.9206 15.3217L28.3358 13.9084ZM28.3351 17.1173C29.2218 16.2313 29.2214 14.794 28.3353 13.9079L26.9211 15.3222C27.0264 15.4275 27.0261 15.598 26.9214 15.7026L28.3351 17.1173ZM19.361 26.0917L28.3353 17.1171L26.9211 15.7029L17.9467 24.6775L19.361 26.0917ZM17.7562 26.7565C18.3351 26.7565 18.9182 26.5351 19.3614 26.0913L17.9463 24.678C17.8941 24.7302 17.8271 24.7565 17.7562 24.7565V26.7565ZM16.1518 26.0917C16.5943 26.5342 17.1766 26.7565 17.7562 26.7565V24.7565C17.6862 24.7565 17.619 24.7305 17.566 24.6775L16.1518 26.0917ZM11.6647 21.6046L16.1518 26.0917L17.566 24.6775L13.0789 20.1904L11.6647 21.6046ZM11.6647 18.3954C10.7784 19.2817 10.7784 20.7184 11.6647 21.6046L13.0789 20.1904C12.9737 20.0852 12.9737 19.9148 13.0789 19.8097L11.6647 18.3954ZM14.8738 18.3954C13.9876 17.5092 12.5509 17.5092 11.6647 18.3954L13.0789 19.8096C13.1841 19.7045 13.3544 19.7045 13.4596 19.8096L14.8738 18.3954ZM18.4637 21.9853L14.8738 18.3954L13.4596 19.8097L17.0495 23.3995L18.4637 21.9853ZM25.1265 13.908L17.0495 21.9853L18.4637 23.3995L26.5407 15.3222L25.1265 13.908Z" fill="url(#paint1_linear_6737_30624)" mask="url(#path-1-inside-1_6737_30624)"/>
|
3
7
|
<defs>
|
4
|
-
<linearGradient id="
|
8
|
+
<linearGradient id="paint0_linear_6737_30624" x1="20" y1="0" x2="20" y2="39.9999" gradientUnits="userSpaceOnUse">
|
5
9
|
<stop stop-color="#079455"/>
|
6
10
|
<stop offset="1" stop-color="#00693A"/>
|
7
11
|
</linearGradient>
|
8
|
-
<linearGradient id="
|
12
|
+
<linearGradient id="paint1_linear_6737_30624" x1="22.7478" y1="39.9999" x2="21.1229" y2="1.35825" gradientUnits="userSpaceOnUse">
|
9
13
|
<stop stop-color="#079455"/>
|
10
14
|
<stop offset="1" stop-color="#00693A"/>
|
11
15
|
</linearGradient>
|
@@ -2,6 +2,7 @@
|
|
2
2
|
display: flex;
|
3
3
|
.ff-app-header {
|
4
4
|
display: flex;
|
5
|
+
flex-basis: 100%;
|
5
6
|
justify-content: space-between;
|
6
7
|
background-color: var(--brand-color);
|
7
8
|
padding-left: 8px;
|
@@ -101,8 +102,8 @@
|
|
101
102
|
content: '';
|
102
103
|
position: absolute;
|
103
104
|
bottom: 0;
|
104
|
-
left:
|
105
|
-
width:
|
105
|
+
left: 20%;
|
106
|
+
width: 70%;
|
106
107
|
height: 2px;
|
107
108
|
border-radius: 4px;
|
108
109
|
box-shadow: 0px 1px 0.2px 0px #00000029;
|
@@ -123,7 +124,7 @@
|
|
123
124
|
}
|
124
125
|
&--selected {
|
125
126
|
background: var(--brand-color);
|
126
|
-
border-radius:
|
127
|
+
border-radius: 5px;
|
127
128
|
:hover {
|
128
129
|
background: transparent;
|
129
130
|
}
|
@@ -158,6 +159,7 @@
|
|
158
159
|
}
|
159
160
|
}
|
160
161
|
}
|
162
|
+
|
161
163
|
@keyframes oscillate-border-width {
|
162
164
|
0% {
|
163
165
|
width: 50%;
|
@@ -29,11 +29,42 @@ const defaultArgs = {
|
|
29
29
|
};
|
30
30
|
const projectList = [
|
31
31
|
{
|
32
|
-
label:
|
33
|
-
|
34
|
-
|
32
|
+
label:
|
33
|
+
'Pantaloon Project Pantaloon Web Project Pantaloon Web Project Pantaloon Web Project Pantaloon Web Project',
|
34
|
+
value:
|
35
|
+
'Pantaloon Web Project Pantaloon Web Project Pantaloon Web Project Pantaloon Web Project',
|
36
|
+
iconName: 'web_icon',
|
37
|
+
},
|
38
|
+
{
|
39
|
+
label: 'Mobile Project',
|
40
|
+
value: 'Mobile Project',
|
41
|
+
iconName: 'mobile_icon',
|
42
|
+
},
|
43
|
+
{
|
44
|
+
label: 'Web & Mobile Project',
|
45
|
+
value: 'Web & Mobile Project',
|
46
|
+
iconName: 'web&mobile_icon',
|
47
|
+
},
|
48
|
+
{
|
49
|
+
label: 'Sales Force',
|
50
|
+
value: 'Sales Force',
|
51
|
+
iconName: 'sales_force',
|
52
|
+
},
|
53
|
+
{
|
54
|
+
label: 'MS Dynamic',
|
55
|
+
value: 'MS Dynamic',
|
56
|
+
iconName: 'ms_dynamic',
|
57
|
+
},
|
58
|
+
{
|
59
|
+
label: 'Test',
|
60
|
+
value: 'test',
|
61
|
+
iconName: 'mobile_icon',
|
62
|
+
},
|
63
|
+
{
|
64
|
+
label: 'Web Service',
|
65
|
+
value: 'Web Service',
|
66
|
+
iconName: '',
|
35
67
|
},
|
36
|
-
{ label: 'Test Project2', value: 'Test Project2', iconName: 'plus_icon' },
|
37
68
|
];
|
38
69
|
const headerMenuItems = [
|
39
70
|
{ label: 'Dashboard', path: 'Dashboard', subMenuItems: [] },
|
@@ -27,152 +27,152 @@ const AppHeader: React.FC<AppHeaderProps> = ({
|
|
27
27
|
onMoreMenuOptionClick = () => {},
|
28
28
|
}) => {
|
29
29
|
return (
|
30
|
-
<div className=
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
</div>
|
36
|
-
{leftContent && (
|
37
|
-
<div className="ff-app-header-left-content">{leftContent}</div>
|
38
|
-
)}
|
30
|
+
<div className="ff-app-header-main">
|
31
|
+
<div className="ff-app-header">
|
32
|
+
<div className="ff-app-header-left-container">
|
33
|
+
<div className="ff-app-header-logo-icon">
|
34
|
+
<Icon color="" name={logoIconName} height={24} width={21} />
|
39
35
|
</div>
|
40
|
-
{
|
41
|
-
<div className="ff-app-header-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
36
|
+
{leftContent && (
|
37
|
+
<div className="ff-app-header-left-content">{leftContent}</div>
|
38
|
+
)}
|
39
|
+
</div>
|
40
|
+
{!checkEmpty(appHeaderMenuItems) && (
|
41
|
+
<div className="ff-app-header-nav-bar">
|
42
|
+
{projectsList && !checkEmpty(projectsList) && (
|
43
|
+
<div>
|
44
|
+
{
|
45
|
+
<AllProjectsDropdown
|
46
|
+
onClick={onProjectMenuClick}
|
47
|
+
options={projectsList}
|
48
|
+
selectedOption={selectedProject}
|
49
|
+
onMenuClick={onProjectDropdownLabelClick}
|
50
|
+
selected={selectedMenu === 'Projects'}
|
51
|
+
/>
|
52
|
+
}
|
53
|
+
</div>
|
54
|
+
)}
|
55
|
+
<div className="ff-app-header-nav-bar-items fontSm">
|
56
|
+
{appHeaderMenuItems.map((menuItem) => {
|
57
|
+
return (
|
58
|
+
<div
|
59
|
+
className={classNames('ff-app-header-nav-bar-item', {
|
60
|
+
['ff-app-header-nav-bar-item--selected']:
|
61
|
+
menuItem.label === selectedMenu,
|
62
|
+
})}
|
63
|
+
key={menuItem.label}
|
64
|
+
>
|
65
|
+
<Typography
|
66
|
+
as="div"
|
67
|
+
className="ff-app-header-nav-bar-item-label"
|
68
|
+
lineHeight="18px"
|
69
|
+
onClick={() => onMenuClick(menuItem)}
|
64
70
|
>
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
71
|
+
{menuItem.label}
|
72
|
+
</Typography>
|
73
|
+
{menuItem.label === selectedMenu &&
|
74
|
+
menuItem?.subMenuItems && (
|
75
|
+
<>
|
76
|
+
{menuItem.subMenuItems.map((subMenuItem) => {
|
77
|
+
return (
|
78
|
+
<div
|
79
|
+
key={subMenuItem.label}
|
80
|
+
className="ff-app-header-submenu-container"
|
81
|
+
>
|
82
|
+
<Typography
|
83
|
+
as="div"
|
84
|
+
className={classNames(
|
85
|
+
'ff-app-header-nav-bar-submenu-item',
|
86
|
+
{
|
87
|
+
['ff-app-header-nav-bar-submenu-item--selected']:
|
88
|
+
subMenuItem.label === selectedSubMenu,
|
89
|
+
}
|
90
|
+
)}
|
91
|
+
lineHeight="18px"
|
92
|
+
onClick={() => onSubMenuClick(subMenuItem)}
|
81
93
|
>
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
<>
|
115
|
-
<div
|
116
|
-
key={quickMenuItem.iconName}
|
117
|
-
onClick={() =>
|
118
|
-
onQuickMenuClick(
|
119
|
-
quickMenuItem
|
120
|
-
)
|
94
|
+
{subMenuItem.label}
|
95
|
+
</Typography>
|
96
|
+
</div>
|
97
|
+
);
|
98
|
+
})}
|
99
|
+
{menuItem.subMenuItems.map((subMenuItem) => {
|
100
|
+
return (
|
101
|
+
<div
|
102
|
+
key={subMenuItem.label}
|
103
|
+
className="ff-app-header-submenu-container"
|
104
|
+
>
|
105
|
+
{subMenuItem.label === selectedSubMenu &&
|
106
|
+
subMenuItem?.quickMenuItems && (
|
107
|
+
<div className="ff-app-header-quickmenu-container">
|
108
|
+
<div>
|
109
|
+
<Icon name="vertical_separator" />
|
110
|
+
</div>
|
111
|
+
{subMenuItem.quickMenuItems.map(
|
112
|
+
(quickMenuItem) => {
|
113
|
+
return (
|
114
|
+
<>
|
115
|
+
<div
|
116
|
+
key={quickMenuItem.iconName}
|
117
|
+
onClick={() =>
|
118
|
+
onQuickMenuClick(quickMenuItem)
|
119
|
+
}
|
120
|
+
className={classNames(
|
121
|
+
'ff-app-header-nav-bar-quickmenu-item',
|
122
|
+
{
|
123
|
+
['ff-app-header-nav-bar-quickmenu-item--selected']:
|
124
|
+
quickMenuItem.iconName ===
|
125
|
+
selectedQuickMenu,
|
121
126
|
}
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
quickMenuItem.iconName ===
|
127
|
-
selectedQuickMenu,
|
128
|
-
}
|
129
|
-
)}
|
127
|
+
)}
|
128
|
+
>
|
129
|
+
<Tooltip
|
130
|
+
title={quickMenuItem?.label}
|
130
131
|
>
|
131
|
-
<Tooltip title={quickMenuItem?.label}>
|
132
132
|
<Icon
|
133
133
|
name={quickMenuItem.iconName}
|
134
|
-
height={
|
135
|
-
width={
|
134
|
+
height={16}
|
135
|
+
width={16}
|
136
136
|
hoverEffect={true}
|
137
137
|
/>
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
</div>
|
152
|
-
);
|
153
|
-
})}
|
154
|
-
</div>
|
155
|
-
{appHeaderHiddenMenuItems &&
|
156
|
-
!checkEmpty(appHeaderHiddenMenuItems) && (
|
157
|
-
<div className='more-menu'>
|
158
|
-
<MenuOption
|
159
|
-
iconName="more"
|
160
|
-
options={appHeaderHiddenMenuItems}
|
161
|
-
onOptionClick={onMoreMenuOptionClick}
|
162
|
-
variant="dark"
|
163
|
-
dropdownPlacement="down"
|
164
|
-
zIndex={1001}
|
165
|
-
tooltipTitle='More'
|
166
|
-
optionCardVariant='primary'
|
167
|
-
/>
|
138
|
+
</Tooltip>
|
139
|
+
</div>
|
140
|
+
</>
|
141
|
+
);
|
142
|
+
}
|
143
|
+
)}
|
144
|
+
</div>
|
145
|
+
)}
|
146
|
+
</div>
|
147
|
+
);
|
148
|
+
})}
|
149
|
+
</>
|
150
|
+
)}
|
168
151
|
</div>
|
169
|
-
)
|
152
|
+
);
|
153
|
+
})}
|
170
154
|
</div>
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
155
|
+
{appHeaderHiddenMenuItems &&
|
156
|
+
!checkEmpty(appHeaderHiddenMenuItems) && (
|
157
|
+
<div className="more-menu">
|
158
|
+
<MenuOption
|
159
|
+
iconName="more"
|
160
|
+
options={appHeaderHiddenMenuItems}
|
161
|
+
onOptionClick={onMoreMenuOptionClick}
|
162
|
+
variant="dark"
|
163
|
+
dropdownPlacement="down"
|
164
|
+
zIndex={1001}
|
165
|
+
tooltipTitle="More"
|
166
|
+
optionCardVariant="primary"
|
167
|
+
/>
|
168
|
+
</div>
|
169
|
+
)}
|
170
|
+
</div>
|
171
|
+
)}
|
172
|
+
{rightContent && (
|
173
|
+
<div className="ff-app-header-right-content">{rightContent}</div>
|
174
|
+
)}
|
175
|
+
</div>
|
176
176
|
</div>
|
177
177
|
);
|
178
178
|
};
|
@@ -13,6 +13,8 @@ const meta: Meta<typeof AttachmentButton> = {
|
|
13
13
|
maxFiles: { control: 'number' },
|
14
14
|
buttonLabel: { control: 'text' },
|
15
15
|
showSelectedFiles: { control: 'boolean' },
|
16
|
+
deleteButton: { control: 'boolean' },
|
17
|
+
addAttachmentButton:{control:'boolean'}
|
16
18
|
},
|
17
19
|
};
|
18
20
|
|
@@ -17,12 +17,15 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
17
17
|
buttonLabel = 'Select Files',
|
18
18
|
showSelectedFiles = true,
|
19
19
|
buttonVariant = 'primary',
|
20
|
+
deleteButton = true,
|
21
|
+
addAttachmentButton = true,
|
20
22
|
}) => {
|
21
23
|
const fileInputRef = useRef<HTMLInputElement | null>(null);
|
22
24
|
const [fileError, setFileError] = useState<string>('');
|
23
25
|
const maxFileSizeBytes = maxFileSizeMB * 1024 * 1024;
|
24
26
|
|
25
27
|
const handleAttachmentClick = () => {
|
28
|
+
setFileError('');
|
26
29
|
fileInputRef.current?.click();
|
27
30
|
};
|
28
31
|
|
@@ -82,7 +85,7 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
82
85
|
multiple
|
83
86
|
accept="*"
|
84
87
|
/>
|
85
|
-
{
|
88
|
+
{fileError && (
|
86
89
|
<Toaster
|
87
90
|
isOpen={!!fileError}
|
88
91
|
variant="info"
|
@@ -90,27 +93,31 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
90
93
|
toastMessage={fileError}
|
91
94
|
zIndex={10000000}
|
92
95
|
/>
|
93
|
-
|
96
|
+
)}
|
94
97
|
{showSelectedFiles &&
|
95
98
|
selectedFiles.map((file, index) => (
|
96
99
|
<div key={file.name} className="ff-attachment-files">
|
97
100
|
<Typography color="var(--brand-color)">{file.name}</Typography>
|
98
|
-
|
99
|
-
|
100
|
-
name="delete"
|
101
|
-
hoverEffect={true}
|
102
|
-
color="var(--ff-delete-button-attachment)"
|
103
|
-
onClick={() => handleDeleteFile(index)}
|
104
|
-
/>
|
105
|
-
</Tooltip>
|
106
|
-
{index === selectedFiles.length - 1 &&
|
107
|
-
selectedFiles.length < maxFiles && (
|
108
|
-
<Tooltip title="add attachment">
|
101
|
+
{deleteButton && (
|
102
|
+
<Tooltip title="Delete">
|
109
103
|
<Icon
|
110
|
-
|
111
|
-
|
112
|
-
|
104
|
+
name="delete"
|
105
|
+
hoverEffect={true}
|
106
|
+
color="var(--ff-delete-button-attachment)"
|
107
|
+
variant="danger"
|
108
|
+
onClick={() => handleDeleteFile(index)}
|
113
109
|
/>
|
110
|
+
</Tooltip>
|
111
|
+
)}
|
112
|
+
{index === selectedFiles.length - 1 &&
|
113
|
+
selectedFiles.length < maxFiles &&
|
114
|
+
addAttachmentButton && (
|
115
|
+
<Tooltip title="Add Attachment">
|
116
|
+
<Icon
|
117
|
+
name="add_file"
|
118
|
+
hoverEffect={true}
|
119
|
+
onClick={handleAttachmentClick}
|
120
|
+
/>
|
114
121
|
</Tooltip>
|
115
122
|
)}
|
116
123
|
</div>
|
@@ -54,7 +54,8 @@ const Icon = forwardRef<HTMLSpanElement, IconProps>(
|
|
54
54
|
className: classNames('ff-icon-container', {
|
55
55
|
'ff-icon-click': hoverEffect,
|
56
56
|
'ff-icon-disabled': disabled,
|
57
|
-
'ff-icon-dark': variant ===
|
57
|
+
'ff-icon-dark': variant === 'dark',
|
58
|
+
'ff-icon-danger': variant === 'danger',
|
58
59
|
[className]: !!className,
|
59
60
|
}),
|
60
61
|
...props,
|