pixel-react 1.0.3 → 1.0.5
Sign up to get free protection for your applications and to get access to all the features.
- package/.yarn/install-state.gz +0 -0
- package/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/AddResourceButton/type.d.ts +13 -10
- package/lib/components/InputWithDropdown/InputWithDropdown.d.ts +1 -1
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +1 -0
- package/lib/components/InputWithDropdown/types.d.ts +4 -0
- package/lib/components/MenuOption/types.d.ts +1 -1
- package/lib/components/Select/Select.d.ts +1 -1
- package/lib/components/Select/types.d.ts +5 -1
- package/lib/components/StateDropdown/StateDropdown.d.ts +3 -0
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
- package/lib/components/StateDropdown/StateDropdownTypes.d.ts +11 -0
- package/lib/components/StateDropdown/index.d.ts +1 -0
- package/lib/components/StatusButton/StatusButton.d.ts +4 -0
- package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
- package/lib/components/StatusButton/index.d.ts +1 -0
- package/lib/components/StatusButton/types.d.ts +35 -0
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/Tabs/Tabs.stories.d.ts +1 -0
- package/lib/components/Tabs/types.d.ts +6 -2
- package/lib/index.d.ts +84 -11
- package/lib/index.esm.js +339 -86
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +342 -86
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +0 -3
- package/src/assets/Themes/BaseTheme.scss +45 -16
- package/src/assets/Themes/DarkTheme.scss +48 -10
- package/src/assets/icons/active_license_icon.svg +3 -0
- package/src/assets/icons/delete.svg +2 -16
- package/src/assets/icons/delete_info.svg +17 -0
- package/src/assets/icons/details.svg +3 -0
- package/src/assets/icons/edit_icon.svg +5 -0
- package/src/assets/icons/expired_license_icon.svg +3 -0
- package/src/assets/icons/expiringSoon_license_icon.svg +3 -0
- package/src/assets/icons/export_collection_icon.svg +13 -0
- package/src/assets/icons/hide_icon.svg +9 -0
- package/src/assets/icons/impactList.svg +6 -0
- package/src/assets/icons/run_icon.svg +26 -0
- package/src/assets/icons/view_icon.svg +3 -0
- package/src/assets/utils/functionUtils.ts +5 -5
- package/src/components/AddButton/AddButton.scss +38 -0
- package/src/components/AddButton/AddButton.stories.tsx +24 -0
- package/src/components/AddButton/AddButton.tsx +25 -0
- package/src/components/AddButton/index.ts +1 -0
- package/src/components/AddButton/types.ts +4 -0
- package/src/components/AddResourceButton/type.ts +42 -10
- package/src/components/Button/index.ts +1 -1
- package/src/components/Icon/iconList.ts +24 -2
- package/src/components/Input/Input.stories.tsx +1 -1
- package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +59 -2
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +3 -1
- package/src/components/InputWithDropdown/types.ts +4 -0
- package/src/components/MenuOption/types.ts +1 -1
- package/src/components/Search/Search.scss +70 -72
- package/src/components/Select/Select.tsx +29 -25
- package/src/components/Select/types.ts +5 -1
- package/src/components/StateDropdown/StateDropdown.stories.tsx +99 -0
- package/src/components/StateDropdown/StateDropdown.tsx +218 -0
- package/src/components/StateDropdown/StateDropdownTypes.tsx +21 -0
- package/src/components/StateDropdown/index.ts +1 -0
- package/src/components/StatusButton/StatusButton.scss +90 -0
- package/src/components/StatusButton/StatusButton.stories.tsx +91 -0
- package/src/components/StatusButton/StatusButton.tsx +40 -0
- package/src/components/StatusButton/index.ts +1 -0
- package/src/components/StatusButton/types.ts +45 -0
- package/src/components/Table/Table.scss +2 -2
- package/src/components/Tabs/Tabs.scss +3 -0
- package/src/components/Tabs/Tabs.stories.tsx +31 -0
- package/src/components/Tabs/Tabs.tsx +6 -1
- package/src/components/Tabs/types.ts +6 -2
- package/src/index.ts +7 -0
- package/vite.config.js +0 -8
- package/lib/index.css +0 -404
- package/lib/index.esm.css +0 -404
@@ -0,0 +1,13 @@
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<mask id="path-1-inside-1_4775_71389" fill="white">
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7918 1.50469 24.3806 2.0064 25.0811 2.60331L25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4959 23.7909 37.9955 24.3783 37.4 25.0772L37.4 25.0772L37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946L25.0807 37.3968C24.3805 37.9936 23.7917 38.4954 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2088 38.4958 15.6208 37.9947 14.9215 37.3988L14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947L4.10563 11.2942C4.17891 10.3757 4.2405 9.60367 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544L14.9165 2.6054C15.618 2.00757 16.2076 1.50513 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769ZM13 25.2197H27.1996V27.2971H13V25.2197ZM25.1954 13V22.5118L22.3469 19.6532L20.3327 21.6573L16.65 17.9746L18.6541 15.9705L15.6835 13H25.1954ZM19.3204 21.5118C19.6429 21.8343 19.6867 22.3125 19.4181 22.581C19.1495 22.8496 18.6704 22.8058 18.3489 22.4844L15.7893 19.9248C15.4679 19.6034 15.4241 19.1242 15.6927 18.8556C15.9613 18.5881 16.4394 18.6318 16.7619 18.9533L19.3204 21.5118ZM17.7355 23.0205C18.0579 23.342 18.1017 23.8211 17.8331 24.0887C17.5646 24.3583 17.0864 24.3145 16.7639 23.992L14.2054 21.4335C13.8829 21.111 13.8402 20.6329 14.1077 20.3643C14.3763 20.0957 14.8544 20.1395 15.1769 20.4609L17.7355 23.0205Z"/>
|
4
|
+
</mask>
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7918 1.50469 24.3806 2.0064 25.0811 2.60331L25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4959 23.7909 37.9955 24.3783 37.4 25.0772L37.4 25.0772L37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946L25.0807 37.3968C24.3805 37.9936 23.7917 38.4954 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2088 38.4958 15.6208 37.9947 14.9215 37.3988L14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947L4.10563 11.2942C4.17891 10.3757 4.2405 9.60367 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544L14.9165 2.6054C15.618 2.00757 16.2076 1.50513 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769ZM13 25.2197H27.1996V27.2971H13V25.2197ZM25.1954 13V22.5118L22.3469 19.6532L20.3327 21.6573L16.65 17.9746L18.6541 15.9705L15.6835 13H25.1954ZM19.3204 21.5118C19.6429 21.8343 19.6867 22.3125 19.4181 22.581C19.1495 22.8496 18.6704 22.8058 18.3489 22.4844L15.7893 19.9248C15.4679 19.6034 15.4241 19.1242 15.6927 18.8556C15.9613 18.5881 16.4394 18.6318 16.7619 18.9533L19.3204 21.5118ZM17.7355 23.0205C18.0579 23.342 18.1017 23.8211 17.8331 24.0887C17.5646 24.3583 17.0864 24.3145 16.7639 23.992L14.2054 21.4335C13.8829 21.111 13.8402 20.6329 14.1077 20.3643C14.3763 20.0957 14.8544 20.1395 15.1769 20.4609L17.7355 23.0205Z" fill="#592F7C"/>
|
6
|
+
<path d="M21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM25.0811 2.60331L25.7297 1.8422L25.7296 1.84217L25.0811 2.60331ZM25.0836 2.60544L25.7323 1.84445L25.7322 1.84433L25.0836 2.60544ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55494L26.4193 3.68605ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM37.4 25.0772L36.6389 24.4286L36.6288 24.4404L36.6192 24.4525L37.4 25.0772ZM37.4 25.0772L38.1612 25.7257L38.1712 25.714L38.1809 25.7019L37.4 25.0772ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM26.4193 36.3139L25.9245 35.4449L25.9243 35.445L26.4193 36.3139ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM25.0834 37.3946L25.7317 38.1559L25.7321 38.1556L25.0834 37.3946ZM25.0807 37.3968L24.4323 36.6355L24.4321 36.6358L25.0807 37.3968ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM16.7257 38.8726L17.3149 38.0646L17.3147 38.0645L16.7257 38.8726ZM14.9215 37.3988L14.2727 38.1598L14.2729 38.1599L14.9215 37.3988ZM14.9165 37.3946L14.2678 38.1556L14.2678 38.1556L14.9165 37.3946ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM13.0035 36.0748L12.7393 37.0393H12.7393L13.0035 36.0748ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM3.68605 26.4194L2.81713 26.9143L2.81716 26.9144L3.68605 26.4194ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM4.10558 11.2947L3.10876 11.2151L3.10875 11.2152L4.10558 11.2947ZM4.10563 11.2942L5.10245 11.3738L5.10246 11.3737L4.10563 11.2942ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM14.9165 2.60544L14.2762 1.83717L14.2678 1.84432L14.9165 2.60544ZM14.9165 2.6054L15.5567 3.37367L15.5651 3.3665L14.9165 2.6054ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319311L16.7257 1.1273ZM27.1996 25.2197H28.1996V24.2197H27.1996V25.2197ZM13 25.2197V24.2197H12V25.2197H13ZM27.1996 27.2971V28.2971H28.1996V27.2971H27.1996ZM13 27.2971H12V28.2971H13V27.2971ZM25.1954 22.5118L24.487 23.2177L26.1954 24.9322V22.5118H25.1954ZM25.1954 13H26.1954V12H25.1954V13ZM22.3469 19.6532L23.0553 18.9474L22.35 18.2395L21.6416 18.9443L22.3469 19.6532ZM20.3327 21.6573L19.6255 22.3644L20.3309 23.0697L21.038 22.3662L20.3327 21.6573ZM16.65 17.9746L15.9429 17.2675L15.2358 17.9746L15.9429 18.6817L16.65 17.9746ZM18.6541 15.9705L19.3612 16.6776L20.0683 15.9705L19.3612 15.2634L18.6541 15.9705ZM15.6835 13V12H13.2693L14.9764 13.7071L15.6835 13ZM18.3489 22.4844L19.056 21.7773H19.056L18.3489 22.4844ZM15.7893 19.9248L15.0822 20.6319L15.7893 19.9248ZM15.6927 18.8556L14.9869 18.1472L14.9856 18.1485L15.6927 18.8556ZM16.7619 18.9533L17.469 18.2462L17.4679 18.2451L16.7619 18.9533ZM17.8331 24.0887L17.1273 23.3802L17.1247 23.3829L17.8331 24.0887ZM17.7355 23.0205L17.0282 23.7275L17.0295 23.7287L17.7355 23.0205ZM16.7639 23.992L16.0568 24.6991L16.0568 24.6991L16.7639 23.992ZM14.2054 21.4335L13.4983 22.1406L13.4983 22.1406L14.2054 21.4335ZM14.1077 20.3643L13.4006 19.6572L13.3993 19.6585L14.1077 20.3643ZM15.1769 20.4609L15.8842 19.754L15.8829 19.7527L15.1769 20.4609ZM21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648ZM23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278ZM25.7296 1.84217C25.0392 1.2538 24.4183 0.723912 23.8635 0.319312L22.6851 1.93528C23.1653 2.28547 23.722 2.759 24.4325 3.36445L25.7296 1.84217ZM25.7322 1.84433L25.7297 1.8422L24.4324 3.36441L24.4349 3.36654L25.7322 1.84433ZM26.0926 2.15161L25.7323 1.84445L24.4348 3.36643L24.7951 3.67359L26.0926 2.15161ZM26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733ZM27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81716L25.9243 4.55494C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062ZM28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108ZM28.7847 3.10875L28.3128 3.07108L28.1536 5.06474L28.6256 5.10241L28.7847 3.10875ZM31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175ZM33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206ZM35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341ZM36.6482 8.81565C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.57761C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81565ZM36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154ZM36.9289 11.687L36.8911 11.215L34.8975 11.3747L34.9353 11.8467L36.9289 11.687ZM37.0392 12.7384C37.0166 12.6563 36.998 12.5525 36.9289 11.6873L34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384ZM37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858ZM37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074ZM38.1557 14.268L37.8486 13.9075L36.3262 15.2045L36.6333 15.565L38.1557 14.268ZM39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365ZM40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189ZM40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111ZM39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635ZM38.1612 25.7257C38.7481 25.0369 39.2767 24.4174 39.6806 23.8636L38.0648 22.6851C37.7151 23.1644 37.2428 23.7198 36.6389 24.4286L38.1612 25.7257ZM38.1809 25.7019L38.1809 25.7019L36.6192 24.4525L36.6192 24.4525L38.1809 25.7019ZM38.1559 25.732L38.1612 25.7257L36.6388 24.4287L36.6335 24.4349L38.1559 25.732ZM37.8485 26.0926L38.1557 25.7321L36.6337 24.4347L36.3264 24.7952L37.8485 26.0926ZM37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148ZM37.0394 27.2606C37.0726 27.1395 37.1207 27.0232 37.1828 26.9142L35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606ZM36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127ZM36.8911 28.7849L36.9289 28.313L34.9353 28.1532L34.8975 28.6252L36.8911 28.7849ZM36.6482 31.1844C36.7546 30.5051 36.819 29.6902 36.8911 28.7845L34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844ZM35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864ZM33.3867 35.9478C34.4656 35.354 35.354 34.4658 35.948 33.3865L34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478ZM31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482ZM28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912ZM28.3127 36.9288L28.7846 36.8912L28.6257 34.8975L28.1538 34.9351L28.3127 36.9288ZM27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393ZM26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829ZM26.0923 37.8485C26.7529 37.2859 26.84 37.2251 26.9144 37.1827L25.9243 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485ZM25.7321 38.1556L26.0926 37.8483L24.7951 36.3263L24.4347 36.6335L25.7321 38.1556ZM25.7291 38.1582L25.7317 38.1559L24.435 36.6332L24.4323 36.6355L25.7291 38.1582ZM23.8633 39.6807C24.4182 39.2761 25.0392 38.7461 25.7293 38.1579L24.4321 36.6358C23.7218 37.2411 23.1653 37.7146 22.6852 38.0645L23.8633 39.6807ZM21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426ZM18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427ZM16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806ZM14.2729 38.1599C14.9621 38.7473 15.5823 39.2766 16.1366 39.6807L17.3147 38.0645C16.8352 37.7149 16.2794 37.2421 15.5701 36.6377L14.2729 38.1599ZM14.2678 38.1556L14.2727 38.1598L15.5702 36.6378L15.5652 36.6335L14.2678 38.1556ZM13.9073 37.8483L14.2678 38.1556L15.5652 36.6336L15.2047 36.3263L13.9073 37.8483ZM13.0858 37.1829C13.1601 37.2252 13.2469 37.2857 13.9075 37.8485L15.2045 36.3261C14.6098 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829ZM12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393ZM11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288ZM11.2154 36.8912L11.6874 36.9288L11.8463 34.9351L11.3743 34.8975L11.2154 36.8912ZM8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483ZM6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478ZM4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865ZM3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844ZM3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847ZM3.07108 28.3126L3.10875 28.7848L5.10242 28.6257L5.06475 28.1536L3.07108 28.3126ZM2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261ZM2.81716 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55494 25.9244L2.81716 26.9144ZM2.15152 26.0926C2.71401 26.7526 2.77471 26.8399 2.81713 26.9143L4.55497 25.9245C4.39638 25.646 4.18096 25.3905 3.67364 24.7953L2.15152 26.0926ZM1.84425 25.732L2.15144 26.0925L3.67373 24.7954L3.36654 24.4349L1.84425 25.732ZM0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635ZM-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811ZM-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889ZM0.319382 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319382 16.1365ZM1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678ZM2.15145 13.9074L1.84428 14.2679L3.36655 15.5651L3.67371 15.2046L2.15145 13.9074ZM2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855ZM2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393ZM3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873ZM3.10875 11.2152L3.07108 11.6873L5.06475 11.8464L5.10242 11.3743L3.10875 11.2152ZM3.1088 11.2145L3.10876 11.2151L5.10241 11.3744L5.10245 11.3738L3.1088 11.2145ZM3.35175 8.81551C3.24539 9.49461 3.18103 10.3093 3.1088 11.2147L5.10246 11.3737C5.17679 10.442 5.23561 9.71273 5.32766 9.12498L3.35175 8.81551ZM4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338ZM6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207ZM8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175ZM11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767C9.71284 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875ZM11.6873 3.07108L11.2152 3.10875L11.3743 5.10242L11.8464 5.06475L11.6873 3.07108ZM12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066ZM13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719ZM13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148ZM14.2678 1.84432L13.9074 2.15149L15.2046 3.67371L15.5651 3.36655L14.2678 1.84432ZM14.2763 1.83718L14.2763 1.83722L15.5566 3.37366L15.5567 3.37362L14.2763 1.83718ZM16.1365 0.319311C15.581 0.724374 14.9593 1.25503 14.2679 1.8443L15.5651 3.3665C16.2767 2.76012 16.8341 2.28589 17.3149 1.93528L16.1365 0.319311ZM18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627ZM27.1996 24.2197H13V26.2197H27.1996V24.2197ZM28.1996 27.2971V25.2197H26.1996V27.2971H28.1996ZM13 28.2971H27.1996V26.2971H13V28.2971ZM12 25.2197V27.2971H14V25.2197H12ZM26.1954 22.5118V13H24.1954V22.5118H26.1954ZM21.6386 20.359L24.487 23.2177L25.9038 21.806L23.0553 18.9474L21.6386 20.359ZM21.038 22.3662L23.0522 20.3621L21.6416 18.9443L19.6273 20.9484L21.038 22.3662ZM15.9429 18.6817L19.6255 22.3644L21.0398 20.9502L17.3571 17.2675L15.9429 18.6817ZM17.947 15.2634L15.9429 17.2675L17.3571 18.6817L19.3612 16.6776L17.947 15.2634ZM14.9764 13.7071L17.947 16.6776L19.3612 15.2634L16.3907 12.2929L14.9764 13.7071ZM25.1954 12H15.6835V14H25.1954V12ZM20.1252 23.2881C20.9001 22.5132 20.6137 21.3909 20.0275 20.8047L18.6133 22.2189C18.6183 22.2239 18.5998 22.2094 18.5951 22.1577C18.5901 22.1029 18.6037 21.9812 18.711 21.8739L20.1252 23.2881ZM17.6418 23.1915C18.2279 23.7776 19.3512 24.0622 20.1252 23.2881L18.711 21.8739C18.8185 21.7664 18.94 21.7532 18.9936 21.758C19.0446 21.7627 19.0596 21.7808 19.056 21.7773L17.6418 23.1915ZM15.0822 20.6319L17.6418 23.1915L19.056 21.7773L16.4965 19.2177L15.0822 20.6319ZM14.9856 18.1485C14.2115 18.9226 14.4961 20.0458 15.0822 20.6319L16.4965 19.2177C16.4929 19.2141 16.5111 19.2291 16.5157 19.2801C16.5205 19.3338 16.5073 19.4552 16.3998 19.5627L14.9856 18.1485ZM17.4679 18.2451C16.8819 17.6609 15.7614 17.3756 14.9869 18.1472L16.3985 19.5641C16.2909 19.6713 16.1696 19.6843 16.1161 19.6794C16.0653 19.6748 16.0511 19.6568 16.0559 19.6615L17.4679 18.2451ZM20.0275 20.8047L17.469 18.2462L16.0548 19.6604L18.6133 22.2189L20.0275 20.8047ZM18.5389 24.7971C19.3161 24.0228 19.0285 22.8975 18.4414 22.3123L17.0295 23.7287C17.0332 23.7325 17.0148 23.7174 17.0101 23.6658C17.0051 23.6116 17.0184 23.4887 17.1274 23.3802L18.5389 24.7971ZM16.0568 24.6991C16.6429 25.2853 17.7666 25.5723 18.5416 24.7944L17.1247 23.3829C17.2316 23.2756 17.3536 23.2614 17.4091 23.2665C17.4614 23.2712 17.476 23.2899 17.471 23.2849L16.0568 24.6991ZM13.4983 22.1406L16.0568 24.6991L17.471 23.2849L14.9125 20.7264L13.4983 22.1406ZM13.3993 19.6585C12.6289 20.4318 12.9103 21.5526 13.4983 22.1406L14.9125 20.7264C14.9081 20.722 14.9265 20.7368 14.9312 20.7883C14.9361 20.8424 14.9227 20.9631 14.8162 21.0701L13.3993 19.6585ZM15.8829 19.7527C15.2969 19.1686 14.1752 18.8827 13.4006 19.6572L14.8148 21.0714C14.7076 21.1787 14.586 21.1922 14.5317 21.1873C14.4804 21.1826 14.4661 21.1644 14.4709 21.1692L15.8829 19.7527ZM18.4427 22.3135L15.8842 19.754L14.4697 21.1679L17.0282 23.7275L18.4427 22.3135Z" fill="url(#paint0_linear_4775_71389)" mask="url(#path-1-inside-1_4775_71389)"/>
|
7
|
+
<defs>
|
8
|
+
<linearGradient id="paint0_linear_4775_71389" x1="20" y1="1.21631" x2="20" y2="39.9999" gradientUnits="userSpaceOnUse">
|
9
|
+
<stop stop-color="#301349"/>
|
10
|
+
<stop offset="1" stop-color="#6D3277"/>
|
11
|
+
</linearGradient>
|
12
|
+
</defs>
|
13
|
+
</svg>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M11.024 6.97605L6.97599 11.0241C6.45599 10.5041 6.13599 9.79205 6.13599 9.00005C6.13599 7.41605 7.41599 6.13605 8.99999 6.13605C9.79199 6.13605 10.504 6.45605 11.024 6.97605Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
3
|
+
<path d="M3.87988 13.608C3.07988 12.92 2.35188 12.072 1.71188 11.072C0.991875 9.94404 0.991875 8.04804 1.71188 6.92003C2.65588 5.44003 3.80788 4.28003 5.09588 3.50403" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
4
|
+
<path d="M13.656 4.01597C12.256 2.95997 10.656 2.38397 9 2.38397" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
5
|
+
<path d="M6.13599 15.0241C7.04799 15.4081 8.01599 15.6161 8.99999 15.6161C11.824 15.6161 14.456 13.9521 16.288 11.0721C17.008 9.94409 17.008 8.04808 16.288 6.92008C16.024 6.50408 15.736 6.11208 15.44 5.74408" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
6
|
+
<path d="M11.8079 9.56C11.5999 10.688 10.6799 11.608 9.55188 11.816" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
7
|
+
<path d="M6.97601 11.024L1 17.0001" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
8
|
+
<path d="M17.0001 1L11.024 6.97601" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
9
|
+
</svg>
|
@@ -0,0 +1,6 @@
|
|
1
|
+
<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M5.59083 0.184937H1.22727C0.825606 0.184937 0.500015 0.510527 0.500015 0.912192V5.27575C0.500015 5.67742 0.825606 6.00301 1.22727 6.00301H5.59083C5.9925 6.00301 6.31809 5.67742 6.31809 5.27575V0.912192C6.31809 0.510527 5.9925 0.184937 5.59083 0.184937ZM4.86358 4.5485H1.95453V1.63945H4.86358V4.5485Z" fill="currentColor"/>
|
3
|
+
<path d="M15.7725 2.3667H8.49988C8.09822 2.3667 7.77263 2.69229 7.77263 3.09395C7.77263 3.49562 8.09822 3.82121 8.49988 3.82121H15.7725C16.1742 3.82121 16.4998 3.49562 16.4998 3.09395C16.4998 2.69232 16.1741 2.3667 15.7725 2.3667Z" fill="currentColor"/>
|
4
|
+
<path d="M15.7725 9.63934H8.49988C8.09822 9.63934 7.77263 9.96496 7.77263 10.3666C7.77263 10.7682 8.09822 11.0939 8.49988 11.0939H15.7725C16.1742 11.0939 16.4998 10.7682 16.4998 10.3666C16.4998 9.96496 16.1741 9.63934 15.7725 9.63934Z" fill="currentColor"/>
|
5
|
+
<path d="M5.08175 8.39496L2.66071 10.7869L1.75018 9.8415C1.47083 9.55271 1.01026 9.54505 0.721464 9.8244C0.432666 10.1037 0.425011 10.5643 0.704359 10.8531L2.12542 12.3302C2.26093 12.4684 2.446 12.547 2.6396 12.5484H2.64833C2.839 12.5478 3.02183 12.4723 3.15741 12.3382L6.09992 9.42913C6.40434 9.16714 6.43874 8.70792 6.17675 8.4035C5.91475 8.09908 5.45554 8.06468 5.15112 8.32667C5.12651 8.34787 5.10333 8.37068 5.08175 8.39496Z" fill="currentColor"/>
|
6
|
+
</svg>
|
@@ -0,0 +1,26 @@
|
|
1
|
+
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g clip-path="url(#clip0_5151_106068)">
|
3
|
+
<g filter="url(#filter0_d_5151_106068)">
|
4
|
+
<path d="M24.8701 12C24.8701 18.6274 19.4975 24 12.8701 24C6.2427 24 0.870117 18.6274 0.870117 12C0.870117 5.37258 6.2427 0 12.8701 0C19.4975 0 24.8701 5.37258 24.8701 12Z" fill="url(#paint0_linear_5151_106068)"/>
|
5
|
+
</g>
|
6
|
+
<path d="M11.2033 15.7503L16.2033 12.0003L11.2033 8.25032V15.7503ZM12.87 3.66699C11.2218 3.66699 9.61061 4.15573 8.24021 5.07141C6.8698 5.98709 5.80169 7.28858 5.17096 8.8113C4.54023 10.334 4.3752 12.0096 4.69675 13.6261C5.01829 15.2426 5.81196 16.7274 6.9774 17.8929C8.14284 19.0583 9.6277 19.852 11.2442 20.1735C12.8607 20.4951 14.5363 20.33 16.059 19.6993C17.5817 19.0686 18.8832 18.0005 19.7989 16.6301C20.7145 15.2597 21.2033 13.6485 21.2033 12.0003C21.2033 9.79019 20.3253 7.67057 18.7625 6.10777C17.1997 4.54497 15.0801 3.66699 12.87 3.66699ZM12.87 18.667C11.5514 18.667 10.2625 18.276 9.16616 17.5435C8.06983 16.8109 7.21535 15.7697 6.71076 14.5515C6.20618 13.3334 6.07415 11.9929 6.33139 10.6997C6.58862 9.40652 7.22356 8.21863 8.15591 7.28628C9.08826 6.35393 10.2761 5.71899 11.5694 5.46176C12.8626 5.20452 14.203 5.33654 15.4212 5.84113C16.6394 6.34571 17.6805 7.2002 18.4131 8.29652C19.1456 9.39285 19.5366 10.6818 19.5366 12.0003C19.5344 13.7678 18.8313 15.4622 17.5816 16.7119C16.3318 17.9617 14.6374 18.6648 12.87 18.667Z" fill="currentColor"/>
|
7
|
+
</g>
|
8
|
+
<defs>
|
9
|
+
<filter id="filter0_d_5151_106068" x="-0.129883" y="-3" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
10
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
11
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
12
|
+
<feOffset dx="1" dy="-1"/>
|
13
|
+
<feGaussianBlur stdDeviation="1"/>
|
14
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.1 0"/>
|
15
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5151_106068"/>
|
16
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5151_106068" result="shape"/>
|
17
|
+
</filter>
|
18
|
+
<linearGradient id="paint0_linear_5151_106068" x1="2.59783" y1="2.34599" x2="24.8701" y2="24" gradientUnits="userSpaceOnUse">
|
19
|
+
<stop offset="1" stop-color="#2A6F09"/>
|
20
|
+
<stop stop-color="#44B002"/>
|
21
|
+
</linearGradient>
|
22
|
+
<clipPath id="clip0_5151_106068">
|
23
|
+
<rect width="24" height="24" fill="currentColor" transform="translate(0.870117)"/>
|
24
|
+
</clipPath>
|
25
|
+
</defs>
|
26
|
+
</svg>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00006 0.157043C5.08225 0.157043 2.41798 1.87715 0.595366 4.7422C0.186966 5.38221 -0.000366211 6.2063 -0.000366211 7.00002C-0.000366211 7.79361 0.186903 8.61755 0.595158 9.25751C2.41778 12.1228 5.08214 13.843 8.00006 13.843C10.9179 13.843 13.5821 12.1229 15.4048 9.25784C15.8132 8.61783 16.0005 7.79375 16.0005 7.00002C16.0005 6.20616 15.8131 5.38193 15.4045 4.74188C15.256 4.50911 14.9468 4.44086 14.7141 4.58943C14.4813 4.73801 14.4131 5.04715 14.5616 5.27991C14.843 5.72066 15.0005 6.34515 15.0005 7.00002C15.0005 7.65489 14.843 8.27939 14.5616 8.72013L14.5612 8.72079C12.8732 11.3745 10.4938 12.843 8.00006 12.843C5.50633 12.843 3.12697 11.3745 1.43892 8.72079L1.4385 8.72013C1.15717 8.27939 0.999634 7.65489 0.999634 7.00002C0.999634 6.34515 1.15717 5.72066 1.4385 5.27991L1.43892 5.27926C3.12697 2.62555 5.50633 1.15704 8.00006 1.15704C9.39637 1.15704 10.7531 1.61695 11.9725 2.48279C12.1976 2.64266 12.5097 2.58974 12.6696 2.36459C12.8295 2.13943 12.7766 1.8273 12.5514 1.66743C11.1799 0.693612 9.62385 0.157043 8.00006 0.157043ZM5.75606 6.99626C5.75606 5.75469 6.75864 4.75211 8.00021 4.75211C9.24179 4.75211 10.2444 5.75469 10.2444 6.99626C10.2444 8.23784 9.24179 9.24042 8.00021 9.24042C7.72407 9.24042 7.50021 9.46427 7.50021 9.74042C7.50021 10.0166 7.72407 10.2404 8.00021 10.2404C9.79407 10.2404 11.2444 8.79012 11.2444 6.99626C11.2444 5.20241 9.79407 3.75211 8.00021 3.75211C6.20636 3.75211 4.75606 5.20241 4.75606 6.99626C4.75606 7.66374 4.95485 8.29114 5.31099 8.81165C5.46692 9.03955 5.77808 9.0979 6.00598 8.94196C6.23388 8.78603 6.29223 8.47487 6.13629 8.24697C5.89454 7.89364 5.75606 7.46324 5.75606 6.99626Z" fill="currentColor"/>
|
3
|
+
</svg>
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export const isFunction = (functionToCheck: any) => {
|
2
|
-
return (
|
3
|
-
functionToCheck && {}.toString.call(functionToCheck) === '[object Function]'
|
4
|
-
);
|
5
|
-
};
|
1
|
+
export const isFunction = (functionToCheck: any) => {
|
2
|
+
return (
|
3
|
+
functionToCheck && {}.toString.call(functionToCheck) === '[object Function]'
|
4
|
+
);
|
5
|
+
};
|
@@ -0,0 +1,38 @@
|
|
1
|
+
@use '../../assets/styles/fonts';
|
2
|
+
@use '../../assets/styles/mixins';
|
3
|
+
|
4
|
+
.ff-plus-icon {
|
5
|
+
min-width: 71px;
|
6
|
+
min-height: 24px;
|
7
|
+
border-radius: 12px;
|
8
|
+
border-style: none;
|
9
|
+
text-align: center;
|
10
|
+
text-decoration: none;
|
11
|
+
cursor: pointer;
|
12
|
+
@include mixins.center-content();
|
13
|
+
gap: 8px;
|
14
|
+
background-color: var(--secondary-icon-color);
|
15
|
+
padding: 2px 8px 2px 2px;
|
16
|
+
border: 1px solid transparent;
|
17
|
+
.ff-icon-color {
|
18
|
+
color: var(--primary-icon-color);
|
19
|
+
}
|
20
|
+
.icon-name {
|
21
|
+
min-width: 33px;
|
22
|
+
min-height: 20px;
|
23
|
+
color: var(--primary-icon-color);
|
24
|
+
}
|
25
|
+
&:hover {
|
26
|
+
border: 1px solid var(--secondary-icon-color);
|
27
|
+
background-color: var(--hover-color);
|
28
|
+
.icon-name {
|
29
|
+
min-width: 33px;
|
30
|
+
min-height: 20px;
|
31
|
+
font-weight: 600;
|
32
|
+
color: var(--secondary-icon-color);
|
33
|
+
}
|
34
|
+
.ff-icon-color {
|
35
|
+
color: var(--secondary-icon-color);
|
36
|
+
}
|
37
|
+
}
|
38
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import AddButton from './AddButton';
|
3
|
+
|
4
|
+
const meta: Meta<typeof AddButton> = {
|
5
|
+
title: 'Components/AddButton',
|
6
|
+
component: AddButton,
|
7
|
+
parameters: {
|
8
|
+
layout: 'centered',
|
9
|
+
},
|
10
|
+
tags: ['autodocs'],
|
11
|
+
};
|
12
|
+
|
13
|
+
type Story = StoryObj<typeof AddButton>;
|
14
|
+
|
15
|
+
export const PrimaryAddButton: Story = {
|
16
|
+
render: () => {
|
17
|
+
const name = 'Project';
|
18
|
+
const onClick = () => {};
|
19
|
+
|
20
|
+
return <AddButton name={name} onClick={onClick} />;
|
21
|
+
},
|
22
|
+
};
|
23
|
+
|
24
|
+
export default meta;
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import Icon from '../Icon';
|
3
|
+
import './AddButton.scss';
|
4
|
+
import classNames from 'classnames';
|
5
|
+
import Typography from '../Typography';
|
6
|
+
import { AddButtonProps } from './types';
|
7
|
+
|
8
|
+
const AddButton: React.FC<AddButtonProps> = ({ name, onClick }) => {
|
9
|
+
return (
|
10
|
+
<button onClick={onClick} className={classNames('ff-plus-icon')}>
|
11
|
+
<Icon
|
12
|
+
height={20}
|
13
|
+
width={20}
|
14
|
+
name={'plus_icon'}
|
15
|
+
color=''
|
16
|
+
className={'ff-icon-color'}
|
17
|
+
/>
|
18
|
+
<Typography as="div" textAlign="center" className="icon-name">
|
19
|
+
{name}
|
20
|
+
</Typography>
|
21
|
+
</button>
|
22
|
+
);
|
23
|
+
};
|
24
|
+
|
25
|
+
export default AddButton;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './AddButton';
|
@@ -9,11 +9,16 @@ import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
|
9
9
|
* If null, no menu options will be shown.
|
10
10
|
*/
|
11
11
|
export interface DirectionalArrow {
|
12
|
-
direction: 'top' | 'right' | 'down';
|
13
|
-
menuOptions:
|
12
|
+
direction: string | 'top' | 'right' | 'down';
|
13
|
+
menuOptions: {
|
14
|
+
label: string;
|
15
|
+
value: string | string[];
|
16
|
+
icon: string;
|
17
|
+
disable?: boolean;
|
18
|
+
}[];
|
14
19
|
}
|
15
20
|
|
16
|
-
/**
|
21
|
+
/**
|
17
22
|
* Props for the Add Resource Button component.
|
18
23
|
*
|
19
24
|
* @property {string} [id] - An optional unique identifier for the Add Resource Button.
|
@@ -25,8 +30,16 @@ export interface AddResourceButtonProps {
|
|
25
30
|
id?: string;
|
26
31
|
variant?: 'primary' | 'secondary';
|
27
32
|
directionalArrow: {
|
28
|
-
|
29
|
-
|
33
|
+
/**
|
34
|
+
* direction option: 'top' | 'right' | 'down'
|
35
|
+
*/
|
36
|
+
direction: string | 'top' | 'right' | 'down';
|
37
|
+
menuOptions: {
|
38
|
+
label: string;
|
39
|
+
value: string | string[];
|
40
|
+
icon: string;
|
41
|
+
disable?: boolean;
|
42
|
+
}[];
|
30
43
|
}[];
|
31
44
|
zIndex?: number;
|
32
45
|
}
|
@@ -40,8 +53,13 @@ export interface AddResourceButtonProps {
|
|
40
53
|
* @property {boolean} isActive - Specifies if the button is in an active state (highlighted when selected).
|
41
54
|
*/
|
42
55
|
export interface DirectionalArrowButtonProps {
|
43
|
-
direction: 'top' | 'right' | 'down';
|
44
|
-
menuOptions:
|
56
|
+
direction: string | 'top' | 'right' | 'down';
|
57
|
+
menuOptions: {
|
58
|
+
label: string;
|
59
|
+
value: string | string[];
|
60
|
+
icon: string;
|
61
|
+
disable?: boolean;
|
62
|
+
}[];
|
45
63
|
onArrowClick: () => void;
|
46
64
|
isActive: boolean;
|
47
65
|
variant?: 'primary' | 'secondary';
|
@@ -52,9 +70,23 @@ export interface DirectionalArrowButtonProps {
|
|
52
70
|
* Ensures there is at least one valid arrow in the array.
|
53
71
|
* If the array is empty, it returns a default arrow object.
|
54
72
|
*/
|
55
|
-
export const validateArrows = (
|
73
|
+
export const validateArrows = (
|
74
|
+
arrows: DirectionalArrow[]
|
75
|
+
): DirectionalArrow[] => {
|
56
76
|
if (checkEmpty(arrows)) {
|
57
|
-
return [
|
77
|
+
return [
|
78
|
+
{
|
79
|
+
direction: null as any,
|
80
|
+
menuOptions: [
|
81
|
+
{
|
82
|
+
label: 'Sub Module',
|
83
|
+
value: 'sub_module',
|
84
|
+
icon: '',
|
85
|
+
disable: false,
|
86
|
+
},
|
87
|
+
],
|
88
|
+
},
|
89
|
+
];
|
58
90
|
}
|
59
91
|
return arrows;
|
60
|
-
}
|
92
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './Button';
|
1
|
+
export { default } from './Button';
|
@@ -5,7 +5,7 @@ import Logo from '../../assets/icons/logo.svg?react';
|
|
5
5
|
import ArrowUp from '../../assets/icons/arrow_up.svg?react';
|
6
6
|
import ArrowRight from '../../assets/icons/arrow_right.svg?react';
|
7
7
|
import AccordionHeaderIcon from '../../assets/icons/accordion_header_icon.svg?react';
|
8
|
-
import
|
8
|
+
import DeleteInfoIcon from '../../assets/icons/delete_info.svg?react';
|
9
9
|
import WarningIcon from '../../assets/icons/warning.svg?react';
|
10
10
|
import ToastInfoIcon from '../../assets/icons/info.svg?react';
|
11
11
|
import ToastErrorIcon from '../../assets/icons/error.svg?react';
|
@@ -29,9 +29,20 @@ import WrongMarkIcon from '../../assets/icons/wrong_mark.svg?react';
|
|
29
29
|
import Tick from '../../assets/Icons/tick_icon.svg?react';
|
30
30
|
import Search from '../../assets/icons/search.svg?react';
|
31
31
|
import Filter from '../../assets/icons/filter.svg?react';
|
32
|
+
import Edit from '../../assets/icons/edit_icon.svg?react';
|
33
|
+
import ViewIcon from '../../assets/icons/view_icon.svg?react';
|
34
|
+
import HideIcon from '../../assets/icons/hide_icon.svg?react';
|
35
|
+
import ExportCollection from '../../assets/icons/export_collection_icon.svg?react';
|
36
|
+
import RunIcon from '../../assets/icons/run_icon.svg?react';
|
32
37
|
|
38
|
+
import ActiveLicenseIcon from '../../assets/icons/active_license_icon.svg?react';
|
39
|
+
import ExpiredLicenseIcon from '../../assets/icons/expired_license_icon.svg?react';
|
40
|
+
import ExpiringSoonLicenseIcon from '../../assets/icons/expiringSoon_license_icon.svg?react';
|
41
|
+
import DeleteIcon from '../../assets/icons/delete.svg?react';
|
42
|
+
import DetailsIcon from '../../assets/icons/details.svg?react';
|
43
|
+
import ImpactListIcon from '../../assets/icons/impactList.svg?react';
|
33
44
|
//icons
|
34
|
-
Components['
|
45
|
+
Components['delete_info'] = DeleteInfoIcon;
|
35
46
|
Components['success'] = ToastSuccessIcon;
|
36
47
|
Components['warning'] = WarningIcon;
|
37
48
|
Components['info'] = ToastInfoIcon;
|
@@ -60,5 +71,16 @@ Components['tick'] = Tick;
|
|
60
71
|
Components['arrow_right'] = ArrowRight;
|
61
72
|
Components['search'] = Search;
|
62
73
|
Components['filter'] = Filter;
|
74
|
+
Components['edit'] = Edit;
|
75
|
+
Components['view_icon'] = ViewIcon;
|
76
|
+
Components['hide_icon'] = HideIcon;
|
77
|
+
Components['export_collection'] = ExportCollection;
|
78
|
+
Components['run_icon'] = RunIcon;
|
79
|
+
Components['active_license_icon'] = ActiveLicenseIcon;
|
80
|
+
Components['expired_license_icon'] = ExpiredLicenseIcon;
|
81
|
+
Components['expiringSoon_license_icon'] = ExpiringSoonLicenseIcon;
|
82
|
+
Components['delete'] = DeleteIcon;
|
83
|
+
Components['details'] = DetailsIcon;
|
84
|
+
Components['impactList'] = ImpactListIcon;
|
63
85
|
|
64
86
|
export default Components;
|
@@ -52,7 +52,7 @@ export const DisabledWithValue: Story = {
|
|
52
52
|
|
53
53
|
export const Controlled: Story = {
|
54
54
|
render: () => {
|
55
|
-
const [value, setValue] = useState
|
55
|
+
const [value, setValue] = useState('');
|
56
56
|
const [error, setError] = useState<boolean>(false);
|
57
57
|
const [helperText, setHelperText] = useState<string>();
|
58
58
|
|
@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import InputWithDropdown from './InputWithDropdown';
|
3
3
|
import { ChangeEvent, useState } from 'react';
|
4
4
|
import { Option } from './types';
|
5
|
+
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
5
6
|
|
6
7
|
const meta: Meta<typeof InputWithDropdown> = {
|
7
8
|
title: 'Components/InputWithDropdown',
|
@@ -51,7 +52,7 @@ export const DisabledWithValue: Story = {
|
|
51
52
|
|
52
53
|
export const Controlled: Story = {
|
53
54
|
render: () => {
|
54
|
-
const [value, setValue] = useState<string>('');
|
55
|
+
const [value, setValue] = useState<string | number>('');
|
55
56
|
const [error, setError] = useState<boolean>(false);
|
56
57
|
const [helperText, setHelperText] = useState<string>('');
|
57
58
|
|
@@ -76,7 +77,6 @@ export const Controlled: Story = {
|
|
76
77
|
const inputValue = event.target.value;
|
77
78
|
setValue(inputValue);
|
78
79
|
|
79
|
-
// Validation logic
|
80
80
|
if (event.target) {
|
81
81
|
if (inputValue.length <= 0) {
|
82
82
|
setError(true);
|
@@ -111,4 +111,61 @@ export const Controlled: Story = {
|
|
111
111
|
},
|
112
112
|
};
|
113
113
|
|
114
|
+
export const InputWithStaticLabelWithoutOptions: Story = {
|
115
|
+
render: () => {
|
116
|
+
const [value, setValue] = useState<string | number>('');
|
117
|
+
const [error, setError] = useState<boolean>(false);
|
118
|
+
const [helperText, setHelperText] = useState<string>('');
|
119
|
+
|
120
|
+
const optionsListToPass = [{ label: 'Days', value: 'Days' }];
|
121
|
+
|
122
|
+
const [selectedOption, setSelectedOption] = useState<Option>({
|
123
|
+
label: 'Days',
|
124
|
+
value: 'Days',
|
125
|
+
});
|
126
|
+
|
127
|
+
const onDropdownChangeHandler = (option: Option) => {
|
128
|
+
setSelectedOption(option);
|
129
|
+
setValue('0');
|
130
|
+
};
|
131
|
+
|
132
|
+
const onInputChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {
|
133
|
+
const inputValue = event.target.value;
|
134
|
+
setValue(inputValue);
|
135
|
+
|
136
|
+
if (event.target) {
|
137
|
+
if (checkEmpty(inputValue)) {
|
138
|
+
setError(true);
|
139
|
+
setHelperText(`${event.target.name} is required`);
|
140
|
+
} else if (parseInt(inputValue, 10) >= 366) {
|
141
|
+
setError(true);
|
142
|
+
setHelperText(`${event.target.name} should be upto 365`);
|
143
|
+
} else {
|
144
|
+
setError(false);
|
145
|
+
setHelperText('');
|
146
|
+
}
|
147
|
+
}
|
148
|
+
};
|
149
|
+
|
150
|
+
return (
|
151
|
+
<InputWithDropdown
|
152
|
+
{...defaultArgs}
|
153
|
+
name="Duration"
|
154
|
+
label="Duration"
|
155
|
+
placeholder={`Enter Duration here`}
|
156
|
+
value={value}
|
157
|
+
type="number"
|
158
|
+
required={true}
|
159
|
+
error={error}
|
160
|
+
helperText={helperText}
|
161
|
+
optionsList={optionsListToPass}
|
162
|
+
selectedOption={selectedOption}
|
163
|
+
optionsRequired={false}
|
164
|
+
onInputChangeHandler={onInputChangeHandler}
|
165
|
+
onDropdownChangeHandler={onDropdownChangeHandler}
|
166
|
+
/>
|
167
|
+
);
|
168
|
+
},
|
169
|
+
};
|
170
|
+
|
114
171
|
export default meta;
|
@@ -18,6 +18,7 @@ const InputWithDropdown = ({
|
|
18
18
|
selectedOption,
|
19
19
|
onDropdownChangeHandler = () => {},
|
20
20
|
onInputChangeHandler,
|
21
|
+
optionsRequired = true,
|
21
22
|
}: InputWithDropdownProps) => {
|
22
23
|
return (
|
23
24
|
<div
|
@@ -68,7 +69,8 @@ const InputWithDropdown = ({
|
|
68
69
|
showLabel={false}
|
69
70
|
showBorder={false}
|
70
71
|
onChange={onDropdownChangeHandler}
|
71
|
-
disabled={disabled}
|
72
|
+
disabled={disabled || !optionsRequired}
|
73
|
+
optionsRequired={optionsRequired}
|
72
74
|
className={classNames('ff-floating-dropdown', {
|
73
75
|
'ff-floating-dropdown--disabled': !!disabled,
|
74
76
|
'ff-floating-dropdown--error': !!error,
|
@@ -107,4 +107,8 @@ export interface InputWithDropdownProps {
|
|
107
107
|
* background of the input field prop
|
108
108
|
*/
|
109
109
|
isBackgroundTransparent?: boolean;
|
110
|
+
/**
|
111
|
+
* optionsRequired:false prop removes options from dropdown & shows static label only
|
112
|
+
*/
|
113
|
+
optionsRequired?: boolean;
|
110
114
|
}
|
@@ -103,7 +103,7 @@ interface MenuOptionProps {
|
|
103
103
|
* @type {'top' | 'left' | 'right' | 'bottom'}
|
104
104
|
* @optional
|
105
105
|
*/
|
106
|
-
dropdownPlacement?: 'top' | 'left' | 'right' | 'down';
|
106
|
+
dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
|
107
107
|
|
108
108
|
/**
|
109
109
|
* Callback function triggered when the icon is clicked.
|