nestiq-component-library 1.1.142 → 1.1.144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/assets/images/Icon_rightArrow.svg +3 -0
  2. package/dist/assets/images/LayersIcon.svg +5 -0
  3. package/dist/assets/images/blackarrow-Right.svg +3 -0
  4. package/dist/assets/images/blckarrow-Left.svg +3 -0
  5. package/dist/assets/images/{card-arrow-left.55343410142dad3f.svg → card-arrow-left.28090aba4b4f2006.svg} +4 -4
  6. package/dist/assets/images/{card-arrow-right.60b3bf0e34c1800d.svg → card-arrow-right.c60af4cbbd49f3aa.svg} +4 -4
  7. package/dist/assets/images/chevron-left.svg +3 -0
  8. package/dist/assets/images/default-property.jpg +0 -0
  9. package/dist/assets/images/heartIcon.svg +3 -0
  10. package/dist/assets/images/icon-close-white.webp +0 -0
  11. package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
  12. package/dist/assets/images/icon_close_2.png +0 -0
  13. package/dist/assets/images/icon_gallery.svg +4 -0
  14. package/dist/assets/images/icon_map.svg +10 -0
  15. package/dist/assets/images/icon_share_1.svg +3 -0
  16. package/dist/assets/images/{imooly.b46514ac970e6052.svg → imooly.890e3dd01ea33574.svg} +7 -7
  17. package/dist/assets/images/layer_icon.svg +5 -0
  18. package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +4 -0
  19. package/dist/assets/images/locationIcon.svg +4 -0
  20. package/dist/assets/images/locationIconBlack.svg +4 -0
  21. package/dist/assets/images/{more.ce14789c8d37e327.svg → more.1e158adc48fbb406.svg} +12 -12
  22. package/dist/assets/images/no-image-icon.png +0 -0
  23. package/dist/components/Button/Button.js +6 -0
  24. package/dist/components/ImageListPopup/ImageListPopup.js +26 -0
  25. package/dist/components/MessagePopup/ErrorPopup.d.ts +7 -0
  26. package/dist/components/Popup/Popup.js +12 -0
  27. package/dist/components/SharePopup/PopUp.d.ts +7 -0
  28. package/dist/index.es.js +34 -27
  29. package/dist/index.es.js.map +1 -1
  30. package/dist/index.js +34 -27
  31. package/dist/index.js.map +1 -1
  32. package/package.json +1 -1
  33. package/rollup.config.mjs +36 -36
  34. package/src/assets/images/card-arrow-left.svg +4 -4
  35. package/src/assets/images/card-arrow-right.svg +4 -4
  36. package/src/assets/images/imooly.svg +7 -7
  37. package/src/assets/images/more.svg +12 -12
  38. package/src/components/FloorPlanPopup/FloorPlanPopup.css +3 -3
  39. package/src/components/FloorPlanPopup/FloorPlanPopup.tsx +83 -83
  40. package/src/components/ImageListPopup/ImageListPopup.css +83 -83
  41. package/src/components/ImageListPopup/ImageListPopup.tsx +141 -141
  42. package/src/components/NewPropertyCard/NewPropertyCard.tsx +358 -358
  43. package/src/components/Popup/Popup.tsx +29 -29
  44. package/src/components/PropertyImageList/PropertyImageList.css +24 -6
  45. package/src/components/PropertyImageList/PropertyImageList.tsx +32 -25
  46. package/src/components/ToastWrapper/ToastWrapper.tsx +25 -25
  47. package/src/models/message.model.ts +7 -7
package/rollup.config.mjs CHANGED
@@ -1,36 +1,36 @@
1
- import typescript from "rollup-plugin-typescript2";
2
- import url from "@rollup/plugin-url";
3
- import postcss from "rollup-plugin-postcss";
4
- // import pkg from "./package.json" assert { type: "json" };
5
- import pkg from "./package.json" with { type: "json" };
6
-
7
- export default {
8
- input: "src/index.tsx",
9
- output: [
10
- {
11
- file: pkg.main,
12
- format: "cjs",
13
- sourcemap: true,
14
- },
15
- {
16
- file: pkg.module,
17
- format: "es",
18
- sourcemap: true,
19
- },
20
- ],
21
- external: ["react", "react-dom"],
22
- plugins: [
23
- typescript(),
24
- postcss({
25
- extensions: [".css"],
26
- }),
27
- url({
28
- include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
29
- limit: 0,
30
- emitFiles: true,
31
- fileName: '[name].[hash][extname]',
32
- destDir: 'dist/assets/images',
33
- publicPath: `/static/media/`
34
- })
35
- ],
36
- };
1
+ import typescript from "rollup-plugin-typescript2";
2
+ import url from "@rollup/plugin-url";
3
+ import postcss from "rollup-plugin-postcss";
4
+ import pkg from "./package.json" assert { type: "json" };
5
+ // import pkg from "./package.json" with { type: "json" };
6
+
7
+ export default {
8
+ input: "src/index.tsx",
9
+ output: [
10
+ {
11
+ file: pkg.main,
12
+ format: "cjs",
13
+ sourcemap: true,
14
+ },
15
+ {
16
+ file: pkg.module,
17
+ format: "es",
18
+ sourcemap: true,
19
+ },
20
+ ],
21
+ external: ["react", "react-dom"],
22
+ plugins: [
23
+ typescript(),
24
+ postcss({
25
+ extensions: [".css"],
26
+ }),
27
+ url({
28
+ include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
29
+ limit: 0,
30
+ emitFiles: true,
31
+ fileName: '[name].[hash][extname]',
32
+ destDir: 'dist/assets/images',
33
+ publicPath: `/static/media/`
34
+ })
35
+ ],
36
+ };
@@ -1,4 +1,4 @@
1
- <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
4
- </svg>
1
+ <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
4
+ </svg>
@@ -1,4 +1,4 @@
1
- <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
4
- </svg>
1
+ <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
4
+ </svg>
@@ -1,7 +1,7 @@
1
- <svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
3
- <path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
4
- <path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
5
- <path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
6
- <path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
7
- </svg>
1
+ <svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
3
+ <path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
4
+ <path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
5
+ <path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
6
+ <path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
7
+ </svg>
@@ -1,12 +1,12 @@
1
- <svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#fxcoqj8dma)" fill="#313131">
3
- <circle cx="2" cy="2" r="2"/>
4
- <circle cx="2" cy="10" r="2"/>
5
- <circle cx="2" cy="18" r="2"/>
6
- </g>
7
- <defs>
8
- <clipPath id="fxcoqj8dma">
9
- <path fill="#fff" d="M0 0h4v20H0z"/>
10
- </clipPath>
11
- </defs>
12
- </svg>
1
+ <svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#fxcoqj8dma)" fill="#313131">
3
+ <circle cx="2" cy="2" r="2"/>
4
+ <circle cx="2" cy="10" r="2"/>
5
+ <circle cx="2" cy="18" r="2"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="fxcoqj8dma">
9
+ <path fill="#fff" d="M0 0h4v20H0z"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -1,3 +1,3 @@
1
- .mainImage {
2
- height: 80%;
3
- }
1
+ .mainImage {
2
+ height: 80%;
3
+ }
@@ -1,83 +1,83 @@
1
- import React, { useEffect, useState } from "react";
2
- import iconClose from "../../assets/images/close.png";
3
-
4
- interface PopupProps {
5
- contentUrl: string;
6
- onCloseClick: () => void;
7
- }
8
-
9
- const FloorPlanPopup: React.FC<PopupProps> = ({ contentUrl, onCloseClick }) => {
10
- const [isContentImage, setIsContentImage] = useState(false);
11
-
12
- useEffect(() => {
13
- if (contentUrl) {
14
- const fileFormat = contentUrl.split(".").pop();
15
- if (
16
- fileFormat === "png" ||
17
- fileFormat === "jpg" ||
18
- fileFormat === "jpeg" ||
19
- fileFormat === "svg"
20
- ) {
21
- setIsContentImage(true);
22
- }
23
- }
24
- }, [contentUrl]);
25
-
26
- const downloadButtonClickHandler = (): void => {
27
- // Create a temporary anchor element
28
- const link = document.createElement("a");
29
- link.href = contentUrl;
30
- link.setAttribute("download", ""); // This attribute hints the browser to download the file
31
-
32
- // Append the anchor to the body and click it to trigger the download
33
- document.body.appendChild(link);
34
- link.click();
35
-
36
- // Clean up: remove the anchor element
37
- document.body.removeChild(link);
38
- };
39
- return (
40
- <div className="popup-overlay">
41
- <div className=" d-flex w-50 flex-column col-6 ">
42
- <div className="d-flex align-self-end me-5 mt-5">
43
- <img
44
- src={iconClose}
45
- alt="close"
46
- className="closeIcon mt-5"
47
- onClick={onCloseClick}
48
- />
49
- </div>
50
- <div className="d-flex justify-content-center">
51
- <div className="p-2 bd-highlight">
52
- {isContentImage && (
53
- <div
54
- className="rounded-5 mainImage"
55
- style={{
56
- backgroundImage: `url(${contentUrl})`,
57
- height: "350px",
58
- width: "600px",
59
- backgroundSize: "cover",
60
- backgroundPosition: "center",
61
- }}
62
- ></div>
63
- )}
64
- {!isContentImage && (
65
- <div className="text-white text-center">
66
- No Preview Available
67
- <button
68
- className="btn btn-info"
69
- onClick={downloadButtonClickHandler}
70
- >
71
- {" "}
72
- Download{" "}
73
- </button>
74
- </div>
75
- )}
76
- </div>
77
- </div>
78
- </div>
79
- </div>
80
- );
81
- };
82
-
83
- export default FloorPlanPopup;
1
+ import React, { useEffect, useState } from "react";
2
+ import iconClose from "../../assets/images/close.png";
3
+
4
+ interface PopupProps {
5
+ contentUrl: string;
6
+ onCloseClick: () => void;
7
+ }
8
+
9
+ const FloorPlanPopup: React.FC<PopupProps> = ({ contentUrl, onCloseClick }) => {
10
+ const [isContentImage, setIsContentImage] = useState(false);
11
+
12
+ useEffect(() => {
13
+ if (contentUrl) {
14
+ const fileFormat = contentUrl.split(".").pop();
15
+ if (
16
+ fileFormat === "png" ||
17
+ fileFormat === "jpg" ||
18
+ fileFormat === "jpeg" ||
19
+ fileFormat === "svg"
20
+ ) {
21
+ setIsContentImage(true);
22
+ }
23
+ }
24
+ }, [contentUrl]);
25
+
26
+ const downloadButtonClickHandler = (): void => {
27
+ // Create a temporary anchor element
28
+ const link = document.createElement("a");
29
+ link.href = contentUrl;
30
+ link.setAttribute("download", ""); // This attribute hints the browser to download the file
31
+
32
+ // Append the anchor to the body and click it to trigger the download
33
+ document.body.appendChild(link);
34
+ link.click();
35
+
36
+ // Clean up: remove the anchor element
37
+ document.body.removeChild(link);
38
+ };
39
+ return (
40
+ <div className="popup-overlay">
41
+ <div className=" d-flex w-50 flex-column col-6 ">
42
+ <div className="d-flex align-self-end me-5 mt-5">
43
+ <img
44
+ src={iconClose}
45
+ alt="close"
46
+ className="closeIcon mt-5"
47
+ onClick={onCloseClick}
48
+ />
49
+ </div>
50
+ <div className="d-flex justify-content-center">
51
+ <div className="p-2 bd-highlight">
52
+ {isContentImage && (
53
+ <div
54
+ className="rounded-5 mainImage"
55
+ style={{
56
+ backgroundImage: `url(${contentUrl})`,
57
+ height: "350px",
58
+ width: "600px",
59
+ backgroundSize: "cover",
60
+ backgroundPosition: "center",
61
+ }}
62
+ ></div>
63
+ )}
64
+ {!isContentImage && (
65
+ <div className="text-white text-center">
66
+ No Preview Available
67
+ <button
68
+ className="btn btn-info"
69
+ onClick={downloadButtonClickHandler}
70
+ >
71
+ {" "}
72
+ Download{" "}
73
+ </button>
74
+ </div>
75
+ )}
76
+ </div>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ );
81
+ };
82
+
83
+ export default FloorPlanPopup;
@@ -1,83 +1,83 @@
1
- .popup-header {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- width: 100%;
6
- padding: 1rem;
7
- position: absolute;
8
- top: 0;
9
- }
10
-
11
- .popup-title {
12
- color: white;
13
- font-size: 24px;
14
- font-weight: bold;
15
- }
16
-
17
- .btn-close {
18
- position: absolute;
19
- right: 1rem;
20
- top: 1rem;
21
- background: none;
22
- border: none;
23
- color: white;
24
- font-size: 24px;
25
- cursor: pointer;
26
- }
27
-
28
- .popup-body {
29
- display: flex;
30
- justify-content: center;
31
- align-items: center;
32
- padding: 1rem;
33
- position: relative;
34
- flex: 1;
35
- }
36
-
37
- .main-image {
38
- max-width: 100%;
39
- max-height: 80vh;
40
- border-radius: 8px;
41
- }
42
-
43
- .btn-prev,
44
- .btn-next {
45
- background: none;
46
- border: none;
47
- color: white;
48
- font-size: 48px;
49
- cursor: pointer;
50
- position: absolute;
51
- top: 50%;
52
- transform: translateY(-50%);
53
- }
54
-
55
- .btn-prev {
56
- left: 10px;
57
- }
58
-
59
- .btn-next {
60
- right: 10px;
61
- }
62
-
63
- .popup-thumbnails {
64
- display: flex;
65
- justify-content: center;
66
- align-items: center;
67
- gap: 10px;
68
- padding: 1rem;
69
- }
70
-
71
- .thumbnail {
72
- width: 60px;
73
- height: 60px;
74
- object-fit: cover;
75
- border-radius: 8px;
76
- cursor: pointer;
77
- opacity: 0.6;
78
- }
79
-
80
- .thumbnail.active {
81
- border: 2px solid white;
82
- opacity: 1;
83
- }
1
+ .popup-header {
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ width: 100%;
6
+ padding: 1rem;
7
+ position: absolute;
8
+ top: 0;
9
+ }
10
+
11
+ .popup-title {
12
+ color: white;
13
+ font-size: 24px;
14
+ font-weight: bold;
15
+ }
16
+
17
+ .btn-close {
18
+ position: absolute;
19
+ right: 1rem;
20
+ top: 1rem;
21
+ background: none;
22
+ border: none;
23
+ color: white;
24
+ font-size: 24px;
25
+ cursor: pointer;
26
+ }
27
+
28
+ .popup-body {
29
+ display: flex;
30
+ justify-content: center;
31
+ align-items: center;
32
+ padding: 1rem;
33
+ position: relative;
34
+ flex: 1;
35
+ }
36
+
37
+ .main-image {
38
+ max-width: 100%;
39
+ max-height: 80vh;
40
+ border-radius: 8px;
41
+ }
42
+
43
+ .btn-prev,
44
+ .btn-next {
45
+ background: none;
46
+ border: none;
47
+ color: white;
48
+ font-size: 48px;
49
+ cursor: pointer;
50
+ position: absolute;
51
+ top: 50%;
52
+ transform: translateY(-50%);
53
+ }
54
+
55
+ .btn-prev {
56
+ left: 10px;
57
+ }
58
+
59
+ .btn-next {
60
+ right: 10px;
61
+ }
62
+
63
+ .popup-thumbnails {
64
+ display: flex;
65
+ justify-content: center;
66
+ align-items: center;
67
+ gap: 10px;
68
+ padding: 1rem;
69
+ }
70
+
71
+ .thumbnail {
72
+ width: 60px;
73
+ height: 60px;
74
+ object-fit: cover;
75
+ border-radius: 8px;
76
+ cursor: pointer;
77
+ opacity: 0.6;
78
+ }
79
+
80
+ .thumbnail.active {
81
+ border: 2px solid white;
82
+ opacity: 1;
83
+ }