{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/slices/ApartmentsSlice/ApartmentsSlice.js\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport cn from 'classnames';\nimport MapContainer from 'components/mapContainer/MapContainer';\nimport { useIsDesktop } from 'hooks/useIsDevice';\nimport { useState } from 'react';\nimport SliceIntro from 'slices/SliceIntro/SliceIntro';\nimport TabsSlice from 'slices/TabsSlice/TabsSlice';\nimport styles from './ApartmentsSlice.module.scss';\nimport ApartmentsList, { ApartmentItem } from './ApartmentsList';\n\nconst DesktopMapSlice = ({\n  accommodations,\n  house\n}) => {\n  // const [highlightCity, setHighlightCity] = useState('')\n  // const handleMouseEvent = (type, slug) => {\n  //    setHighlightCity(type == 'mouseover' ? slug : '')\n  // }\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.tabsContainer),\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: cn(styles.listContainer),\n      children: /*#__PURE__*/_jsxDEV(ApartmentsList, {\n        house: house,\n        accommodations: accommodations // handleMouseEvent={handleMouseEvent}\n\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 10\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: cn(styles.mapContainer),\n      children: \"TODO\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 20,\n    columnNumber: 11\n  }, this);\n};\n\nconst MobileMapSlice = ({\n  accommodations,\n  house\n}) => {\n  // const [highlightHouse, setHighlightHouse] = useState(null)\n  // const handleMouseEvent = (type, slug) => {\n  //    if(type == 'click') {\n  //       setHighlightHouse(highlightHouse == slug ? null : slug)\n  //    }\n  //    if(type == 'mapClick') {\n  //       setHighlightHouse(null)\n  //    }\n  // }\n  return /*#__PURE__*/_jsxDEV(TabsSlice, {\n    tabs: [{\n      label: 'Les appartements',\n      key: 'list',\n      render: () => /*#__PURE__*/_jsxDEV(\"div\", {\n        className: cn(styles.listContainer),\n        children: /*#__PURE__*/_jsxDEV(ApartmentsList, {\n          house: house,\n          accommodations: accommodations\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 22\n        }, this)\n      }, 'list', false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 19\n      }, this)\n    }, {\n      label: 'Plans',\n      key: 'map',\n      render: () => /*#__PURE__*/_jsxDEV(\"div\", {\n        className: cn(styles.mapContainer),\n        children: \"TODO\"\n      }, 'map', false, {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 19\n      }, this)\n    }]\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 49,\n    columnNumber: 7\n  }, this);\n};\n\nconst ApartmentsSlice = props => {\n  const {\n    id,\n    introText\n  } = props,\n        rest = _objectWithoutProperties(props, [\"id\", \"introText\"]);\n\n  const isDesktop = useIsDesktop();\n  return /*#__PURE__*/_jsxDEV(\"section\", {\n    id: id,\n    className: cn(styles.apartmentsSlice),\n    children: [isDesktop && /*#__PURE__*/_jsxDEV(SliceIntro, {\n      text: introText,\n      left: true\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 87,\n      columnNumber: 24\n    }, this), isDesktop ? /*#__PURE__*/_jsxDEV(DesktopMapSlice, _objectSpread({}, rest), void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 15\n    }, this) : /*#__PURE__*/_jsxDEV(MobileMapSlice, _objectSpread({}, rest), void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 91,\n      columnNumber: 15\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 82,\n    columnNumber: 7\n  }, this);\n};\n\nexport default ApartmentsSlice;","map":{"version":3,"sources":["/home/gkkdzdg/www/src/slices/ApartmentsSlice/ApartmentsSlice.js"],"names":["cn","MapContainer","useIsDesktop","useState","SliceIntro","TabsSlice","styles","ApartmentsList","ApartmentItem","DesktopMapSlice","accommodations","house","tabsContainer","listContainer","mapContainer","MobileMapSlice","label","key","render","ApartmentsSlice","props","id","introText","rest","isDesktop","apartmentsSlice"],"mappings":";;;;;;;;;;;;;AACA,OAAOA,EAAP,MAAe,YAAf;AACA,OAAOC,YAAP,MAAyB,sCAAzB;AACA,SAASC,YAAT,QAA6B,mBAA7B;AACA,SAASC,QAAT,QAAyB,OAAzB;AACA,OAAOC,UAAP,MAAuB,8BAAvB;AACA,OAAOC,SAAP,MAAsB,4BAAtB;AACA,OAAOC,MAAP,MAAmB,+BAAnB;AACA,OAAOC,cAAP,IAAyBC,aAAzB,QAA8C,kBAA9C;;AAGA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA,cAAF;AAAkBC,EAAAA;AAAlB,CAAD,KAAgC;AAErD;AAEA;AACA;AACA;AAEA,sBAAO;AAAK,IAAA,SAAS,EAAEX,EAAE,CAACM,MAAM,CAACM,aAAR,CAAlB;AAAA,4BACJ;AAAK,MAAA,SAAS,EAAEZ,EAAE,CAACM,MAAM,CAACO,aAAR,CAAlB;AAAA,6BACG,QAAC,cAAD;AACG,QAAA,KAAK,EAAEF,KADV;AAEG,QAAA,cAAc,EAAED,cAFnB,CAGG;;AAHH;AAAA;AAAA;AAAA;AAAA;AADH;AAAA;AAAA;AAAA;AAAA,YADI,eAQJ;AAAK,MAAA,SAAS,EAAEV,EAAE,CAACM,MAAM,CAACQ,YAAR,CAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YARI;AAAA;AAAA;AAAA;AAAA;AAAA,UAAP;AAYF,CApBD;;AAsBA,MAAMC,cAAc,GAAG,CAAC;AAAEL,EAAAA,cAAF;AAAkBC,EAAAA;AAAlB,CAAD,KAAgC;AAEpD;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,sBAEG,QAAC,SAAD;AACG,IAAA,IAAI,EAAE,CACH;AACGK,MAAAA,KAAK,EAAE,kBADV;AAC8BC,MAAAA,GAAG,EAAE,MADnC;AAEGC,MAAAA,MAAM,EAAE,mBACL;AAAgB,QAAA,SAAS,EAAElB,EAAE,CAACM,MAAM,CAACO,aAAR,CAA7B;AAAA,+BACG,QAAC,cAAD;AACG,UAAA,KAAK,EAAEF,KADV;AAEG,UAAA,cAAc,EAAED;AAFnB;AAAA;AAAA;AAAA;AAAA;AADH,SAAS,MAAT;AAAA;AAAA;AAAA;AAAA;AAHN,KADG,EAYH;AACGM,MAAAA,KAAK,EAAE,OADV;AACmBC,MAAAA,GAAG,EAAE,KADxB;AAEGC,MAAAA,MAAM,EAAE,mBACL;AAAe,QAAA,SAAS,EAAElB,EAAE,CAACM,MAAM,CAACQ,YAAR,CAA5B;AAAA;AAAA,SAAS,KAAT;AAAA;AAAA;AAAA;AAAA;AAHN,KAZG;AADT;AAAA;AAAA;AAAA;AAAA,UAFH;AA0BF,CAvCD;;AAyCA,MAAMK,eAAe,GAAIC,KAAD,IAAW;AAEhC,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,MAA6BF,KAAnC;AAAA,QAA0BG,IAA1B,4BAAmCH,KAAnC;;AAEA,QAAMI,SAAS,GAAGtB,YAAY,EAA9B;AAEA,sBACG;AACG,IAAA,EAAE,EAAEmB,EADP;AAEG,IAAA,SAAS,EAAErB,EAAE,CAACM,MAAM,CAACmB,eAAR,CAFhB;AAAA,eAKID,SAAS,iBAAI,QAAC,UAAD;AAAY,MAAA,IAAI,EAAEF,SAAlB;AAA6B,MAAA,IAAI;AAAjC;AAAA;AAAA;AAAA;AAAA,YALjB,EAOIE,SAAS,gBACL,QAAC,eAAD,oBAAqBD,IAArB;AAAA;AAAA;AAAA;AAAA,YADK,gBAEL,QAAC,cAAD,oBAAoBA,IAApB;AAAA;AAAA;AAAA;AAAA,YATR;AAAA;AAAA;AAAA;AAAA;AAAA,UADH;AAeF,CArBD;;AAwBA,eAAeJ,eAAf","sourcesContent":["\nimport cn from 'classnames'\nimport MapContainer from 'components/mapContainer/MapContainer'\nimport { useIsDesktop } from 'hooks/useIsDevice'\nimport { useState } from 'react'\nimport SliceIntro from 'slices/SliceIntro/SliceIntro'\nimport TabsSlice from 'slices/TabsSlice/TabsSlice'\nimport styles from './ApartmentsSlice.module.scss'\nimport ApartmentsList, { ApartmentItem } from './ApartmentsList'\n\n\nconst DesktopMapSlice = ({ accommodations, house, }) => {\n\n   // const [highlightCity, setHighlightCity] = useState('')\n\n   // const handleMouseEvent = (type, slug) => {\n   //    setHighlightCity(type == 'mouseover' ? slug : '')\n   // }\n\n   return <div className={cn(styles.tabsContainer)}>\n      <div className={cn(styles.listContainer)}>\n         <ApartmentsList\n            house={house}\n            accommodations={accommodations}\n            // handleMouseEvent={handleMouseEvent}\n         />\n      </div>\n      <div className={cn(styles.mapContainer)}>\n         TODO\n      </div>\n   </div>\n}\n\nconst MobileMapSlice = ({ accommodations, house, }) => {\n\n   // const [highlightHouse, setHighlightHouse] = useState(null)\n\n   // const handleMouseEvent = (type, slug) => {\n   //    if(type == 'click') {\n   //       setHighlightHouse(highlightHouse == slug ? null : slug)\n   //    }\n   //    if(type == 'mapClick') {\n   //       setHighlightHouse(null)\n   //    }\n   // }\n\n   return (\n\n      <TabsSlice\n         tabs={[\n            {\n               label: 'Les appartements', key: 'list',\n               render: () => (\n                  <div key='list' className={cn(styles.listContainer)}>\n                     <ApartmentsList\n                        house={house}\n                        accommodations={accommodations}\n                     />\n                  </div>\n               )\n            },\n            {\n               label: 'Plans', key: 'map',\n               render: () => (\n                  <div key='map' className={cn(styles.mapContainer)}>\n                     TODO\n                  </div>\n               )\n            },\n         ]}\n      />\n   )\n}\n\nconst ApartmentsSlice = (props) => {\n\n   const { id, introText, ...rest } = props\n\n   const isDesktop = useIsDesktop()\n\n   return (\n      <section\n         id={id}\n         className={cn(styles.apartmentsSlice)}\n      >\n\n         {isDesktop && <SliceIntro text={introText} left />}\n\n         {isDesktop\n            ? <DesktopMapSlice {...rest} />\n            : <MobileMapSlice {...rest} />\n         }\n\n      </section>\n   )\n}\n\n\nexport default ApartmentsSlice\n\n"]},"metadata":{},"sourceType":"module"}