@open-condo/ui 1.27.1 → 1.28.0

package/dist/components/Button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,WAAW,IAAI,kBAAkB,EACpC,MAAM,MAAM,CAAA;AAEb,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,aAAK,gBAAgB,GAAG;IACpB,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC,GACxH,gBAAgB,CAAA;AAElB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAwChG,CAAA;AAIF,OAAO,EACH,MAAM,GACT,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,WAAW,IAAI,kBAAkB,EACpC,MAAM,MAAM,CAAA;AAEb,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,aAAK,gBAAgB,GAAG;IACpB,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC,GACxH,gBAAgB,CAAA;AAElB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CA4ChG,CAAA;AAIF,OAAO,EACH,MAAM,GACT,CAAA"}

package/dist/components/_utils/hooks/useBreakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../../src/components/_utils/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAKhD,wBAAgB,cAAc,CAAE,eAAe,UAAO,GAAG,SAAS,CAkBjE"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../../src/components/_utils/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAEA,OAA0B,EAAE,SAAS,EAAe,MAAM,sBAAsB,CAAA;AAUhF,wBAAgB,cAAc,CAAE,eAAe,UAAO,GAAG,SAAS,CAkBjE"}

package/dist/components/_utils/hooks/useForceUpdate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useForceUpdate.d.ts","sourceRoot":"","sources":["../../../../src/components/_utils/hooks/useForceUpdate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,wBAAgB,cAAc,gCAG7B"}
+{"version":3,"file":"useForceUpdate.d.ts","sourceRoot":"","sources":["../../../../src/components/_utils/hooks/useForceUpdate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,wBAAgB,cAAc,IAAK,KAAK,CAAC,qBAAqB,CAG7D"}

package/dist/components/_utils/responsiveObserve.d.ts

@@ -4,14 +4,14 @@ declare type BreakpointMap = {
     [Key in Breakpoint]: string;
 };
 export declare type ScreenMap = Partial<Record<Breakpoint, boolean>>;
-export declare type ScreenSizeMap = Partial<Record<Breakpoint, number>>;
 export declare const responsiveMap: BreakpointMap;
 declare type SubscribeFunc = (screens: ScreenMap) => void;
+declare type MediaQueryListListener = (this: MediaQueryList, event: MediaQueryListEvent) => void;
 declare const responsiveObserve: {
     matchHandlers: {
         [prop: string]: {
             mql: MediaQueryList;
-            listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
+            listener: MediaQueryListListener;
         };
     };
     dispatch(pointMap: ScreenMap): boolean;

package/dist/components/_utils/responsiveObserve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveObserve.d.ts","sourceRoot":"","sources":["../../../src/components/_utils/responsiveObserve.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,6GAAkG,CAAA;AAE1H,oBAAY,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;AACnD,aAAK,aAAa,GAAG;KAAG,GAAG,IAAI,UAAU,GAAG,MAAM;CAAE,CAAA;AAEpD,oBAAY,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;AAC5D,oBAAY,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAO3B,CAAA;AAED,aAAK,aAAa,GAAG,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;AAKjD,QAAA,MAAM,iBAAiB;;;iBAGN,cAAc;8BACD,cAAc,MAAM,mBAAmB,KAAK,GAAG;;;uBAGrD,SAAS;oBAKZ,aAAa,GAAG,MAAM;uBAOnB,MAAM;;;CA+B7B,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"responsiveObserve.d.ts","sourceRoot":"","sources":["../../../src/components/_utils/responsiveObserve.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,6GAAkG,CAAA;AAE1H,oBAAY,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;AACnD,aAAK,aAAa,GAAG;KAAG,GAAG,IAAI,UAAU,GAAG,MAAM;CAAE,CAAA;AAEpD,oBAAY,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;AAE5D,eAAO,MAAM,aAAa,EAAE,aAO3B,CAAA;AAED,aAAK,aAAa,GAAG,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;AAKjD,aAAK,sBAAsB,GAAG,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;AAExF,QAAA,MAAM,iBAAiB;;;iBAGN,cAAc;sBACT,sBAAsB;;;uBAGpB,SAAS,GAAG,OAAO;oBAKtB,aAAa,GAAG,MAAM;uBAOnB,MAAM,GAAG,IAAI;kBAIlB,IAAI;gBAQN,IAAI;CAmBpB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/hooks.js

@@ -140,7 +140,7 @@ var responsiveObserve = {
     Object.keys(responsiveMap).forEach(function (screen) {
       var matchMediaQuery = responsiveMap[screen];
       var handler = _this.matchHandlers[matchMediaQuery];
-      handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
+      handler === null || handler === void 0 ? void 0 : handler.mql.removeEventListener('change', handler === null || handler === void 0 ? void 0 : handler.listener);
     });
     subscribers.clear();
   },
@@ -157,7 +157,7 @@ var responsiveObserve = {
       };
 
       var mql = window.matchMedia(matchMediaQuery);
-      mql.addListener(listener);
+      mql.addEventListener('change', listener);
       _this2.matchHandlers[matchMediaQuery] = {
         mql: mql,
         listener: listener
@@ -290,10 +290,15 @@ function useForceUpdate() {
 ;// CONCATENATED MODULE: ./src/components/_utils/hooks/useBreakpoints.tsx
 
 
+ // NOTE: In ssr we do not know the width of the window, so we set all breakpoints to true by default
 
+var DEFAULT_BREAKPOINTS_VALUE = BREAKPOINTS.reduce(function (acc, curr) {
+  acc[curr] = true;
+  return acc;
+}, {});
 function useBreakpoints() {
   var refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var screensRef = (0,external_react_.useRef)({});
+  var screensRef = (0,external_react_.useRef)(DEFAULT_BREAKPOINTS_VALUE);
   var forceUpdate = useForceUpdate();
   (0,external_react_.useEffect)(function () {
     if (typeof window !== 'undefined') {
@@ -308,7 +313,7 @@ function useBreakpoints() {
         return _utils_responsiveObserve.unsubscribe(token);
       };
     }
-  }, []);
+  }, [forceUpdate, refreshOnChange]);
   return screensRef.current;
 }
 ;// CONCATENATED MODULE: ./src/hooks.ts