oolib 2.59.2 → 2.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/assets/images/dashboardListing.svg +16 -0
  2. package/dist/assets/images/searchDashBoardListing.svg +21 -0
  3. package/dist/components/ActionMenu/styled.js +2 -7
  4. package/dist/components/DatePicker/index.js +82 -36
  5. package/dist/components/DatePicker/styled.js +8 -8
  6. package/dist/components/DatePicker/utils/buildCalenderObj.js +2 -0
  7. package/dist/components/Dropdowns/comps/OptionsSingle/styled.js +4 -3
  8. package/dist/components/Dropdowns/utils/genProfileImg.d.ts +0 -1
  9. package/dist/components/Dropdowns/utils/genProfileImg.js +3 -17
  10. package/dist/components/EmptyStates/config.d.ts +43 -31
  11. package/dist/components/EmptyStates/config.js +11 -4
  12. package/dist/components/EmptyStates/index.js +5 -1
  13. package/dist/components/Hints/styled.js +2 -1
  14. package/dist/globalStyles/globalVariables.d.ts +1 -0
  15. package/dist/globalStyles/globalVariables.js +11 -3
  16. package/dist/globalStyles/index.js +1 -1
  17. package/dist/themes/mixins/index.d.ts +8 -1
  18. package/dist/themes/mixins/index.js +12 -12
  19. package/dist/utilsOolib/renderImagePlaceholderForOolibPreview.d.ts +2 -0
  20. package/dist/utilsOolib/renderImagePlaceholderForOolibPreview.js +26 -0
  21. package/package.json +3 -2
package/dist/assets/images/dashboardListing.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M79.7772 38.4882C80.7746 39.836 80.7517 39.8303 79.3759 40.6094C76.1084 42.4885 73.0561 44.7137 70.2727 47.2462C69.8943 47.5817 69.8542 47.8149 70.2154 48.1845C71.1727 49.1855 72.1071 50.2034 73.03 51.2328C73.758 52.046 73.7351 52.1768 72.9039 52.9389L71.081 54.5711C70.4562 55.1398 70.1179 55.1398 69.5733 54.5085C68.8625 53.6725 68.2205 52.8024 67.5498 51.9096C67.3778 51.6878 67.2001 51.466 67.0453 51.2271C66.7701 50.8063 66.5237 50.8745 66.2141 51.2271C63.4583 54.0389 61.0893 57.1998 59.1689 60.6278C59.0517 60.8423 58.9925 61.0833 58.9969 61.3273C58.9953 61.7004 58.9059 62.068 58.7357 62.4008C58.5655 62.7335 58.3192 63.0222 58.0166 63.2438C57.4964 63.7303 56.8634 64.0823 56.1736 64.2688C55.4838 64.4552 54.7583 64.4704 54.0612 64.3129C53.6435 64.2397 53.214 64.271 52.8115 64.4039C48.9471 65.3906 45.2622 66.9718 41.8911 69.09C37.3789 71.8648 33.2559 75.2188 29.6293 79.0651C28.3911 80.3617 27.7318 80.3105 26.6656 78.9058L3.34008 48.2244C2.80123 47.5192 2.29104 46.7912 1.69486 46.1372C1.54662 46.0133 1.45337 45.8366 1.43514 45.6452C1.41691 45.4537 1.47518 45.2628 1.59742 45.1136C1.82899 44.7569 2.10434 44.4303 2.41716 44.1411C2.99041 43.6122 2.99041 43.6065 2.49168 42.9582C2.09614 42.4179 1.71207 41.8606 1.28213 41.3431C1.06446 41.1104 0.93376 40.8108 0.911853 40.4941C0.889946 40.1774 0.978143 39.8628 1.16174 39.6028C2.04966 37.9933 3.08799 36.4701 4.26304 35.0532C6.70196 32.1011 9.51947 29.478 12.6439 27.2506C16.0095 24.8542 19.8849 23.2567 23.9714 22.5816C24.8828 22.4223 25.7828 22.2062 26.6886 22.0129C26.8624 21.9994 27.0276 21.9325 27.1612 21.8213C27.2948 21.7102 27.3901 21.5605 27.4338 21.393C27.7263 20.6381 28.1114 19.9219 28.5803 19.2604C32.0891 13.7144 36.5905 8.85165 41.8625 4.912C44.7249 2.74154 47.9922 1.1547 51.4759 0.242957C53.1956 -0.177883 53.1956 -0.172208 54.2676 1.24386L79.7428 35.2238L80.1211 35.7357C81.2332 37.1574 81.2103 37.3508 79.7772 38.4882ZM56.3256 60.8439C56.4259 60.7367 56.5161 60.6206 56.595 60.4969C58.4199 56.1161 61.0566 52.1134 64.3682 48.6964C64.758 48.2869 64.695 48.0139 64.3682 47.6215C62.895 45.7221 61.4504 43.7942 59.9829 41.889C59.4555 41.2066 59.4096 41.218 58.6071 41.6559C56.4164 42.8433 53.8949 43.2889 51.4256 42.9251C48.9563 42.5613 46.6742 41.4078 44.9259 39.64C43.1777 37.8722 42.0588 35.5866 41.7392 33.1304C41.4197 30.6742 41.917 28.1816 43.1555 26.0314C44.3941 23.8811 46.3062 22.1906 48.6015 21.2168C50.8967 20.2429 53.4496 20.0388 55.8725 20.6355C58.2953 21.2323 60.4556 22.5972 62.0252 24.523C63.5948 26.4488 64.4879 28.8302 64.5689 31.3055C64.6785 33.9048 63.8672 36.4601 62.2759 38.528C61.7886 39.1763 61.7657 39.0967 62.3504 39.7223C63.9899 41.4284 65.6236 43.1629 67.223 44.9088C67.6013 45.324 67.8421 45.3297 68.2606 44.9714C71.6084 42.0994 75.1396 39.4607 79.267 37.8001C80.316 37.3792 80.316 37.1802 79.6339 36.2702L71.4192 25.3113C65.4574 17.3495 59.4975 9.38768 53.5395 1.42585C53.3899 1.15712 53.1471 0.951387 52.8561 0.846803C52.5652 0.74222 52.2458 0.745892 51.9574 0.857147C49.0923 1.56716 46.3756 2.77227 43.9319 4.41723C37.4714 8.67681 32.5185 14.3468 28.5057 20.8698C28.267 21.1868 28.1467 21.5762 28.1656 21.9715C28.1844 22.3668 28.3411 22.7433 28.6089 23.0365C37.6204 35.2902 46.6013 47.5628 55.5516 59.8543C55.7924 60.1557 56.0332 60.4571 56.3256 60.8439ZM55.609 61.3557C55.4361 60.9248 55.1898 60.5266 54.881 60.1785C46.0911 48.1485 37.3013 36.1262 28.5115 24.1114C27.1414 22.2347 27.7949 22.5588 25.6452 22.974C23.1975 23.4346 20.7268 23.8441 18.4452 24.8734C11.3885 28.0582 6.03435 33.1139 2.01588 39.6597C1.84664 39.8784 1.76325 40.1506 1.78117 40.4257C1.7991 40.7008 1.91715 40.9601 2.11335 41.1554C10.6586 52.5332 19.2057 63.93 27.7548 75.3458C28.6433 76.5344 28.6548 76.5457 29.6752 75.4652C33.1165 71.7845 37.079 68.6197 41.4383 66.0702C43.924 64.6175 46.5915 63.4952 49.372 62.732C51.4263 62.1691 53.5079 61.7097 55.609 61.3557ZM61.9663 31.7092C61.9788 29.9512 61.4651 28.229 60.4904 26.7607C59.5156 25.2924 58.1236 24.1441 56.4906 23.4612C54.8576 22.7783 53.057 22.5914 51.3169 22.9243C49.5768 23.2572 47.9754 24.0949 46.7154 25.3313C45.4555 26.5677 44.5937 28.1471 44.2392 29.8697C43.8847 31.5923 44.0534 33.3805 44.7239 35.0079C45.3945 36.6353 46.5367 38.0287 48.006 39.0117C49.4753 39.9947 51.2056 40.523 52.9778 40.5298C55.3481 40.5404 57.6258 39.6176 59.311 37.9639C60.9962 36.3102 61.9512 34.0607 61.9663 31.7092ZM65.2854 48.9523C64.97 49.1081 64.6997 49.341 64.5001 49.6291C61.4557 52.8583 59.0261 56.6078 57.3287 60.696C57.2008 61.0926 56.9571 61.4427 56.6285 61.7019C56.2999 61.961 55.9012 62.1176 55.4829 62.1519C50.4555 62.9253 45.6344 64.3186 41.2605 67.0086C37.8129 69.0834 34.6262 71.5575 31.7675 74.379C31.0452 75.1069 30.3344 75.8519 29.6006 76.5685C28.6376 77.4955 28.3796 77.4727 27.6057 76.449L27.2217 75.9372L4.13691 45.1079C3.42608 44.1524 3.20824 44.1581 2.52608 45.0453C2.46696 45.0986 2.41974 45.1636 2.38742 45.2361C2.3551 45.3085 2.3384 45.3869 2.3384 45.4661C2.3384 45.5454 2.3551 45.6238 2.38742 45.6962C2.41974 45.7687 2.46696 45.8337 2.52608 45.887C2.69232 46.069 2.82419 46.2794 2.97897 46.4557L17.8204 66.0134L26.6083 77.5694C28.0815 79.5087 28.1045 79.5144 29.7382 77.831C32.7208 74.7454 36.0304 71.9883 39.6096 69.6076C43.7198 66.8892 48.0708 64.694 52.9147 63.5679C53.3211 63.4494 53.7512 63.4357 54.1644 63.5281C54.7731 63.6741 55.4095 63.6618 56.012 63.4925C56.6146 63.3231 57.1628 63.0024 57.6039 62.5613C57.9013 62.3507 58.1063 62.0354 58.1771 61.6799C58.3205 60.3377 59.037 59.2401 59.7307 58.1425C61.4058 55.558 63.3253 53.1377 65.4632 50.9143C66.2542 50.067 66.2542 50.067 65.5491 49.2082C65.4691 49.1152 65.3809 49.0296 65.2854 48.9523ZM79.5651 39.5687C78.9918 38.7327 78.9918 38.7213 78.1663 39.091C74.6122 40.7004 71.5969 43.1003 68.6504 45.5856C68.3466 45.8415 68.3179 46.0519 68.5816 46.3761C69.2007 47.1211 69.2466 47.1495 69.9631 46.5069C72.5448 44.1992 75.3393 42.1371 78.3097 40.3478C78.7592 40.1456 79.181 39.8876 79.5651 39.5801V39.5687Z" fill="#383838"/>
3
+ <path d="M45.1657 35.9216C44.3005 34.3872 43.9107 32.6304 44.0458 30.8741C44.1808 29.1178 44.8347 27.4412 45.9243 26.0572C47.0139 24.6731 48.4901 23.644 50.1656 23.1005C51.8412 22.5569 53.6404 22.5234 55.335 23.0043C57.0296 23.4851 58.5431 24.4586 59.6834 25.8011C60.8238 27.1437 61.5395 28.7947 61.7398 30.5448C61.9401 32.2949 61.6159 34.065 60.8084 35.6304C60.0009 37.1959 58.7465 38.4862 57.2043 39.3375C55.1521 40.4676 52.737 40.7427 50.4831 40.1032C48.2293 39.4637 46.3186 37.9611 45.1657 35.9216V35.9216ZM49.3117 25.3057C48.4018 25.8257 47.6189 26.5414 47.0196 27.4011C46.4884 28.1542 46.6306 28.0392 47.2741 28.33C51.239 30.127 55.2128 31.9163 59.1957 33.698C59.8743 34.0051 59.8951 34.187 60.0819 33.2302C60.6698 30.205 59.7914 27.6567 57.3265 25.8085C54.8084 23.9251 52.0811 23.8787 49.3117 25.3057ZM59.1816 35.4735C59.1145 35.4141 59.0429 35.36 58.9674 35.3117C54.7793 33.407 50.5905 31.5052 46.4009 29.6062C46.0098 29.4295 46.0008 29.4457 45.8805 29.8774C45.8557 29.9612 45.8396 30.0474 45.8219 30.1308C45.5814 31.2615 45.6132 32.4332 45.9149 33.5492C46.2165 34.6651 46.7793 35.6933 47.5567 36.5489C48.3342 37.4045 49.304 38.0628 50.386 38.4696C51.4681 38.8764 52.6314 39.02 53.7799 38.8885C56.0951 38.6204 57.8729 37.4659 59.1816 35.4735Z" fill="#CE1055" stroke="#CE1055"/>
4
+ <path d="M12.5008 11.8276C12.8218 11.8276 12.9995 12.0721 13.2174 12.2484L19.0072 17.0426C19.3626 17.3326 19.7238 17.6113 20.0677 17.9184C20.2569 18.0776 20.4632 18.288 20.2282 18.5383C19.9932 18.7885 19.7811 18.5781 19.5747 18.4473C19.4887 18.3904 19.4084 18.3165 19.3282 18.2539C17.1728 16.4796 15.0212 14.7033 12.8734 12.9252C12.6525 12.7521 12.4593 12.5469 12.3002 12.3167C12.1568 12.1119 12.2772 11.9186 12.5008 11.8276Z" fill="#383838"/>
5
+ <path d="M21.8165 15.8313C21.8098 15.8737 21.7937 15.9141 21.7694 15.9496C21.7451 15.9851 21.7131 16.0148 21.6758 16.0366C21.6385 16.0583 21.5968 16.0716 21.5537 16.0755C21.5106 16.0793 21.4673 16.0736 21.4267 16.0588C21.2287 15.977 21.0648 15.8305 20.9623 15.6436L18.6693 12.584C18.5841 12.4715 18.5093 12.3516 18.4457 12.2257C18.3972 12.1499 18.3802 12.0583 18.3984 11.9702C18.4166 11.8822 18.4685 11.8045 18.5432 11.7537C18.6228 11.7121 18.7147 11.6995 18.8027 11.7183C18.8907 11.737 18.9693 11.7857 19.0247 11.8561C19.0996 11.9304 19.1685 12.0102 19.2311 12.0949C20.0164 13.1414 20.796 14.1935 21.5757 15.2399C21.6565 15.3153 21.7199 15.4073 21.7615 15.5094C21.803 15.6115 21.8218 15.7213 21.8165 15.8313V15.8313Z" fill="#383838"/>
6
+ <path d="M14.5702 17.5887C14.5702 17.7479 14.4842 17.8901 14.3352 17.8844C13.6329 17.845 12.9627 17.5795 12.4263 17.128C12.2256 16.9688 12.3173 16.73 12.5696 16.6503C13.2917 16.748 13.9735 17.039 14.5415 17.492C14.5702 17.5204 14.5702 17.5603 14.5702 17.5887Z" fill="#383838"/>
7
+ <path d="M23.2779 12.1855C23.1977 12.4585 23.0544 12.5722 22.8079 12.4755C22.6257 12.347 22.4782 12.1761 22.3782 11.9778C22.2783 11.7795 22.229 11.5598 22.2346 11.3381C22.2977 11.0879 22.5098 10.9912 22.7047 11.1505C22.992 11.4337 23.191 11.7931 23.2779 12.1855V12.1855Z" fill="#383838"/>
8
+ <path d="M58.4294 19.1121C58.4294 19.2827 58.2688 19.3339 58.1255 19.351C57.8758 19.3502 57.6321 19.2749 57.4262 19.1349C55.8612 18.3693 54.1315 17.9944 52.3873 18.0429C52.0949 18.0429 51.6421 18.1738 51.6191 17.7302C51.5962 17.2866 52.0548 17.315 52.3529 17.3093C54.3487 17.2491 56.3255 17.71 58.0854 18.6458C58.3892 18.8107 58.458 18.9358 58.4294 19.1121Z" fill="#383838"/>
9
+ <path d="M56.6694 16.1835C56.6615 16.2383 56.6415 16.2907 56.6108 16.3369C56.5801 16.3831 56.5394 16.4221 56.4917 16.4509C56.4441 16.4797 56.3905 16.4977 56.335 16.5035C56.2795 16.5094 56.2234 16.503 56.1707 16.4849C55.4541 16.3143 54.7318 16.1266 54.0153 15.9162C53.9449 15.9019 53.8816 15.8643 53.8357 15.8095C53.7899 15.7547 53.7642 15.686 53.763 15.6148C53.7595 15.5438 53.7828 15.4741 53.8284 15.4194C53.8741 15.3647 53.9387 15.3289 54.0095 15.319C54.8938 15.2786 55.7718 15.4855 56.5433 15.9162C56.6121 15.9673 56.635 16.1095 56.6694 16.1835Z" fill="#383838"/>
10
+ <path d="M76.2283 15.6874C76.0629 15.6874 75.8738 15.6874 75.6848 15.6327C75.5896 15.6186 75.5014 15.5746 75.4334 15.507C75.3653 15.4395 75.3209 15.3521 75.3068 15.2576C75.2888 15.1617 75.307 15.0626 75.3578 14.979C75.4086 14.8955 75.4885 14.8334 75.5824 14.8044C76.1786 14.6326 76.8068 14.6005 77.4176 14.7106C77.5123 14.7261 77.5975 14.7766 77.656 14.8521C77.7145 14.9275 77.7419 15.0222 77.7327 15.117C77.7322 15.2143 77.6972 15.3084 77.6339 15.3827C77.5705 15.457 77.4828 15.5067 77.3861 15.5233C77.0159 15.5936 76.6378 15.6327 76.2283 15.6874Z" fill="#383838"/>
11
+ <path d="M26.2414 65.7009C25.9949 63.8242 27.3879 62.9654 28.6548 62.0669C29.337 61.5835 29.6006 61.6745 30.2255 62.2944C31.3319 63.392 32.421 64.5066 33.5159 65.6156C33.6879 65.7862 33.814 66.0251 34.1236 65.9511C34.2237 65.9305 34.3165 65.8837 34.3923 65.8155C34.4681 65.7473 34.5241 65.6602 34.5545 65.5633C34.5849 65.4664 34.5887 65.3632 34.5653 65.2644C34.5419 65.1656 34.4924 65.0748 34.4217 65.0014C34.0777 64.5578 33.7051 64.1256 33.344 63.6877C31.9223 61.9816 30.5178 60.2357 29.0675 58.5694C28.8299 58.3097 28.6499 58.0034 28.5393 57.6703C28.4287 57.3372 28.3899 56.9847 28.4255 56.6358C28.4607 56.2843 28.4703 55.9308 28.4541 55.578C28.4023 55.1927 28.441 54.8006 28.5674 54.4326C28.6937 54.0646 28.9041 53.7306 29.1822 53.4567C29.9437 52.616 30.9423 52.0216 32.0484 51.7506C32.2786 51.7237 32.5118 51.7631 32.7201 51.8639C32.9285 51.9647 33.1032 52.1228 33.2236 52.3193C34.5191 53.8207 35.8376 55.305 37.1331 56.8064C38.4287 58.3078 39.5694 59.6499 40.7905 61.0773C40.9223 61.2309 40.9911 61.4527 41.272 61.4356C41.7191 61.4015 41.8854 61.0432 41.6045 60.6338C40.4236 58.9277 39.2771 57.1647 38.0274 55.5154C37.3108 54.5657 36.9726 53.6558 37.4026 52.4956C37.6261 51.8871 37.586 51.2047 38.2166 50.744C39.0593 50.1355 39.8676 49.5327 40.9567 49.4303C41.1651 49.3929 41.3799 49.4153 41.5759 49.4949C41.7719 49.5745 41.9409 49.708 42.0631 49.8796C42.6363 50.6701 43.307 51.4265 43.8745 52.234C45.3994 54.4065 46.8898 56.596 48.386 58.7798C48.6956 59.2291 48.6038 59.4452 48.0535 59.5987C41.3694 61.447 35.8376 65.1891 30.856 69.8354L30.3229 70.3472C29.4573 71.1775 29.2624 71.1832 28.4771 70.2164C27.9038 69.4771 27.3306 68.6866 26.7573 67.9416C26.4785 67.6472 26.2838 67.2844 26.1931 66.8906C26.1025 66.4968 26.1191 66.0862 26.2414 65.7009V65.7009ZM40.4179 61.8565C40.1427 61.5096 39.9535 61.2536 39.7471 61.0148C37.5535 58.467 35.358 55.9249 33.1605 53.3885C32.1401 52.217 32.014 52.2056 30.7414 53.0757C30.5393 53.2152 30.3477 53.3692 30.1682 53.5363C29.3083 54.3041 29.2968 54.3496 30.0191 55.2425C32.1936 57.8471 34.3701 60.4499 36.5484 63.0507C36.6631 63.1872 36.7777 63.318 36.8866 63.4602C36.9223 63.5212 36.9712 63.5736 37.0297 63.6136C37.0882 63.6536 37.155 63.6803 37.2251 63.6917C37.2953 63.7032 37.3671 63.699 37.4354 63.6796C37.5038 63.6603 37.567 63.6261 37.6204 63.5796C38.509 62.9996 39.4147 62.4593 40.4179 61.8565ZM44.9121 59.758C45.4223 59.5873 45.9612 59.394 46.5 59.2177C47.4115 58.9163 47.4574 58.848 46.9529 58.0803C45.3937 55.7202 43.8402 53.3544 42.0975 51.1251C41.1 49.8512 40.7962 49.8057 39.4204 50.7327L39.2484 50.8521C38.5319 51.3867 38.5147 51.4549 39.0421 52.1942C40.5707 54.3439 42.1223 56.4936 43.6968 58.6433C43.9261 58.9561 44.1898 59.2404 44.4363 59.5418C44.484 59.6217 44.5551 59.6852 44.6401 59.7238C44.7252 59.7625 44.8201 59.7744 44.9121 59.758V59.758ZM30.8904 68.5273C30.9883 68.5231 31.0843 68.4987 31.1721 68.4556C31.26 68.4125 31.3378 68.3517 31.4006 68.2771C31.8822 67.862 32.3408 67.4241 32.8452 67.0373C33.2522 66.7245 33.2637 66.4686 32.914 66.0933C32.0885 65.2687 31.2917 64.427 30.4662 63.6024C29.1707 62.3057 29.165 62.3057 27.8637 63.6536C27.8121 63.7047 27.7662 63.7616 27.7146 63.8071C27.3592 64.0801 27.3765 64.3474 27.6631 64.6829C28.6433 65.8203 29.6007 67.0146 30.5637 68.1804C30.6726 68.2885 30.7987 68.4307 30.8904 68.5273ZM29.337 55.9135C29.1961 56.2957 29.1612 56.7083 29.2358 57.1084C29.3104 57.5085 29.4918 57.8814 29.7612 58.1883C31.2115 59.8262 32.5701 61.5494 33.9688 63.2384C34.3529 63.6991 34.7427 64.1597 35.1153 64.626C35.1529 64.6848 35.203 64.7346 35.2622 64.7719C35.3214 64.8091 35.3882 64.833 35.4577 64.8417C35.5273 64.8504 35.5979 64.8437 35.6646 64.8222C35.7312 64.8006 35.7923 64.7647 35.8433 64.717C36.4166 64.3417 36.5026 64.2166 36.0554 63.682C33.9573 61.1494 31.8554 58.6262 29.7497 56.1126C29.7109 56.0403 29.6501 55.9822 29.576 55.9464C29.5018 55.9106 29.4181 55.8991 29.337 55.9135V55.9135ZM38.3312 52.7459C38.1182 53.0001 38.0054 53.3224 38.0138 53.653C38.0223 53.9835 38.1514 54.2997 38.3771 54.5429C39.6555 56.3287 40.8822 58.1428 42.1319 59.9456C42.2075 60.0657 42.2897 60.1816 42.3784 60.2925C42.7166 60.6963 42.9516 60.7077 43.4733 60.3778C43.9949 60.048 43.5306 59.8091 43.3873 59.6101C41.893 57.5059 40.3854 55.4074 38.8644 53.3146C38.7396 53.0822 38.5558 52.8862 38.3312 52.7459V52.7459ZM27.2618 65.3767L27.0267 65.5018C26.895 65.9742 26.9171 66.4758 27.0898 66.935C27.6986 67.9327 28.3827 68.8833 29.1363 69.7785C29.3312 70.0173 29.5605 70.0572 29.7612 69.8183C29.9618 69.5794 30.4892 69.4088 30.1682 68.988C29.228 67.7539 28.2363 66.5824 27.2618 65.3767V65.3767Z" fill="#383838"/>
12
+ <path d="M11.788 35.9579C12.0111 35.9076 12.3607 36.1643 12.3665 36.349C12.3686 36.4215 12.3221 36.4615 12.2639 36.4973C10.9092 37.324 9.95762 38.5102 9.14898 39.8223C9.12178 39.8684 9.09458 39.9145 9.06494 39.9577C8.98133 40.0791 8.9195 40.2495 8.73803 40.2226C8.64216 40.2032 8.55181 40.1643 8.4729 40.1084C8.39399 40.0525 8.32829 39.9808 8.28011 39.8981C8.22272 39.8102 8.26274 39.7178 8.30521 39.6282C8.76101 38.6529 9.52882 37.8876 10.3109 37.1315C10.7105 36.7391 11.0431 36.2941 11.5541 36.0558C11.6375 36.0126 11.734 35.9805 11.788 35.9579Z" fill="#383838"/>
13
+ <path d="M17.6709 31.5939C17.8996 31.5961 18.1811 31.926 18.1445 32.1071C18.1299 32.1782 18.0755 32.2065 18.0107 32.228C16.5027 32.7226 15.3048 33.6594 14.2173 34.7516C14.1802 34.7902 14.1432 34.8289 14.1044 34.8641C13.9953 34.9632 13.8961 35.1149 13.7256 35.0471C13.6367 35.0063 13.5576 34.9478 13.4936 34.8753C13.4296 34.8028 13.3821 34.718 13.3541 34.6265C13.3183 34.5278 13.3785 34.4469 13.4403 34.3695C14.1073 33.5245 15.0299 32.9552 15.9643 32.3983C16.4431 32.1078 16.8687 31.7507 17.4208 31.6357C17.5118 31.6128 17.6131 31.6036 17.6709 31.5939Z" fill="#383838"/>
14
+ <path d="M24.8308 28.6298C25.0501 28.6947 25.2302 29.0893 25.1453 29.2534C25.1117 29.3177 25.0516 29.33 24.9834 29.3328C23.3975 29.3942 21.9884 29.966 20.6427 30.7174C20.5965 30.7444 20.5503 30.7714 20.5033 30.7947C20.3711 30.8599 20.2341 30.9785 20.0888 30.8666C20.0145 30.8029 19.9546 30.7249 19.9129 30.6376C19.8713 30.5504 19.8489 30.4558 19.8471 30.3601C19.8398 30.2554 19.9199 30.1941 20.0006 30.1367C20.874 29.5073 21.9175 29.2134 22.969 28.9345C23.5091 28.7867 24.0164 28.5603 24.5789 28.6013C24.6727 28.6043 24.7726 28.6232 24.8308 28.6298Z" fill="#383838"/>
15
+ <path d="M37.6664 43.0094C37.6687 44.2979 37.2859 45.5582 36.5664 46.6309C35.847 47.7037 34.8231 48.5408 33.6242 49.0365C32.4254 49.5322 31.1053 49.6642 29.8308 49.4158C28.5564 49.1675 27.3847 48.5499 26.4639 47.6412C25.5431 46.7325 24.9145 45.5733 24.6575 44.3103C24.4005 43.0473 24.5266 41.737 25.02 40.545C25.5134 39.3531 26.3518 38.333 27.4294 37.6136C28.5069 36.8943 29.7753 36.5079 31.0741 36.5034C32.8165 36.5034 34.4881 37.1878 35.7235 38.4069C36.9588 39.626 37.6573 41.2808 37.6664 43.0094V43.0094ZM30.0766 37.3906C29.2349 37.5273 28.4346 37.8485 27.7339 38.331C27.0332 38.8135 26.4499 39.4449 26.0264 40.1794C25.603 40.9139 25.3501 41.7329 25.2862 42.5766C25.2222 43.4204 25.3489 44.2677 25.6569 45.0567C26.0894 46.1946 26.8732 47.168 27.8964 47.8378C28.9195 48.5077 30.1298 48.8398 31.3545 48.7868C32.5793 48.7339 33.7558 48.2985 34.7164 47.5429C35.6769 46.7873 36.3723 45.75 36.7034 44.579C37.0015 43.5326 36.9155 43.4018 35.8722 43.3165C34.5308 43.2141 33.1932 43.1193 31.8594 43.0321C30.7129 42.9639 30.7129 42.9696 30.5753 41.8435C30.3403 40.3877 30.3804 38.8977 30.0766 37.3906ZM31.0339 38.9602C31.0798 39.4834 31.1544 40.4332 31.2461 41.3829C31.3206 42.2075 31.332 42.2303 32.1977 42.3099C33.5104 42.435 34.8174 42.5317 36.1301 42.617C36.8582 42.6625 36.9098 42.5772 36.7951 41.8435C36.563 40.751 36.0192 39.7477 35.2284 38.9532C34.4377 38.1587 33.4334 37.6064 32.3352 37.3622C30.9881 37.0892 30.9078 37.1631 31.0339 38.9602V38.9602Z" fill="#383838"/>
16
+ </svg>
package/dist/assets/images/searchDashBoardListing.svg ADDED
@@ -0,0 +1,21 @@
1
+ <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M37.9761 14.0036C38.2448 14.1127 38.3811 13.9764 38.5194 13.8849C42.6261 11.1587 48.6705 11.6221 52.4365 15.5108C54.2131 17.3439 55.307 19.731 55.5356 22.2735C55.7642 24.816 55.1136 27.3599 53.6925 29.4805C53.0168 30.4892 53.0187 30.4872 53.856 31.3499C54.8667 32.3897 55.8831 33.4257 56.8762 34.4811C57.2337 34.8743 57.7145 35.1339 58.2393 35.2171C63.3609 36.1511 68.0022 38.8269 71.3766 42.7913C74.7511 46.7557 76.6512 51.7648 76.755 56.9698C76.8588 62.1748 75.16 67.2557 71.9463 71.3515C68.7326 75.4472 64.2017 78.306 59.1214 79.4434C46.3006 82.3643 33.5441 73.4595 31.8597 60.4459C31.6875 58.9694 31.6328 57.4816 31.6961 55.9964C31.7195 55.2487 31.6961 55.2506 30.9426 55.2662C24.3997 55.4142 17.855 55.4298 11.3102 55.4784C9.89067 55.4882 8.47891 55.5096 7.10219 55.1143C3.71979 54.1407 1.45513 52.0162 0.403604 48.626C0.276169 48.1833 0.218357 47.7234 0.232244 47.2629C0.285469 31.9444 0.333505 16.626 0.376345 1.30747C0.376345 0.505201 0.376343 0.503258 1.31687 0.489627C10.5859 0.368896 19.8542 0.247518 29.1219 0.125489C31.5968 0.0923857 34.0738 0.0378613 36.5487 0.00281056C37.7853 -0.0147148 37.8125 0.0125427 37.8222 1.22764C37.8495 5.12217 37.8761 9.01345 37.9021 12.9015C37.904 13.287 37.8378 13.6785 37.9761 14.0036ZM1.03062 24.3631H0.878737V46.0186C0.878737 46.338 0.900157 46.6573 0.878737 46.9728C0.826161 47.5764 1.10657 47.9815 1.58365 48.3008C2.08269 48.6384 2.6389 48.8825 3.22519 49.0213C4.02391 49.184 4.84292 49.2228 5.65343 49.1362C6.6368 49.0622 6.66601 49.0856 6.80037 50.0397C6.9632 51.0539 7.28591 52.0359 7.75647 52.9489C8.34065 54.1582 9.29871 54.7015 10.6423 54.7326C13.2594 54.7969 15.8766 54.7988 18.4937 54.7794C22.5985 54.7482 26.7034 54.7677 30.8062 54.6002C31.8091 54.5593 31.8208 54.5418 31.9999 53.5468C32.6781 49.6555 34.376 46.0136 36.9207 42.9926C37.2438 42.6211 37.4143 42.141 37.3977 41.649C37.3977 38.7125 37.427 35.776 37.4834 32.8395C37.4992 32.5446 37.4472 32.25 37.3314 31.9782C37.2157 31.7065 37.0392 31.4649 36.8155 31.272C32.3193 26.8829 32.2278 19.9486 36.6208 15.4641C36.8462 15.2472 37.0219 14.9838 37.1355 14.6923C37.2492 14.4008 37.2981 14.0881 37.279 13.7758C37.2381 9.77808 37.2283 5.7784 37.2069 1.78066C37.2069 1.56841 37.1952 1.35616 37.1952 1.1439C37.2011 1.08192 37.1931 1.01941 37.1718 0.960915C37.1505 0.902419 37.1164 0.849411 37.072 0.80576C37.0276 0.762109 36.974 0.72891 36.9151 0.708581C36.8563 0.688252 36.7937 0.681306 36.7318 0.688246C36.5195 0.688246 36.3073 0.688246 36.095 0.688246C26.6469 0.807678 17.2001 0.92776 7.75453 1.04849C5.87932 1.07186 4.0041 1.11275 2.12888 1.1478C1.05594 1.16922 1.05594 1.17117 1.04426 2.28501C1.04426 2.42521 1.04426 2.56736 1.04426 2.70951L1.03062 24.3631ZM39.0276 73.0447C39.3177 72.5735 39.5904 72.1217 39.8727 71.6816C40.3899 70.8321 41.0764 70.0981 41.8894 69.5252C42.7025 68.9524 43.6247 68.553 44.5987 68.3518C45.3582 68.1843 46.1254 68.05 46.8887 67.9C47.9305 67.7053 48.9762 67.5106 49.9498 67.0647C50.4248 66.8664 50.8476 66.5611 51.1853 66.1727C51.5231 65.7843 51.7666 65.3232 51.8971 64.8253C52.0295 64.3385 51.9613 64.0347 51.455 63.8166C50.5963 63.4466 49.8096 62.9034 49.3501 62.0933C48.8496 61.2092 48.2421 60.7127 47.2081 60.5238C46.1137 60.3291 45.6035 59.4781 45.6191 58.4344C45.6347 57.3244 46.2812 56.2924 47.2782 56.1152C47.913 55.9984 48.0668 55.7063 48.1544 55.1688C48.2407 54.681 48.3711 54.2019 48.5439 53.7376C49.278 51.691 50.5281 50.0689 52.5358 49.1381C53.4201 48.6901 54.4012 48.4667 55.3924 48.4878C57.4117 48.5773 58.7456 49.6561 59.727 51.2938C60.4695 52.547 60.9108 53.9555 61.0161 55.4083C61.0512 55.8523 61.1115 56.1522 61.6899 56.2807C62.8096 56.53 63.4054 57.5737 63.2282 58.707C63.051 59.8403 62.3811 60.444 61.0998 60.5219C60.4709 60.5589 60.0834 60.7516 59.7699 61.3202C59.1917 62.3439 58.333 63.181 57.2949 63.7329C56.6348 64.1009 56.6231 64.1613 56.8568 64.9013C57.3397 66.4591 58.3308 67.534 59.8731 68.087C60.8117 68.4239 61.797 68.5504 62.7706 68.7198C65.3624 69.1716 67.6388 70.19 69.2569 72.3612C69.6698 72.9123 69.6892 72.8987 70.1994 72.3885C70.3007 72.2892 70.3941 72.184 70.4896 72.0769C81.7564 59.3165 75.1046 39.7523 59.1662 36.1616C58.9968 36.1246 58.7884 35.9376 58.582 36.2706C59.9101 37.6746 61.2498 39.0786 62.5778 40.4923C63.4502 41.4192 64.3596 42.3091 65.1813 43.2866C65.637 43.8299 65.6078 44.2914 65.2826 44.8172C64.5193 46.0498 63.3782 46.7839 62.0345 47.2415C61.6237 47.3817 61.4114 47.15 61.1661 46.8404C58.3562 43.2905 55.519 39.7601 52.711 36.2103C52.3644 35.7721 52.0178 35.5988 51.4473 35.6903C42.815 37.0729 36.6773 41.7463 33.6863 49.9521C30.6816 58.2027 32.4069 65.7542 38.1922 72.3632C38.4027 72.6629 38.6917 72.8987 39.0276 73.0447ZM54.1345 79.3519C55.5507 79.3591 56.9639 79.2221 58.3523 78.943C62.1583 78.2213 65.7021 76.4948 68.6163 73.9424C69.2258 73.4147 69.2102 73.4108 68.7526 72.7877C67.6154 71.2415 66.081 70.303 64.2622 69.7675C63.0043 69.3955 61.6977 69.2631 60.428 68.9516C58.2997 68.4297 56.8626 67.1601 56.2122 65.0414C56.1762 64.9416 56.147 64.8395 56.1246 64.7357C56.0662 64.3755 55.8481 64.2781 55.5151 64.3463C54.8225 64.5057 54.1044 64.5196 53.4062 64.3872C52.8727 64.2762 52.6409 64.432 52.5202 64.9597C52.1814 66.4376 51.1727 67.3256 49.794 67.8319C49.2287 68.0344 48.6504 68.1983 48.0629 68.3226C47.062 68.5407 46.0553 68.7315 45.0466 68.9068C42.8053 69.3177 41.1988 70.5795 40.0869 72.5365C39.4696 73.625 39.4599 73.6873 40.4121 74.4526C44.4274 77.6675 49.0132 79.2604 54.1345 79.3519ZM44.4254 31.8484C45.552 31.8636 46.6703 31.6549 47.7155 31.2344C48.7608 30.8139 49.7121 30.19 50.5142 29.3989C51.3164 28.6078 51.9534 27.6652 52.3884 26.6259C52.8233 25.5866 53.0475 24.4713 53.0479 23.3447C53.0479 18.6985 49.2838 14.8488 44.6552 14.8118C40.0266 14.7748 36.0522 18.2915 35.984 23.2726C35.9727 24.3907 36.1824 25.4999 36.6009 26.5367C37.0195 27.5735 37.6387 28.5174 38.4231 29.3142C39.2074 30.1111 40.1414 30.7451 41.1715 31.18C42.2015 31.6149 43.3073 31.842 44.4254 31.8484ZM60.4105 56.2807C60.3618 54.1387 59.7991 52.1661 58.3542 50.5168C57.8557 49.9521 57.2774 49.4536 56.516 49.329C55.2503 49.1206 53.9845 49.1089 52.7909 49.7087C51.414 50.3833 50.2983 51.4936 49.6168 52.8672C48.6618 54.742 48.3491 56.8786 48.7269 58.9485C49.0735 60.9872 50.0764 62.586 52.084 63.3785C54.8374 64.467 57.7311 63.4836 59.2597 60.9483C60.1145 59.5171 60.4475 57.9437 60.4105 56.2807ZM38.276 32.6604C37.9858 33.8171 37.9663 40.7532 38.276 41.4718C41.9758 37.8226 46.4545 35.7234 51.6206 35.0127C51.3616 34.3896 50.9741 34.0176 50.6722 33.5892C50.0433 32.6954 50.0335 32.933 49.3092 33.2621C45.83 34.8627 42.399 34.7569 39.0159 32.9447C38.7959 32.822 38.6012 32.5767 38.276 32.6604ZM7.92005 54.4698C7.02133 53.1896 6.41628 51.7268 6.14804 50.1858C6.08962 49.8138 5.80531 49.7788 5.50543 49.7963C4.08198 49.9112 2.70917 49.7301 1.39282 48.9843C1.75501 51.5781 5.33213 54.4931 7.92005 54.4698ZM48.2051 60.0428C48.1213 59.1257 47.913 58.2689 47.9227 57.3965C47.9227 57.1531 47.9694 56.8493 47.6988 56.7422C47.4281 56.6351 47.1516 56.8084 46.9199 56.9895C46.3707 57.4296 46.0884 58.3526 46.3357 59.0088C46.6687 59.8014 47.3327 60.0273 48.2051 60.037V60.0428ZM60.6052 59.7274C60.9947 59.9669 61.3394 59.8773 61.6646 59.7741C62.2741 59.5794 62.533 59.0984 62.5953 58.4967C62.6363 58.1991 62.5873 57.896 62.4548 57.6264C62.3222 57.3568 62.1122 57.133 61.8515 56.9837C61.3861 56.7519 61.0999 56.8629 61.0492 57.3887C60.9635 58.1929 60.7377 58.9621 60.6052 59.7274Z" fill="#383838"/>
3
+ <path d="M37.1718 27.5194C36.3524 26.0662 35.9832 24.4024 36.1111 22.7391C36.239 21.0757 36.8583 19.4879 37.8902 18.1771C38.9221 16.8663 40.3203 15.8917 41.9071 15.3769C43.4939 14.8621 45.1979 14.8304 46.8028 15.2858C48.4077 15.7412 49.8411 16.6631 50.9211 17.9346C52.0011 19.2061 52.6789 20.7698 52.8686 22.4272C53.0583 24.0846 52.7513 25.7611 51.9866 27.2437C51.2218 28.7263 50.0337 29.9483 48.5733 30.7545C46.6296 31.8248 44.3423 32.0853 42.2078 31.4797C40.0732 30.874 38.2636 29.451 37.1718 27.5194V27.5194ZM41.0983 17.4654C40.2366 17.9578 39.4951 18.6357 38.9276 19.4499C38.4245 20.1632 38.5591 20.0542 39.1686 20.3296C42.9236 22.0315 46.6871 23.7261 50.4592 25.4135C51.1019 25.7044 51.1216 25.8766 51.2985 24.9705C51.8553 22.1053 51.0234 19.692 48.689 17.9416C46.3041 16.1579 43.7212 16.114 41.0983 17.4654ZM50.4458 27.0951C50.3823 27.0388 50.3145 26.9875 50.243 26.9418C46.2766 25.1379 42.3095 23.3367 38.3416 21.5383C37.9712 21.3709 37.9627 21.3862 37.8488 21.7951C37.8253 21.8745 37.81 21.9561 37.7933 22.0351C37.5655 23.106 37.5956 24.2157 37.8813 25.2726C38.167 26.3295 38.7 27.3032 39.4363 28.1135C40.1726 28.9238 41.091 29.5473 42.1158 29.9326C43.1406 30.3179 44.2424 30.4539 45.3301 30.3293C47.5227 30.0754 49.2064 28.982 50.4458 27.0951Z" fill="#CE1055" stroke="#CE1055"/>
4
+ <path d="M79.7956 16.2429C79.7956 17.9059 79.8092 19.5669 79.7956 21.2279C79.7839 22.1665 79.6982 22.2425 78.748 22.2639C74.9664 22.3535 71.1848 22.4411 67.4032 22.5054C66.6964 22.5056 66.0016 22.688 65.3858 23.035C64.4648 23.5588 63.5087 24.0203 62.5623 24.4994C62.2766 24.6399 61.9834 24.7647 61.6841 24.8732C61.3511 24.9959 60.985 25.1322 60.691 24.8382C60.3502 24.4974 60.5216 24.0963 60.7046 23.7574C61.209 22.8247 61.7172 21.8939 62.278 20.9943C62.6385 20.428 62.816 19.7644 62.7862 19.0937C62.722 16.6207 62.6947 14.1457 62.6597 11.6708C62.6421 10.4304 62.6752 10.3934 63.8611 10.3856C68.8111 10.3544 73.7604 10.3265 78.709 10.3018H78.8161C79.8521 10.3135 79.9105 10.3622 79.9085 11.3651C79.9085 12.5685 79.8832 13.7699 79.8715 14.9714C79.8715 15.3959 79.8715 15.8204 79.8715 16.2429H79.7956ZM61.2479 24.1644C61.7717 24.254 62.0638 24.0184 62.3676 23.8665C63.3198 23.3972 64.2739 22.9299 65.1911 22.4002C65.8382 22.0368 66.5696 21.8501 67.3117 21.8589C70.955 21.8063 74.5964 21.7206 78.2378 21.6388C79.1199 21.6193 79.1413 21.6077 79.153 20.7567C79.1984 17.7852 79.2328 14.8143 79.2562 11.8441C79.2562 10.96 79.2562 10.9405 78.3877 10.9444C73.6481 10.9613 68.9097 10.9866 64.1727 11.0204C63.3139 11.0204 63.2925 11.0476 63.3042 11.9356C63.3373 14.4807 63.3763 17.0277 63.4444 19.5728C63.4666 20.0286 63.349 20.4804 63.1075 20.8677C62.4649 21.9212 61.7737 22.9474 61.2479 24.1644Z" fill="#383838"/>
5
+ <path d="M58.2685 20.4997C58.2549 20.6691 58.2685 20.8697 58.0407 20.9047C57.8129 20.9398 57.7311 20.7665 57.6707 20.601C57.5733 20.3361 57.5032 20.0616 57.4117 19.7928C56.7711 17.8923 55.8539 16.1534 54.4343 14.7105C53.9636 14.2296 53.4266 13.8185 52.8395 13.4895C52.6584 13.3883 52.4248 13.2559 52.5455 13.0066C52.7032 12.6814 52.9836 12.845 53.1823 12.9599C53.5543 13.1639 53.9074 13.4004 54.2377 13.6667C56.2862 15.3959 57.4546 17.6645 58.2081 20.1842C58.2344 20.2881 58.2546 20.3935 58.2685 20.4997Z" fill="#383838"/>
6
+ <path d="M58.1477 16.1436C58.1486 16.1969 58.131 16.2488 58.098 16.2907C58.0651 16.3325 58.0187 16.3617 57.9667 16.3734C57.9173 16.3824 57.8666 16.3809 57.8179 16.3688C57.7692 16.3567 57.7237 16.3344 57.6843 16.3033C57.2092 15.6542 56.7451 14.9921 56.292 14.317C56.2782 14.2939 56.2694 14.2682 56.2661 14.2415C56.2628 14.2147 56.265 14.1876 56.2727 14.1618C56.2804 14.136 56.2933 14.1121 56.3107 14.0916C56.3281 14.071 56.3496 14.0543 56.3738 14.0425C56.4646 14.0004 56.5672 13.9915 56.6639 14.0172C57.0748 14.1768 58.1614 15.7483 58.1477 16.1436Z" fill="#383838"/>
7
+ <path d="M19.3368 34.333C16.2971 34.333 13.2594 34.333 10.2217 34.333C9.24804 34.333 9.11368 34.2687 9.10589 33.2756C9.09226 31.4043 9.1312 29.531 9.14094 27.6578C9.14094 26.9178 9.14093 26.1739 9.11951 25.434C9.10588 24.9491 9.29477 24.6979 9.79912 24.7271C9.93932 24.7369 10.0815 24.7271 10.2236 24.7271C15.1327 24.8147 20.0437 24.7933 24.9547 24.7038C26.1892 24.6804 27.4277 24.7037 28.6642 24.7291C29.5561 24.7446 29.6846 24.844 29.6904 25.6793C29.7021 28.2244 29.7021 30.7675 29.6729 33.3107C29.6729 34.183 29.523 34.2843 28.6623 34.2454C25.5544 34.1207 22.4388 34.257 19.3368 34.333ZM19.2979 33.6787V33.558C22.2304 33.558 25.1637 33.558 28.0976 33.558C29.0147 33.558 29.0283 33.558 29.0342 32.6252C29.0459 30.5053 29.0459 28.3841 29.0342 26.2616C29.0342 25.4028 29.0147 25.3853 28.1365 25.3794C22.2694 25.3288 16.4023 25.5274 10.5352 25.3892C9.79716 25.3717 9.78159 25.4087 9.7738 26.1817C9.75433 28.3724 9.73875 30.5631 9.73875 32.7557C9.73875 33.6748 9.75627 33.6767 10.7026 33.6767L19.2979 33.6787Z" fill="#383838"/>
8
+ <path d="M20.2443 9.92993C17.0255 9.95329 14.5855 9.99029 12.1476 9.8384C11.283 9.78583 10.9909 9.50542 10.9558 8.80636C10.9149 8.00798 11.1506 7.68084 11.9587 7.638C13.5827 7.54842 15.2054 7.49065 16.8268 7.46469C19.4771 7.42379 22.1292 7.43354 24.7814 7.40238C25.5934 7.40238 26.4035 7.3206 27.2155 7.27581C27.6965 7.25049 27.8931 7.45301 27.9165 7.96124C27.9847 9.54826 27.9165 9.67094 26.347 9.73326C24.059 9.82088 21.7612 9.87735 20.2443 9.92993ZM19.518 9.25617V9.29317L25.9887 9.09845C26.236 9.09845 26.4833 9.06534 26.7306 9.05366C27.1376 9.03613 27.2642 8.8122 27.2505 8.42664C27.2369 8.04108 27.0032 7.98266 26.6858 7.9924C25.9069 8.01382 25.128 8.0255 24.3491 8.03718C20.5286 8.09301 16.7081 8.15078 12.8875 8.21049C12.5697 8.21186 12.2528 8.24381 11.9412 8.30591C11.8367 8.33354 11.7468 8.40033 11.6903 8.49242C11.6337 8.58451 11.6148 8.69483 11.6374 8.80051C11.6418 8.88973 11.6802 8.97389 11.7446 9.03578C11.809 9.09766 11.8947 9.13261 11.984 9.13349C12.4045 9.19044 12.8276 9.22619 13.2517 9.2406C15.3411 9.26397 17.4285 9.25617 19.518 9.25617Z" fill="#383838"/>
9
+ <path d="M19.7925 43.9331C16.0927 43.9331 12.3754 43.9331 8.66776 43.9195C8.30557 43.9195 7.64545 44.1823 7.64545 43.5865C7.64545 43.1191 8.2822 43.3061 8.63855 43.3022C16.0901 43.2243 23.5423 43.1594 30.9951 43.1075C31.3845 43.1075 32.105 42.7998 32.1109 43.4502C32.1109 43.9136 31.4099 43.7286 31.0243 43.7306C27.2817 43.7462 23.5371 43.7306 19.7925 43.7306V43.9331Z" fill="#383838"/>
10
+ <path d="M19.5608 40.7336C15.8512 40.7336 12.1417 40.7336 8.43215 40.7336C8.0797 40.7336 7.44489 40.9284 7.44489 40.461C7.44489 39.8768 8.1089 40.1222 8.47498 40.1163C15.8915 40.0229 23.3099 39.9417 30.7303 39.8729C31.0126 39.8729 31.295 39.8729 31.5773 39.8729C31.7915 39.8846 32.0466 39.9236 32.0252 40.1962C32.0038 40.4688 31.7526 40.4863 31.5364 40.4961C31.3203 40.5058 31.1119 40.5077 30.8997 40.5077H19.5608V40.7336Z" fill="#383838"/>
11
+ <path d="M19.4654 37.5441C15.7169 37.5441 11.9664 37.5441 8.21795 37.5343C7.8616 37.5343 7.2268 37.729 7.21317 37.2753C7.19564 36.6503 7.86355 36.9229 8.2199 36.919C15.7896 36.8671 23.3586 36.8288 30.927 36.8041C31.2093 36.8044 31.4913 36.8193 31.7721 36.8489C31.8073 36.8489 31.8421 36.8559 31.8745 36.8696C31.9069 36.8833 31.9363 36.9034 31.9608 36.9286C31.9853 36.9538 32.0045 36.9838 32.0172 37.0166C32.03 37.0494 32.036 37.0844 32.035 37.1195C32.0333 37.191 32.0054 37.2593 31.9565 37.3114C31.9077 37.3634 31.8413 37.3957 31.7701 37.4019C31.4547 37.4382 31.1374 37.4571 30.8199 37.4584H19.4654V37.5441Z" fill="#383838"/>
12
+ <path d="M30.5434 20.5872C30.7498 17.6195 32.0214 15.0881 34.0933 12.9247C34.2201 12.8034 34.3662 12.7041 34.5256 12.6307C34.5482 12.6162 34.5735 12.6066 34.6 12.6024C34.6265 12.5982 34.6536 12.5995 34.6796 12.6063C34.7055 12.613 34.7298 12.6251 34.7509 12.6417C34.772 12.6583 34.7894 12.6791 34.8021 12.7027C34.8449 12.7884 34.8858 12.9325 34.8449 12.9928C34.7003 13.1922 34.5409 13.3804 34.3678 13.5556C33.1335 14.8783 32.2031 16.4547 31.6417 18.1745C31.3024 19.1439 31.1633 20.172 31.2327 21.1967C31.2522 21.444 31.2736 21.6913 31.2756 21.9366C31.2756 22.1314 31.1996 22.2988 30.9796 22.2891C30.908 22.2833 30.8407 22.2531 30.7889 22.2034C30.7371 22.1537 30.704 22.0877 30.6953 22.0165C30.6408 21.5608 30.5999 21.1071 30.5434 20.5872Z" fill="#383838"/>
13
+ <path d="M31.4936 13.2442C31.4695 13.3384 31.4286 13.4275 31.3728 13.5071C30.3466 14.5041 29.928 15.8244 29.4256 17.1076C29.3107 17.4114 29.262 17.9878 28.8589 17.8417C28.3526 17.6567 28.7401 17.1719 28.8589 16.8467C29.2231 15.7796 29.5989 14.7047 30.2804 13.7914C30.5102 13.4798 30.738 13.1546 31.11 12.9969C31.3183 12.9093 31.441 13.0164 31.4936 13.2442Z" fill="#383838"/>
14
+ <path d="M35.4037 54.197C35.6157 52.2581 36.1343 50.3651 36.9401 48.5888C38.2077 45.7575 40.1433 43.4539 42.5482 41.53C42.8208 41.3139 43.1986 40.829 43.5102 41.2613C43.7536 41.6001 43.2044 41.8143 42.9474 42.0207C39.16 45.076 36.794 48.953 36.1047 53.8056C36.0895 53.9459 36.0655 54.085 36.0327 54.2223C35.9781 54.417 35.9431 54.6546 35.6705 54.6721C35.4855 54.6818 35.3901 54.4482 35.4037 54.197Z" fill="#383838"/>
15
+ <path d="M35.7912 59.2852C35.8068 59.5988 35.8321 59.9123 35.834 60.2238C35.8341 60.295 35.8065 60.3634 35.7571 60.4146C35.7077 60.4658 35.6403 60.4959 35.5692 60.4984C35.4985 60.5023 35.4289 60.48 35.3736 60.4358C35.3183 60.3916 35.2812 60.3287 35.2693 60.2589C35.1071 59.5777 35.0558 58.8748 35.1174 58.1772C35.1311 57.9962 35.2401 57.8326 35.4465 57.8521C35.6529 57.8715 35.7036 58.0585 35.7152 58.2415C35.7347 58.5901 35.7483 58.9406 35.7659 59.2891L35.7912 59.2852Z" fill="#383838"/>
16
+ <path d="M51.5972 56.3449C51.6556 55.9554 51.6322 55.5874 51.8523 55.2895C51.884 55.2514 51.924 55.2211 51.9692 55.2008C52.0144 55.1806 52.0637 55.1709 52.1132 55.1726C52.193 55.1863 52.3196 55.3011 52.3177 55.3674C52.3008 55.7161 52.2664 56.0638 52.2144 56.4091C52.1872 56.5922 52.0762 56.7713 51.8873 56.7694C51.5913 56.7655 51.6322 56.4987 51.5972 56.3449Z" fill="#383838"/>
17
+ <path d="M57.7701 56.3117C57.7701 56.5065 57.735 56.6895 57.5189 56.7129C57.3027 56.7362 57.1976 56.5785 57.1645 56.3935C57.1061 56.0605 56.8665 55.7237 57.1333 55.3907C57.1736 55.3616 57.2203 55.3426 57.2695 55.3355C57.3186 55.3284 57.3688 55.3333 57.4157 55.3498C57.5948 55.4316 57.7701 55.9573 57.7701 56.3117Z" fill="#383838"/>
18
+ <path d="M71.4886 13.7407H75.0968C75.3033 13.7407 75.57 13.6998 75.5934 13.988C75.6187 14.3229 75.3403 14.3599 75.0871 14.3775C74.98 14.3872 74.8749 14.3775 74.7678 14.3775C72.431 14.3775 70.0943 14.3775 67.7576 14.356C67.4655 14.356 66.9787 14.4729 66.9904 14.0425C67.0021 13.6122 67.4733 13.7271 67.7693 13.7251C69.0077 13.7096 70.2462 13.7251 71.4847 13.7251L71.4886 13.7407Z" fill="#383838"/>
19
+ <path d="M71.3152 16.7025C70.2228 16.7025 69.1324 16.7025 68.0399 16.7025C67.7985 16.7025 67.5375 16.7629 67.3253 16.5974C67.1598 16.4669 67.1442 16.3053 67.3253 16.1748C67.5132 16.0748 67.7278 16.0366 67.9387 16.0657C70.1566 16.0482 72.3765 16.0249 74.5944 16.0249C74.9157 16.0249 75.4785 15.8886 75.4941 16.2994C75.5135 16.8836 74.9099 16.6441 74.5866 16.6538C73.4962 16.683 72.4038 16.6655 71.3113 16.6655L71.3152 16.7025Z" fill="#383838"/>
20
+ <path d="M69.1537 18.6146C69.6444 18.5912 70.1273 18.5698 70.6258 18.5406C70.8439 18.5289 71.0873 18.5172 71.1165 18.7898C71.1457 19.0625 70.8887 19.1033 70.692 19.1793C70.6588 19.1912 70.624 19.1985 70.5888 19.2007C69.5375 19.2741 68.4816 19.2441 67.4362 19.1111C67.2298 19.0858 66.9883 19.0177 67.0467 18.7314C67.0876 18.5367 67.2804 18.4822 67.4673 18.4919C68.0281 18.5192 68.5889 18.5562 69.1498 18.5893L69.1537 18.6146Z" fill="#383838"/>
21
+ </svg>
package/dist/components/ActionMenu/styled.js CHANGED
@@ -31,6 +31,7 @@ exports.StyledOption = exports.StyledOptionsWrapper = exports.StyledActionsDropM
31
31
  var styled_components_1 = __importStar(require("styled-components"));
32
32
  var themes_1 = require("../../themes");
33
33
  var mixins_1 = require("../../themes/mixins");
34
+ var globalVariables_1 = require("../../globalStyles/globalVariables");
34
35
  var greyColor5 = themes_1.colors.greyColor5, white = themes_1.colors.white, greyColor10 = themes_1.colors.greyColor10, greyColor70 = themes_1.colors.greyColor70, greyColor100 = themes_1.colors.greyColor100, greyColor80 = themes_1.colors.greyColor80;
35
36
  var pointerHeight = 10;
36
37
  /**
@@ -82,13 +83,7 @@ exports.StyledActionsDropMenu = styled_components_1.default.div(templateObject_1
82
83
  ? optionsHeight + pointerHeight + offset + "px" || "auto"
83
84
  : 0;
84
85
  });
85
- exports.StyledOptionsWrapper = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n position: absolute;\n bottom: 10px;\n padding: 0.6rem 0;\n border: 1px solid ", ";\n background-color: ", ";\n border-radius: 2px;\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n margin: 0 ", "px;\n\n //pointer outline\n &::after {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n\n border: 1rem solid transparent;\n border-bottom: 1rem solid\n ", ";\n }\n\n //pointer fill\n &::before {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n ", "\n border: 0.85rem solid transparent;\n border-bottom: 0.85rem solid\n ", ";\n z-index: 1;\n }\n"], ["\n position: absolute;\n bottom: 10px;\n padding: 0.6rem 0;\n border: 1px solid ", ";\n background-color: ", ";\n border-radius: 2px;\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n margin: 0 ", "px;\n\n //pointer outline\n &::after {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n\n border: 1rem solid transparent;\n border-bottom: 1rem solid\n ", ";\n }\n\n //pointer fill\n &::before {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n ", "\n border: 0.85rem solid transparent;\n border-bottom: 0.85rem solid\n ", ";\n z-index: 1;\n }\n"])), function (_a) {
86
- var invert = _a.invert;
87
- return (invert ? greyColor70 : greyColor5);
88
- }, function (_a) {
89
- var invert = _a.invert;
90
- return (invert ? greyColor80 : white);
91
- }, offset, function (_a) {
86
+ exports.StyledOptionsWrapper = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n position: absolute;\n bottom: 10px;\n padding: 0.6rem 0;\n ", "\n margin: 0 ", "px;\n\n //pointer outline\n &::after {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n\n border: 1rem solid transparent;\n border-bottom: 1rem solid\n ", ";\n }\n\n //pointer fill\n &::before {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n ", "\n border: 0.85rem solid transparent;\n border-bottom: 0.85rem solid\n ", ";\n z-index: 1;\n }\n"], ["\n position: absolute;\n bottom: 10px;\n padding: 0.6rem 0;\n ", "\n margin: 0 ", "px;\n\n //pointer outline\n &::after {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n\n border: 1rem solid transparent;\n border-bottom: 1rem solid\n ", ";\n }\n\n //pointer fill\n &::before {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n ", "\n border: 0.85rem solid transparent;\n border-bottom: 0.85rem solid\n ", ";\n z-index: 1;\n }\n"])), globalVariables_1.lightboxStyle, offset, function (_a) {
92
87
  var align = _a.align;
93
88
  return align === "center"
94
89
  ? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n left: 50%;\n transform: translateX(-50%);\n "], ["\n left: 50%;\n transform: translateX(-50%);\n "]))) : (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", ": 0.5rem;\n "], ["\n ", ": 0.5rem;\n "])), align);
package/dist/components/DatePicker/index.js CHANGED
@@ -44,7 +44,8 @@ var buildCalenderObj_1 = require("./utils/buildCalenderObj");
44
44
  var handlePos_1 = require("./utils/handlePos");
45
45
  var themes_1 = require("../../themes");
46
46
  var styled_1 = require("./styled");
47
- var white = themes_1.colors.white;
47
+ var Buttons_1 = require("../Buttons");
48
+ var white = themes_1.colors.white, greyColor40 = themes_1.colors.greyColor40;
48
49
  var months = [
49
50
  'January',
50
51
  'Febuary',
@@ -77,12 +78,22 @@ function DatePicker(props) {
77
78
  }, delay);
78
79
  };
79
80
  (0, react_1.useEffect)(function () {
81
+ // Check if the component is in 'readOnly' mode. If so, no further action is needed, so return early.
80
82
  if (readOnly)
81
83
  return;
84
+ // Define a debounced version of the 'handleVerticalPos' function.
85
+ // The debounced function will be called after 500 milliseconds of inactivity,
86
+ // ensuring that the function is not invoked too frequently during continuous scroll events.
82
87
  var handleVerticalPosDebounced = debounce(function () {
88
+ // Call the 'handleVerticalPos' function passing 'calenderRef' and 'inputRef' as arguments.
89
+ // This function will be invoked when the user scrolls vertically on the page.
90
+ // The 'handleVerticalPos' function is responsible for positioning the calendar container
91
+ // relative to the input field, so that it remains visible even when the user scrolls the page.
83
92
  (0, handlePos_1.handleVerticalPos)(calenderRef, inputRef);
84
93
  }, 500);
85
- window.addEventListener('scroll', handleVerticalPosDebounced);
94
+ // Add an event listener to the 'scroll' event on the 'window'.
95
+ // When the user scrolls the page, the 'handleVerticalPosDebounced' function will be called.
96
+ window.addEventListener("scroll", handleVerticalPosDebounced);
86
97
  return function () {
87
98
  window.removeEventListener('scroll', handleVerticalPosDebounced);
88
99
  };
@@ -193,10 +204,10 @@ function DatePicker(props) {
193
204
  setRange(item);
194
205
  };
195
206
  var wrapCaretLeft = react_1.default.useCallback(function () {
196
- return (react_1.default.createElement(phosphor_react_1.CaretLeft, { onMouseDown: function (e) { return handleChangeMonth(e, -1); }, style: { cursor: 'pointer', color: invert && white }, size: 20 }));
207
+ return (react_1.default.createElement(Buttons_1.ButtonGhost, { S: true, icon: "CaretLeft", onMouseDown: function (e) { return handleChangeMonth(e, -1); }, style: { cursor: "pointer", color: invert && white } }));
197
208
  }, [value, invert]);
198
209
  var wrapCaretRight = react_1.default.useCallback(function () {
199
- return (react_1.default.createElement(phosphor_react_1.CaretRight, { onMouseDown: function (e) { return handleChangeMonth(e, 1); }, style: { cursor: 'pointer', color: invert && white }, size: 20 }));
210
+ return (react_1.default.createElement(Buttons_1.ButtonGhost, { S: true, icon: "CaretRight", onMouseDown: function (e) { return handleChangeMonth(e, 1); }, style: { cursor: "pointer", color: invert && white } }));
200
211
  }, [value, invert]);
201
212
  var getReadOnlyDate = function () {
202
213
  var dateObj = new Date(value);
@@ -214,20 +225,30 @@ function DatePicker(props) {
214
225
  react_1.default.createElement(styled_1.StyledHeader, null,
215
226
  wrapCaretLeft(),
216
227
  react_1.default.createElement(styled_1.StyledMonthTitle, { invert: invert },
217
- react_1.default.createElement("span", null, months[calender === null || calender === void 0 ? void 0 : calender.month]),
218
- react_1.default.createElement("span", null, calender === null || calender === void 0 ? void 0 : calender.year)),
228
+ react_1.default.createElement("span", null,
229
+ react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, months[calender === null || calender === void 0 ? void 0 : calender.month])),
230
+ react_1.default.createElement("span", null,
231
+ react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, calender === null || calender === void 0 ? void 0 : calender.year))),
219
232
  wrapCaretRight()),
220
- react_1.default.createElement(styled_1.StyledWeekDaysWrapper, null, weeks.map(function (item, i) { return (react_1.default.createElement(styled_1.StyledWeekdays, { key: i, invert: invert }, item)); })),
233
+ react_1.default.createElement(styled_1.StyledWeekDaysWrapper, null, weeks.map(function (item, i) { return (react_1.default.createElement(styled_1.StyledWeekdays, { key: i, invert: invert },
234
+ react_1.default.createElement(Typo_1.SANS_3, null, item))); })),
221
235
  react_1.default.createElement(styled_1.StyledBodyWrapper, { invert: invert }, (_a = calender === null || calender === void 0 ? void 0 : calender.prevDays) === null || _a === void 0 ? void 0 :
222
236
  _a.map(function (item, i) {
223
237
  if (from) {
224
238
  if (item < range && item > from) {
225
- return (react_1.default.createElement("div", { key: i, className: "range", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } }, item.getDate()));
239
+ // Render the day as part of the selected range (when 'from' and 'range' are defined)
240
+ return (react_1.default.createElement("div", { key: i, className: "range", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } },
241
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
226
242
  }
227
243
  else if (item < from) {
228
- return (react_1.default.createElement("div", { key: i, className: "disabled-date" }, item.getDate()));
244
+ // Render disabled days before 'from'
245
+ return (react_1.default.createElement("div", { key: i, className: "disabled-date" },
246
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
229
247
  }
230
248
  else {
249
+ // Render days in the previous month
250
+ // Check if the current day is 'today' or falls in the range of previousDateOnly or futureDateOnly
251
+ // and apply appropriate class name for styling
231
252
  return (react_1.default.createElement("div", { key: i, className: (item.getDate() ===
232
253
  inputRef.current.value.split('/')[0] &&
233
254
  item.getMonth() + 1 ===
@@ -239,70 +260,95 @@ function DatePicker(props) {
239
260
  : (previousDateOnly && new Date() < item) ||
240
261
  (futureDateOnly && new Date() > item)
241
262
  ? 'disabled-date'
242
- : '', onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } }, item.getDate()));
263
+ : '', onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } },
264
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
243
265
  }
244
266
  }
245
267
  else {
246
- return react_1.default.createElement("div", { key: i, className: "disabled-date" }, item.getDate());
268
+ return react_1.default.createElement("div", { key: i, className: "disabled-date" },
269
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate()));
247
270
  }
248
271
  }), (_b = calender === null || calender === void 0 ? void 0 : calender.days) === null || _b === void 0 ? void 0 :
249
272
  _b.map(function (item, i) {
250
273
  if (from) {
251
274
  if (item < from) {
252
- return (react_1.default.createElement("div", { key: i, className: "disabled-date" }, item.getDate()));
275
+ // Render days before 'from' as disabled
276
+ return (react_1.default.createElement("div", { key: i, className: "disabled-date" },
277
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
253
278
  }
254
279
  else if (item > from && item < range) {
255
- return (react_1.default.createElement("div", { key: i, className: "range", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } }, item.getDate()));
280
+ // Render days within the selected range
281
+ return (react_1.default.createElement("div", { key: i, className: "range", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } },
282
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
256
283
  }
257
284
  else {
258
- return (react_1.default.createElement("div", { key: i, className: from.getTime() === item.getTime() ||
285
+ // Render days in the current month
286
+ // Check if the current day is 'today' or falls in the range of previousDateOnly or futureDateOnly
287
+ // and apply appropriate class name for styling
288
+ return (react_1.default.createElement("div", { key: i, className: "\n ".concat(from.getTime() === item.getTime() ||
259
289
  item.getTime() === (range === null || range === void 0 ? void 0 : range.getTime())
260
290
  ? 'today'
261
291
  : (previousDateOnly && new Date() < item) ||
262
292
  (futureDateOnly && new Date() > item)
263
293
  ? 'disabled-date'
264
- : '', onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } }, item.getDate()));
294
+ : '', "\n ").concat(calender.todaysDate.getDate() === item.getDate() && calender.todaysDate.getMonth() === item.getMonth()
295
+ ? " todaysDate "
296
+ : "", " \n "), onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } },
297
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
265
298
  }
266
299
  }
267
300
  else {
268
- return (react_1.default.createElement("div", { key: i, className: calender.today === item.getDate() &&
269
- ((calender.month === new Date().getMonth() &&
270
- calender.year === new Date().getFullYear()) ||
271
- (calender.month ===
272
- inputRef.current.value.split('/')[1] - 1 &&
273
- calender.year ===
274
- inputRef.current.value.split('/')[2]))
275
- ? 'today'
276
- : (previousDateOnly && new Date() < item) ||
277
- (futureDateOnly && new Date() > item)
278
- ? 'disabled-date'
279
- : '', onMouseDown: function (e) { return handleDayClick(e, item); } }, item.getDate()));
301
+ // Render days in the current month
302
+ // Check if the current day is 'today' or falls in the range of previousDateOnly or futureDateOnly
303
+ // and apply appropriate class name for styling
304
+ return (react_1.default.createElement("div", { key: i, className: "\n ".concat(calender.today === item.getDate() &&
305
+ ((calender.month === new Date().getMonth() && calender.year === new Date().getFullYear()) ||
306
+ (calender.month === inputRef.current.value.split("/")[1] - 1 && calender.year === inputRef.current.value.split("/")[2]))
307
+ ? " today "
308
+ : (previousDateOnly && new Date() < item) || (futureDateOnly && new Date() > item)
309
+ ? "disabled-date "
310
+ : "").concat(calender.todaysDate.getDate() === item.getDate() && calender.todaysDate.getMonth() === item.getMonth()
311
+ ? " todaysDate "
312
+ : "", "\n ").concat(calender.month === new Date().getMonth() && calender.year === new Date().getFullYear() ||
313
+ (calender.month === inputRef.current.value.split("/")[1] - 1 && calender.year === inputRef.current.value.split("/")[2])
314
+ ? " selectedToday " : "", "\n "), onMouseDown: function (e) { return handleDayClick(e, item); } },
315
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
280
316
  }
281
317
  }), (_c = calender === null || calender === void 0 ? void 0 : calender.nextDays) === null || _c === void 0 ? void 0 :
282
318
  _c.map(function (item, i) {
283
319
  if (from) {
284
320
  if (item < range && item > from) {
285
- return (react_1.default.createElement("div", { key: i, className: "range", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } }, item.getDate()));
321
+ // Render days within the selected range
322
+ return (react_1.default.createElement("div", { key: i, className: "range", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } },
323
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
286
324
  }
287
325
  else if (item < from) {
288
- return (react_1.default.createElement("div", { key: i, className: "disabled-date" }, item.getDate()));
326
+ // Render disabled days before 'from'
327
+ return (react_1.default.createElement("div", { key: i, className: "disabled-date" },
328
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
289
329
  }
290
330
  else {
331
+ // Render days in the next month
332
+ // Check if the current day is 'today' or falls in the range of previousDateOnly or futureDateOnly
333
+ // and apply appropriate class name for styling
291
334
  return (react_1.default.createElement("div", { key: i, className: item.getDate() ===
292
- inputRef.current.value.split('/')[0] &&
335
+ inputRef.current.value.split("/")[0] &&
293
336
  item.getMonth() + 1 ===
294
- inputRef.current.value.split('/')[1] &&
337
+ inputRef.current.value.split("/")[1] &&
295
338
  item.getFullYear() ===
296
- inputRef.current.value.split('/')[2]
297
- ? 'today'
339
+ inputRef.current.value.split("/")[2]
340
+ ? "today"
298
341
  : (previousDateOnly && new Date() < item) ||
299
342
  (futureDateOnly && new Date() > item)
300
- ? 'disabled-date'
301
- : '', onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } }, item.getDate()));
343
+ ? "disabled-date"
344
+ : "", onMouseDown: function (e) { return handleDayClick(e, item); }, onPointerEnter: function () { return handlePointerEnter(item); } },
345
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
302
346
  }
303
347
  }
304
348
  else {
305
- return react_1.default.createElement("div", { key: i, className: "disabled-date" }, item.getDate());
349
+ // Render days in the next month as disabled if 'from' is not defined
350
+ return (react_1.default.createElement("div", { key: i, className: "disabled-date" },
351
+ react_1.default.createElement(Typo_1.SANS_3, null, item.getDate())));
306
352
  }
307
353
  })))))));
308
354
  }
package/dist/components/DatePicker/styled.js CHANGED
@@ -31,28 +31,28 @@ exports.StyledInput = styled_components_1.default.input(templateObject_2 || (tem
31
31
  "\n color: ".concat(greyColor40, "\n background-color: ").concat(greyColor15, ";\n cursor: not-allowed;\n ");
32
32
  }, greyColor40);
33
33
  exports.StyledDateInputWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), globalVariables_1.inputElemFocused);
34
- exports.StyledCalenderContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: sans-serif;\n position: absolute;\n width: 30rem;\n /* height: 319px; */\n box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.2);\n background-color: ", ";\n visibility: hidden;\n z-index: 10000;\n\n .disabled-date {\n opacity: 0.5;\n pointer-events: none;\n }\n \n .range {\n background-color: ", ";\n color: ", ";\n }\n\n .today {\n background-color: ", ";\n color: ", ";\n }\n\n .right-class {\n right: 0;\n }\n"], ["\n font-family: sans-serif;\n position: absolute;\n width: 30rem;\n /* height: 319px; */\n box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.2);\n background-color: ", ";\n visibility: hidden;\n z-index: 10000;\n\n .disabled-date {\n opacity: 0.5;\n pointer-events: none;\n }\n \n .range {\n background-color: ", ";\n color: ", ";\n }\n\n .today {\n background-color: ", ";\n color: ", ";\n }\n\n .right-class {\n right: 0;\n }\n"])), function (_a) {
35
- var invert = _a.invert;
36
- return invert ? greyColor80 : white;
37
- }, function (_a) {
34
+ exports.StyledCalenderContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n /* font-family: sans-serif; */\n position: absolute;\n width: 30rem;\n /* height: 319px; */\n visibility: hidden;\n z-index: 10000;\n\n .disabled-date {\n opacity: 0.5;\n pointer-events: none;\n }\n \n .range {\n background-color: ", ";\n color: ", ";\n }\n\n .today {\n background-color: ", ";\n color: ", ";\n }\n\n .todaysDate {\n position: relative;\n }\n \n .todaysDate::after {\n content: '';\n background-color: ", ";\n width: .7rem;\n height: .7rem;\n position: absolute;\n border-radius: 50%;\n bottom: 0.3rem;\n }\n\n .today.todaysDate {\n color: ", ";\n background-color: inherit;\n }\n\n .today.todaysDate.selectedToday{\n background-color: ", ";\n color: ", ";\n }\n\n .right-class {\n right: 0;\n }\n"], ["\n ", "\n /* font-family: sans-serif; */\n position: absolute;\n width: 30rem;\n /* height: 319px; */\n visibility: hidden;\n z-index: 10000;\n\n .disabled-date {\n opacity: 0.5;\n pointer-events: none;\n }\n \n .range {\n background-color: ", ";\n color: ", ";\n }\n\n .today {\n background-color: ", ";\n color: ", ";\n }\n\n .todaysDate {\n position: relative;\n }\n \n .todaysDate::after {\n content: '';\n background-color: ", ";\n width: .7rem;\n height: .7rem;\n position: absolute;\n border-radius: 50%;\n bottom: 0.3rem;\n }\n\n .today.todaysDate {\n color: ", ";\n background-color: inherit;\n }\n\n .today.todaysDate.selectedToday{\n background-color: ", ";\n color: ", ";\n }\n\n .right-class {\n right: 0;\n }\n"])), globalVariables_1.lightboxStyle, function (_a) {
38
35
  var invert = _a.invert;
39
36
  return invert ? greyColor3 : primaryColor10;
40
37
  }, function (_a) {
41
38
  var invert = _a.invert;
42
39
  return invert && greyColor80;
40
+ }, primaryColor100, white, primaryColor100, function (_a) {
41
+ var invert = _a.invert;
42
+ return !invert && greyColor100;
43
43
  }, primaryColor100, white);
44
44
  exports.StyledMonthView = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\n"], ["\n\n"])));
45
45
  exports.StyledMonthTitle = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n color: ", ";\n"], ["\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n color: ", ";\n"])), function (_a) {
46
46
  var invert = _a.invert;
47
47
  return invert && white;
48
48
  });
49
- exports.StyledHeader = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n width: 90%;\n margin: auto;\n padding: 1rem 0;\n font-size: 1.6rem;\n font-weight: bold;\n align-items: center;\n justify-content: space-between;\n"], ["\n display: flex;\n width: 90%;\n margin: auto;\n padding: 1rem 0;\n font-size: 1.6rem;\n font-weight: bold;\n align-items: center;\n justify-content: space-between;\n"])));
49
+ exports.StyledHeader = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n width: 90%;\n margin: auto;\n padding: 1.5rem 0 1rem 0;\n font-size: 1.4rem;\n font-weight: 600;\n align-items: center;\n justify-content: space-between;\n"], ["\n display: flex;\n width: 90%;\n margin: auto;\n padding: 1.5rem 0 1rem 0;\n font-size: 1.4rem;\n font-weight: 600;\n align-items: center;\n justify-content: space-between;\n"])));
50
50
  exports.StyledWeekDaysWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n height: 3.5rem;\n"], ["\n display: flex;\n justify-content: center;\n height: 3.5rem;\n"])));
51
- exports.StyledWeekdays = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 1.6rem;\n font-weight: bold;\n opacity: 0.7;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n color: ", ";\n"], ["\n font-size: 1.6rem;\n font-weight: bold;\n opacity: 0.7;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n color: ", ";\n"])), function (_a) {
51
+ exports.StyledWeekdays = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 1.4rem;\n /* font-weight: 600; */\n opacity: 0.7;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n color: ", ";\n"], ["\n font-size: 1.4rem;\n /* font-weight: 600; */\n opacity: 0.7;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n color: ", ";\n"])), function (_a) {
52
52
  var invert = _a.invert;
53
53
  return invert && white;
54
54
  });
55
- exports.StyledBodyWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n div {\n font-size: 16px;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 4rem;\n border: ", ";\n border-top: ", ";\n border-bottom: ", ";\n color: ", ";\n transition: background-color 0.2s;\n &:hover:not(.disabled-date) {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n }\n\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n div {\n font-size: 16px;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 4rem;\n border: ", ";\n border-top: ", ";\n border-bottom: ", ";\n color: ", ";\n transition: background-color 0.2s;\n &:hover:not(.disabled-date) {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n }\n\n"])), function (_a) {
55
+ exports.StyledBodyWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding-bottom: 1rem;\n div {\n font-size: 1.4rem;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 4rem;\n /* border: ", "; */\n /* border-top: ", "; */\n border-bottom: ", ";\n color: ", ";\n transition: background-color 0.2s;\n &:hover:not(.disabled-date) {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n }\n\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding-bottom: 1rem;\n div {\n font-size: 1.4rem;\n width: calc(280px / 7);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 4rem;\n /* border: ", "; */\n /* border-top: ", "; */\n border-bottom: ", ";\n color: ", ";\n transition: background-color 0.2s;\n &:hover:not(.disabled-date) {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n }\n\n"])), function (_a) {
56
56
  var invert = _a.invert;
57
57
  return !invert ? "6px 0px ".concat(white) : "6px 0px ".concat(greyColor80);
58
58
  }, function (_a) {
@@ -60,7 +60,7 @@ exports.StyledBodyWrapper = styled_components_1.default.div(templateObject_10 ||
60
60
  return !invert ? "6px solid ".concat(white) : "6px solid ".concat(greyColor80);
61
61
  }, function (_a) {
62
62
  var invert = _a.invert;
63
- return !invert ? "6px solid ".concat(white) : "6px solid ".concat(greyColor80);
63
+ return !invert ? "1px solid ".concat(white) : "1px solid ".concat(greyColor80);
64
64
  }, function (_a) {
65
65
  var invert = _a.invert;
66
66
  return invert && white;
package/dist/components/DatePicker/utils/buildCalenderObj.js CHANGED
@@ -19,6 +19,7 @@ var buildCalenderObj = function (from, inputRef, monthNumber, calender, setCalen
19
19
  // selects a new date or when the component is initially mounted.
20
20
  var _a, _b, _c, _d, _e, _f;
21
21
  var date = from || new Date();
22
+ var currentDate = new Date();
22
23
  var day = (((_b = (_a = inputRef.current.value) === null || _a === void 0 ? void 0 : _a.split('/')[0]) === null || _b === void 0 ? void 0 : _b.length) > 1 &&
23
24
  inputRef.current.value.split('/')[0]) ||
24
25
  date.getDate();
@@ -63,6 +64,7 @@ var buildCalenderObj = function (from, inputRef, monthNumber, calender, setCalen
63
64
  calender.nextDays = nextDays;
64
65
  calender.month = customeDate.getMonth();
65
66
  calender.year = customeDate.getFullYear();
67
+ calender.todaysDate = currentDate;
66
68
  var modified = __assign({}, calender);
67
69
  setCalender(modified);
68
70
  return new Date(calender.year, calender.month, calender.today);
package/dist/components/Dropdowns/comps/OptionsSingle/styled.js CHANGED
@@ -32,13 +32,14 @@ var styled_components_1 = __importStar(require("styled-components"));
32
32
  var themes_1 = require("../../../../themes");
33
33
  var mixins_1 = require("../../../../themes/mixins");
34
34
  var utilsOolib_1 = require("../../../../utilsOolib");
35
- exports.StyledOptionsWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 100000;\n padding-left: 0; //cancel out the ul's padding left\n cursor: pointer;\n border: 1px solid ", ";\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 2px;\n ", ";\n width: 100%;\n min-width: max-content;\n min-width: -moz-max-content;\n max-width: 36rem;\n overflow: auto;\n background-color: ", ";\n /* border: ", "; */\n max-height: ", ";\n"], ["\n z-index: 100000;\n padding-left: 0; //cancel out the ul's padding left\n cursor: pointer;\n border: 1px solid ", ";\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 2px;\n ", ";\n width: 100%;\n min-width: max-content;\n min-width: -moz-max-content;\n max-width: 36rem;\n overflow: auto;\n background-color: ", ";\n /* border: ", "; */\n max-height: ", ";\n"])), function (_a) {
35
+ var globalVariables_1 = require("../../../../globalStyles/globalVariables");
36
+ exports.StyledOptionsWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 100000;\n padding-left: 0; //cancel out the ul's padding left\n cursor: pointer;\n ", "\n border-top-right-radius: 0px;\n border-top-left-radius: 0px;\n /* border: 1px solid ", "; */\n /* border-bottom-right-radius: 2px; */\n /* border-bottom-left-radius: 2px; */\n /* background-color: ", "; */\n /* ", "; */\n width: 100%;\n min-width: max-content;\n min-width: -moz-max-content;\n max-width: 36rem;\n overflow: auto;\n \n /* border: ", "; */\n max-height: ", ";\n"], ["\n z-index: 100000;\n padding-left: 0; //cancel out the ul's padding left\n cursor: pointer;\n ", "\n border-top-right-radius: 0px;\n border-top-left-radius: 0px;\n /* border: 1px solid ", "; */\n /* border-bottom-right-radius: 2px; */\n /* border-bottom-left-radius: 2px; */\n /* background-color: ", "; */\n /* ", "; */\n width: 100%;\n min-width: max-content;\n min-width: -moz-max-content;\n max-width: 36rem;\n overflow: auto;\n \n /* border: ", "; */\n max-height: ", ";\n"])), globalVariables_1.lightboxStyle, function (_a) {
36
37
  var invert = _a.invert;
37
38
  return (invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor5);
38
- }, mixins_1.boxShadow1, function (_a) {
39
+ }, function (_a) {
39
40
  var invert = _a.invert;
40
41
  return invert ? themes_1.colors.greyColor90 : themes_1.colors.white;
41
- }, function (_a) {
42
+ }, mixins_1.boxShadow1, function (_a) {
42
43
  var invert = _a.invert;
43
44
  return invert && "1px solid ".concat(themes_1.colors.greyColor80);
44
45
  }, function (_a) {
package/dist/components/Dropdowns/utils/genProfileImg.d.ts CHANGED
@@ -4,5 +4,4 @@ export function genProfileImg({ image, display, invert, theme }: {
4
4
  invert: any;
5
5
  theme: any;
6
6
  }): React.JSX.Element;
7
- export function renderImagePlaceholderForOolibPreview(): React.JSX.Element;
8
7
  import React from "react";
package/dist/components/Dropdowns/utils/genProfileImg.js CHANGED
@@ -3,16 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.renderImagePlaceholderForOolibPreview = exports.genProfileImg = void 0;
6
+ exports.genProfileImg = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var themes_1 = require("../../../themes");
9
- var Tooltip_1 = require("../../Tooltip");
10
- var phosphor_react_1 = require("phosphor-react");
8
+ var renderImagePlaceholderForOolibPreview_1 = require("../../../utilsOolib/renderImagePlaceholderForOolibPreview");
11
9
  var genProfileImg = function (_a) {
12
10
  var image = _a.image, display = _a.display, invert = _a.invert, theme = _a.theme;
13
11
  if (image) {
14
12
  if (!(theme === null || theme === void 0 ? void 0 : theme.ProfileImageDisplay)) {
15
- return (0, exports.renderImagePlaceholderForOolibPreview)();
13
+ return (0, renderImagePlaceholderForOolibPreview_1.renderImagePlaceholderForOolibPreview)();
16
14
  }
17
15
  else {
18
16
  var ProfileImageDisplay = theme.ProfileImageDisplay;
@@ -22,15 +20,3 @@ var genProfileImg = function (_a) {
22
20
  }
23
21
  };
24
22
  exports.genProfileImg = genProfileImg;
25
- var renderImagePlaceholderForOolibPreview = function () { return react_1.default.createElement(Tooltip_1.Tooltip, { position: "bottom", text: "ProfileImageDisplay component needs to be provided via theme provider in order to render profile image", children: react_1.default.createElement("div", { style: {
26
- width: "2rem",
27
- height: "2rem",
28
- borderRadius: "50%",
29
- background: themes_1.colors.lightRed,
30
- display: 'flex',
31
- justifyContent: 'center',
32
- alignItems: 'center',
33
- flex: "0 0 auto"
34
- } },
35
- react_1.default.createElement(phosphor_react_1.Info, { size: 16 })) }); };
36
- exports.renderImagePlaceholderForOolibPreview = renderImagePlaceholderForOolibPreview;
package/dist/components/EmptyStates/config.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  export namespace emptyStatesConfig {
2
- namespace contentListing {
2
+ namespace communityListing {
3
3
  const layout: string;
4
4
  const img: string;
5
5
  const imgSize: number;
6
6
  const title: string;
7
7
  const subTitle: string;
8
8
  }
9
- namespace profileListing {
9
+ namespace contentListing {
10
10
  const layout_1: string;
11
11
  export { layout_1 as layout };
12
12
  const img_1: string;
@@ -18,61 +18,58 @@ export namespace emptyStatesConfig {
18
18
  const subTitle_1: string;
19
19
  export { subTitle_1 as subTitle };
20
20
  }
21
- namespace notificationEmpty {
21
+ namespace profileListing {
22
22
  const layout_2: string;
23
23
  export { layout_2 as layout };
24
24
  const img_2: string;
25
25
  export { img_2 as img };
26
26
  const imgSize_2: number;
27
27
  export { imgSize_2 as imgSize };
28
- export const opacity: number;
29
28
  const title_2: string;
30
29
  export { title_2 as title };
31
30
  const subTitle_2: string;
32
31
  export { subTitle_2 as subTitle };
33
32
  }
34
- namespace dashboardListing {
33
+ namespace notificationEmpty {
35
34
  const layout_3: string;
36
35
  export { layout_3 as layout };
37
36
  const img_3: string;
38
37
  export { img_3 as img };
39
38
  const imgSize_3: number;
40
39
  export { imgSize_3 as imgSize };
40
+ export const opacity: number;
41
41
  const title_3: string;
42
42
  export { title_3 as title };
43
43
  const subTitle_3: string;
44
44
  export { subTitle_3 as subTitle };
45
45
  }
46
- namespace successFullyPublish {
46
+ namespace dashboardListing {
47
47
  const layout_4: string;
48
48
  export { layout_4 as layout };
49
49
  const img_4: string;
50
50
  export { img_4 as img };
51
51
  const imgSize_4: number;
52
52
  export { imgSize_4 as imgSize };
53
- const opacity_1: number;
54
- export { opacity_1 as opacity };
55
53
  const title_4: string;
56
54
  export { title_4 as title };
57
55
  const subTitle_4: string;
58
56
  export { subTitle_4 as subTitle };
59
57
  }
60
- namespace draftsListing {
58
+ namespace successFullyPublish {
61
59
  const layout_5: string;
62
60
  export { layout_5 as layout };
63
61
  const img_5: string;
64
62
  export { img_5 as img };
65
63
  const imgSize_5: number;
66
64
  export { imgSize_5 as imgSize };
65
+ const opacity_1: number;
66
+ export { opacity_1 as opacity };
67
67
  const title_5: string;
68
68
  export { title_5 as title };
69
69
  const subTitle_5: string;
70
70
  export { subTitle_5 as subTitle };
71
- export namespace action {
72
- const btnText: string;
73
- }
74
71
  }
75
- namespace publishedListing {
72
+ namespace draftsListing {
76
73
  const layout_6: string;
77
74
  export { layout_6 as layout };
78
75
  const img_6: string;
@@ -83,13 +80,11 @@ export namespace emptyStatesConfig {
83
80
  export { title_6 as title };
84
81
  const subTitle_6: string;
85
82
  export { subTitle_6 as subTitle };
86
- export namespace action_1 {
87
- const btnText_1: string;
88
- export { btnText_1 as btnText };
83
+ export namespace action {
84
+ const btnText: string;
89
85
  }
90
- export { action_1 as action };
91
86
  }
92
- namespace inModerationListing {
87
+ namespace publishedListing {
93
88
  const layout_7: string;
94
89
  export { layout_7 as layout };
95
90
  const img_7: string;
@@ -100,13 +95,13 @@ export namespace emptyStatesConfig {
100
95
  export { title_7 as title };
101
96
  const subTitle_7: string;
102
97
  export { subTitle_7 as subTitle };
103
- export namespace action_2 {
104
- const btnText_2: string;
105
- export { btnText_2 as btnText };
98
+ export namespace action_1 {
99
+ const btnText_1: string;
100
+ export { btnText_1 as btnText };
106
101
  }
107
- export { action_2 as action };
102
+ export { action_1 as action };
108
103
  }
109
- namespace underMyModeration {
104
+ namespace inModerationListing {
110
105
  const layout_8: string;
111
106
  export { layout_8 as layout };
112
107
  const img_8: string;
@@ -117,8 +112,13 @@ export namespace emptyStatesConfig {
117
112
  export { title_8 as title };
118
113
  const subTitle_8: string;
119
114
  export { subTitle_8 as subTitle };
115
+ export namespace action_2 {
116
+ const btnText_2: string;
117
+ export { btnText_2 as btnText };
118
+ }
119
+ export { action_2 as action };
120
120
  }
121
- namespace underOthersModeration {
121
+ namespace underMyModeration {
122
122
  const layout_9: string;
123
123
  export { layout_9 as layout };
124
124
  const img_9: string;
@@ -130,7 +130,7 @@ export namespace emptyStatesConfig {
130
130
  const subTitle_9: string;
131
131
  export { subTitle_9 as subTitle };
132
132
  }
133
- namespace awaitingMod {
133
+ namespace underOthersModeration {
134
134
  const layout_10: string;
135
135
  export { layout_10 as layout };
136
136
  const img_10: string;
@@ -142,20 +142,19 @@ export namespace emptyStatesConfig {
142
142
  const subTitle_10: string;
143
143
  export { subTitle_10 as subTitle };
144
144
  }
145
- namespace searchListing {
145
+ namespace awaitingMod {
146
146
  const layout_11: string;
147
147
  export { layout_11 as layout };
148
148
  const img_11: string;
149
149
  export { img_11 as img };
150
+ const imgSize_11: number;
151
+ export { imgSize_11 as imgSize };
150
152
  const title_11: string;
151
153
  export { title_11 as title };
152
154
  const subTitle_11: string;
153
155
  export { subTitle_11 as subTitle };
154
- export namespace additionalAction {
155
- const text: string;
156
- }
157
156
  }
158
- namespace searchDashBoardListing {
157
+ namespace searchListing {
159
158
  const layout_12: string;
160
159
  export { layout_12 as layout };
161
160
  const img_12: string;
@@ -164,8 +163,11 @@ export namespace emptyStatesConfig {
164
163
  export { title_12 as title };
165
164
  const subTitle_12: string;
166
165
  export { subTitle_12 as subTitle };
166
+ export namespace additionalAction {
167
+ const text: string;
168
+ }
167
169
  }
168
- namespace learningModule {
170
+ namespace searchDashBoardListing {
169
171
  const layout_13: string;
170
172
  export { layout_13 as layout };
171
173
  const img_13: string;
@@ -175,4 +177,14 @@ export namespace emptyStatesConfig {
175
177
  const subTitle_13: string;
176
178
  export { subTitle_13 as subTitle };
177
179
  }
180
+ namespace learningModule {
181
+ const layout_14: string;
182
+ export { layout_14 as layout };
183
+ const img_14: string;
184
+ export { img_14 as img };
185
+ const title_14: string;
186
+ export { title_14 as title };
187
+ const subTitle_14: string;
188
+ export { subTitle_14 as subTitle };
189
+ }
178
190
  }
package/dist/components/EmptyStates/config.js CHANGED
@@ -2,6 +2,13 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.emptyStatesConfig = void 0;
4
4
  exports.emptyStatesConfig = {
5
+ communityListing: {
6
+ layout: "center",
7
+ img: "contentListing",
8
+ imgSize: 80,
9
+ title: "No Community Added",
10
+ subTitle: "Once you publish any community on the platform, it shows up here. You can edit published community in future, when required. "
11
+ },
5
12
  contentListing: {
6
13
  layout: "center",
7
14
  img: "contentListing",
@@ -26,10 +33,10 @@ exports.emptyStatesConfig = {
26
33
  },
27
34
  dashboardListing: {
28
35
  layout: "center",
29
- img: "contentListing",
36
+ img: "dashboardListing",
30
37
  imgSize: 80,
31
38
  title: "No Data Added",
32
- subTitle: " "
39
+ subTitle: "Currently, no data is available. Start exploring insights once data is populated "
33
40
  },
34
41
  successFullyPublish: {
35
42
  layout: "center",
@@ -105,9 +112,9 @@ exports.emptyStatesConfig = {
105
112
  },
106
113
  searchDashBoardListing: {
107
114
  layout: "center",
108
- img: "searchListing",
115
+ img: "searchDashBoardListing",
109
116
  title: "No search results found",
110
- subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required. "
117
+ subTitle: "Sorry we couldn’t find any matches for this. Please make sure the words are spelled correctly "
111
118
  },
112
119
  learningModule: {
113
120
  layout: "center",
package/dist/components/EmptyStates/index.js CHANGED
@@ -26,6 +26,8 @@ var learningModule_svg_1 = __importDefault(require("../../assets/images/learning
26
26
  var searchListing_svg_1 = __importDefault(require("../../assets/images/searchListing.svg"));
27
27
  var mailBoxImg_svg_1 = __importDefault(require("../../assets/images/mailBoxImg.svg"));
28
28
  var congratulationsImg_svg_1 = __importDefault(require("../../assets/images/congratulationsImg.svg"));
29
+ var searchDashBoardListing_svg_1 = __importDefault(require("../../assets/images/searchDashBoardListing.svg"));
30
+ var dashboardListing_svg_1 = __importDefault(require("../../assets/images/dashboardListing.svg"));
29
31
  var styled_components_1 = __importDefault(require("styled-components"));
30
32
  var StyledContainer = (0, styled_components_1.default)(Container_1.Container)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n padding: ", "; \n display: ", ";\n justify-content: 'center'; \n text-align: ", ";\n \n ", "{\n padding: ", ";\n }\n"], [" \n padding: ", "; \n display: ", ";\n justify-content: 'center'; \n text-align: ", ";\n \n ", "{\n padding: ", ";\n }\n"])), function (props) { return props.layout === "center" ? '2rem 0rem' : '4rem 0'; }, function (props) { return props.layout === "center" && "flex"; }, function (props) { return props.layout === "center" && "center"; }, (0, mixins_1.mediaQuery)("sm"), function (props) { return props.layout === "center" ? "4rem 0" : "6rem 0"; });
31
33
  var EmptyStates = function (_a) {
@@ -40,7 +42,9 @@ var EmptyStates = function (_a) {
40
42
  learningModule: learningModule_svg_1.default,
41
43
  searchListing: searchListing_svg_1.default,
42
44
  mailBoxImg: mailBoxImg_svg_1.default,
43
- congratulationsImg: congratulationsImg_svg_1.default
45
+ congratulationsImg: congratulationsImg_svg_1.default,
46
+ searchDashBoardListing: searchDashBoardListing_svg_1.default,
47
+ dashboardListing: dashboardListing_svg_1.default
44
48
  };
45
49
  var Title = (0, styled_components_1.default)(Typo_1.SERIF_5_6)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), titleStyle ? titleStyle : { marginTop: '2rem' });
46
50
  var SubTitle = (0, styled_components_1.default)(Typo_1.SANS_3_4)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n\n"], ["\n ", "\n\n"])), subTitleStyle ? subTitleStyle : { marginTop: '1rem' });
package/dist/components/Hints/styled.js CHANGED
@@ -10,9 +10,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.StyledTriangle = exports.StyledLightBoxList = exports.StyledLightBoxContent = exports.StyledLightBoxHeader = exports.StyledLightbox = exports.StyledHints = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var themes_1 = require("../../themes");
13
+ var globalVariables_1 = require("../../globalStyles/globalVariables");
13
14
  var white = themes_1.colors.white, greyColor15 = themes_1.colors.greyColor15, greyColor100 = themes_1.colors.greyColor100;
14
15
  exports.StyledHints = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
15
- exports.StyledLightbox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n z-index: 1000;\n background: ", ";\n position: absolute;\n\n border: 1px solid ", ";\n width: 30rem;\n height: 35rem;\n background-color: white;\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n border-radius: 2px;\n /* top: ", "; */\n /* right: ", "; */\n\n top: ", ";\n left: ", ";\n bottom: ", ";\n right: ", ";\n\n display: flex;\n flex-direction: column;\n"], ["\n z-index: 1000;\n background: ", ";\n position: absolute;\n\n border: 1px solid ", ";\n width: 30rem;\n height: 35rem;\n background-color: white;\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n border-radius: 2px;\n /* top: ", "; */\n /* right: ", "; */\n\n top: ", ";\n left: ", ";\n bottom: ", ";\n right: ", ";\n\n display: flex;\n flex-direction: column;\n"])), white, greyColor15, function (_a) {
16
+ exports.StyledLightbox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n z-index: 1000;\n background: ", ";\n position: absolute;\n width: 30rem;\n height: 35rem;\n ", "\n /* top: ", "; */\n /* right: ", "; */\n\n top: ", ";\n left: ", ";\n bottom: ", ";\n right: ", ";\n\n display: flex;\n flex-direction: column;\n"], ["\n z-index: 1000;\n background: ", ";\n position: absolute;\n width: 30rem;\n height: 35rem;\n ", "\n /* top: ", "; */\n /* right: ", "; */\n\n top: ", ";\n left: ", ";\n bottom: ", ";\n right: ", ";\n\n display: flex;\n flex-direction: column;\n"])), white, globalVariables_1.lightboxStyle, function (_a) {
16
17
  var style = _a.style;
17
18
  return ((style === null || style === void 0 ? void 0 : style.top) ? style.top : "-1rem");
18
19
  }, function (_a) {
package/dist/globalStyles/globalVariables.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export const inputElemPadding: import("styled-components").FlattenSimpleInterpolation;
2
2
  export const inputElemHover: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
3
3
  export const inputElemFocused: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
4
+ export const lightboxStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
package/dist/globalStyles/globalVariables.js CHANGED
@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  return cooked;
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.inputElemFocused = exports.inputElemHover = exports.inputElemPadding = void 0;
7
+ exports.lightboxStyle = exports.inputElemFocused = exports.inputElemHover = exports.inputElemPadding = void 0;
8
8
  var styled_components_1 = require("styled-components");
9
9
  var themes_1 = require("../themes");
10
10
  var mixins_1 = require("../themes/mixins");
@@ -16,9 +16,17 @@ exports.inputElemHover = (0, styled_components_1.css)(templateObject_2 || (templ
16
16
  });
17
17
  exports.inputElemFocused = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n bottom: 0;\n left: 0;\n box-shadow: inset 0px -2px 0px ", ";\n ", "\n }\n &:focus-within {\n background-color: ", ";\n ::after {\n width: 100%;\n }\n } \n"], ["\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n bottom: 0;\n left: 0;\n box-shadow: inset 0px -2px 0px ", ";\n ", "\n }\n &:focus-within {\n background-color: ", ";\n ::after {\n width: 100%;\n }\n } \n"])), function (_a) {
18
18
  var invert = _a.invert;
19
- return (invert ? "#ADDBFF" : "#33A4FF");
19
+ return (invert ? themes_1.colors.primaryColor40 : themes_1.colors.primaryColor100);
20
20
  }, (0, mixins_1.transition)('width'), function (_a) {
21
21
  var invert = _a.invert;
22
22
  return (invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor10);
23
23
  });
24
- var templateObject_1, templateObject_2, templateObject_3;
24
+ // Lghtbox style used for DatePicker, Dropdowns, hints and ActionMenu
25
+ exports.lightboxStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 1px solid ", ";\n background-color: ", ";\n border-radius: 2px;\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n"], ["\n border: 1px solid ", ";\n background-color: ", ";\n border-radius: 2px;\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n"])), function (_a) {
26
+ var invert = _a.invert;
27
+ return (invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor5);
28
+ }, function (_a) {
29
+ var invert = _a.invert;
30
+ return (invert ? themes_1.colors.greyColor80 : themes_1.colors.white);
31
+ });
32
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/globalStyles/index.js CHANGED
@@ -11,5 +11,5 @@ var normalize_1 = require("./normalize");
11
11
  var mixins_1 = require("../themes/mixins");
12
12
  require("../assets/fonts/style.css");
13
13
  var greyColor15 = themes_1.colors.greyColor15, greyColor40 = themes_1.colors.greyColor40, greyColor80 = themes_1.colors.greyColor80, greyColor100 = themes_1.colors.greyColor100;
14
- exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-size:10px;\n color: ", ";\n scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n border: none;\n border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n ", "\n font-weight: normal;\n font-style: normal;\n margin: 0;\n padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\n.sansSerif{\n ", "\n}\n\n.serif{\n ", "\n}\n\n.medium {\n font-weight: 500;\n}\n\n.semibold {\n font-weight: 600;\n}\n\n.bold{\n font-weight:bold;\n}\n\n.italic{\n font-style: italic;\n}\n\nb, strong {\n font-weight: bold;\n}\n\n\n \n"], ["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-size:10px;\n color: ", ";\n scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n border: none;\n border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n ", "\n font-weight: normal;\n font-style: normal;\n margin: 0;\n padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\n.sansSerif{\n ", "\n}\n\n.serif{\n ", "\n}\n\n.medium {\n font-weight: 500;\n}\n\n.semibold {\n font-weight: 600;\n}\n\n.bold{\n font-weight:bold;\n}\n\n.italic{\n font-style: italic;\n}\n\nb, strong {\n font-weight: bold;\n}\n\n\n \n"])), normalize_1.normalize, greyColor100, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ::-webkit-scrollbar { \n width: 0.7rem;// for vertical bars\n height: 0.5rem; //for horizontal bars \n }\n ::-webkit-scrollbar-track {background-color: ", ";}\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 0.4rem;\n }\n ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n ", "{\n ::-webkit-scrollbar { \n width: 1rem;\n height: 0.7rem;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n }\n }"], ["\n ::-webkit-scrollbar { \n width: 0.7rem;// for vertical bars\n height: 0.5rem; //for horizontal bars \n }\n ::-webkit-scrollbar-track {background-color: ", ";}\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 0.4rem;\n }\n ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n ", "{\n ::-webkit-scrollbar { \n width: 1rem;\n height: 0.7rem;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n }\n }"])), greyColor15, greyColor40, greyColor80, (0, mixins_1.mediaQuery)('md')), greyColor80, themes_1.typo.sansSerif, themes_1.typo.sansSerif, themes_1.typo.serif);
14
+ exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-size:10px;\n color: ", ";\n scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n border: none;\n border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n ", "\n font-weight: normal;\n font-style: normal;\n margin: 0;\n padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\na,\na:hover {\n text-decoration: none !important;\n color: ", ";\n cursor: pointer;\n}\n\n.sansSerif{\n ", "\n}\n\n.serif{\n ", "\n}\n\n.medium {\n font-weight: 500;\n}\n\n.semibold {\n font-weight: 600;\n}\n\n.bold{\n font-weight:bold;\n}\n\n.italic{\n font-style: italic;\n}\n\nb, strong {\n font-weight: bold;\n}\n\n\n \n"], ["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-size:10px;\n color: ", ";\n scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n border: none;\n border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n ", "\n font-weight: normal;\n font-style: normal;\n margin: 0;\n padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\na,\na:hover {\n text-decoration: none !important;\n color: ", ";\n cursor: pointer;\n}\n\n.sansSerif{\n ", "\n}\n\n.serif{\n ", "\n}\n\n.medium {\n font-weight: 500;\n}\n\n.semibold {\n font-weight: 600;\n}\n\n.bold{\n font-weight:bold;\n}\n\n.italic{\n font-style: italic;\n}\n\nb, strong {\n font-weight: bold;\n}\n\n\n \n"])), normalize_1.normalize, greyColor100, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ::-webkit-scrollbar { \n width: 0.7rem;// for vertical bars\n height: 0.5rem; //for horizontal bars \n }\n ::-webkit-scrollbar-track {background-color: ", ";}\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 0.4rem;\n }\n ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n ", "{\n ::-webkit-scrollbar { \n width: 1rem;\n height: 0.7rem;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n }\n }"], ["\n ::-webkit-scrollbar { \n width: 0.7rem;// for vertical bars\n height: 0.5rem; //for horizontal bars \n }\n ::-webkit-scrollbar-track {background-color: ", ";}\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 0.4rem;\n }\n ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n ", "{\n ::-webkit-scrollbar { \n width: 1rem;\n height: 0.7rem;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n }\n }"])), greyColor15, greyColor40, greyColor80, (0, mixins_1.mediaQuery)('md')), greyColor80, themes_1.typo.sansSerif, themes_1.colors.greyColor100, themes_1.typo.sansSerif, themes_1.typo.serif);
15
15
  var templateObject_1, templateObject_2;
package/dist/themes/mixins/index.d.ts CHANGED
@@ -4,5 +4,12 @@ export function mediaQuery(point: any): string;
4
4
  export function isElementInViewport(el: any): boolean;
5
5
  export const ellipsis: import("styled-components").FlattenSimpleInterpolation;
6
6
  export function clampText(noOfLines: any): import("styled-components").FlattenSimpleInterpolation;
7
- export function multilineUnderline(color: any, thickness?: string, reverse?: boolean, hovered?: boolean): import("styled-components").FlattenSimpleInterpolation;
7
+ export function multilineUnderline({ color, thickness, reverse, }: {
8
+ color: any;
9
+ thickness?: string;
10
+ reverse?: boolean;
11
+ }): {
12
+ init: import("styled-components").FlattenSimpleInterpolation;
13
+ hovered: import("styled-components").FlattenSimpleInterpolation;
14
+ };
8
15
  export { boxShadow0, boxShadow1, innerShadow0 } from "./boxShadows";
package/dist/themes/mixins/index.js CHANGED
@@ -27,7 +27,7 @@ var getBreakPoint = function (point) {
27
27
  case "xxl":
28
28
  return 1600;
29
29
  default:
30
- return 'pass a valid breakpoint';
30
+ return "pass a valid breakpoint";
31
31
  }
32
32
  };
33
33
  exports.getBreakPoint = getBreakPoint;
@@ -42,21 +42,21 @@ var isElementInViewport = function (el) {
42
42
  var rect = el.getBoundingClientRect();
43
43
  return (rect.top >= 0 &&
44
44
  rect.left >= 0 &&
45
- rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
45
+ rect.bottom <=
46
+ (window.innerHeight || document.documentElement.clientHeight) &&
46
47
  rect.right <= (window.innerWidth || document.documentElement.clientWidth));
47
48
  };
48
49
  exports.isElementInViewport = isElementInViewport;
49
50
  exports.ellipsis = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
50
- var clampText = function (noOfLines) { return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n"
51
- //works only with inline(ish) elements, you need to call it again at hover state & set transition yourself 'background-size'
52
- ])), noOfLines); };
51
+ var clampText = function (noOfLines) { return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n"])), noOfLines); };
53
52
  exports.clampText = clampText;
54
- //works only with inline(ish) elements, you need to call it again at hover state & set transition yourself 'background-size'
55
- var multilineUnderline = function (color, thickness, reverse, hovered) {
56
- if (thickness === void 0) { thickness = '1px'; }
57
- if (reverse === void 0) { reverse = false; }
58
- if (hovered === void 0) { hovered = false; }
59
- return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject([" \n background-image: linear-gradient(", ", ", ");\n background-repeat: no-repeat;\n background-position: left bottom;\n background-size: ", " ", ";\n"], [" \n background-image: linear-gradient(", ", ", ");\n background-repeat: no-repeat;\n background-position: left bottom;\n background-size: ", " ", ";\n"])), color, color, hovered ? (reverse ? '100%' : '0%') : (reverse ? '0%' : '100%'), thickness);
53
+ //works only with inline elements.
54
+ var multilineUnderline = function (_a) {
55
+ var color = _a.color, _b = _a.thickness, thickness = _b === void 0 ? "1px" : _b, _c = _a.reverse, reverse = _c === void 0 ? false : _c;
56
+ return ({
57
+ init: (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-image: linear-gradient(", ", ", ");\n background-repeat: no-repeat;\n background-position: left bottom;\n background-size: ", " ", ";\n "], ["\n background-image: linear-gradient(", ", ", ");\n background-repeat: no-repeat;\n background-position: left bottom;\n background-size: ", " ", ";\n "])), color, color, reverse ? "100%" : "0%", thickness),
58
+ hovered: (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-size: ", " ", ";\n "], ["\n background-size: ", " ", ";\n "])), reverse ? "0%" : "100%", thickness),
59
+ });
60
60
  };
61
61
  exports.multilineUnderline = multilineUnderline;
62
- var templateObject_1, templateObject_2, templateObject_3;
62
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/utilsOolib/renderImagePlaceholderForOolibPreview.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export function renderImagePlaceholderForOolibPreview(options?: {}): React.JSX.Element;
2
+ import React from "react";
package/dist/utilsOolib/renderImagePlaceholderForOolibPreview.js ADDED
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.renderImagePlaceholderForOolibPreview = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var phosphor_react_1 = require("phosphor-react");
9
+ var Tooltip_1 = require("../components/Tooltip");
10
+ var themes_1 = require("../themes");
11
+ var renderImagePlaceholderForOolibPreview = function (options) {
12
+ if (options === void 0) { options = {}; }
13
+ var _a = options.width, width = _a === void 0 ? "2rem" : _a, _b = options.height, height = _b === void 0 ? '2rem' : _b, _c = options.borderRadius, borderRadius = _c === void 0 ? "50%" : _c, _d = options.tooltipPos, tooltipPos = _d === void 0 ? 'bottom' : _d;
14
+ return (react_1.default.createElement("div", { style: {
15
+ width: width,
16
+ height: height,
17
+ borderRadius: borderRadius,
18
+ background: themes_1.colors.lightRed,
19
+ display: "flex",
20
+ justifyContent: "center",
21
+ alignItems: "center",
22
+ flex: "0 0 auto",
23
+ } },
24
+ react_1.default.createElement(Tooltip_1.Tooltip, { position: tooltipPos, text: "ProfileImageDisplay component needs to be provided via theme provider in order to render profile image", presetTarget: "infoIcon" })));
25
+ };
26
+ exports.renderImagePlaceholderForOolibPreview = renderImagePlaceholderForOolibPreview;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.59.2",
3
+ "version": "2.61.0",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -92,6 +92,7 @@
92
92
  "lodash": "^4.17.21",
93
93
  "modularscale-js": "^3.0.1",
94
94
  "moment": "^2.24.0",
95
- "phosphor-react": "^1.4.1"
95
+ "phosphor-react": "^1.4.1",
96
+ "react-player": "^2.12.0"
96
97
  }
97
98
  }