@open-condo/ui 1.27.2 → 1.28.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.
@@ -1 +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"}
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,CA4ChG,CAAA;AAIF,OAAO,EACH,MAAM,GACT,CAAA"}
@@ -1 +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;AAehD,wBAAgB,cAAc,CAAE,eAAe,UAAO,GAAG,SAAS,CAkBjE"}
1
+ {"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"}
@@ -1 +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"}
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,IAAK,KAAK,CAAC,qBAAqB,CAG7D"}
@@ -4,14 +4,14 @@ declare type BreakpointMap = {
4
4
  [Key in Breakpoint]: string;
5
5
  };
6
6
  export declare type ScreenMap = Partial<Record<Breakpoint, boolean>>;
7
- export declare type ScreenSizeMap = Partial<Record<Breakpoint, number>>;
8
7
  export declare const responsiveMap: BreakpointMap;
9
8
  declare type SubscribeFunc = (screens: ScreenMap) => void;
9
+ declare type MediaQueryListListener = (this: MediaQueryList, event: MediaQueryListEvent) => void;
10
10
  declare const responsiveObserve: {
11
11
  matchHandlers: {
12
12
  [prop: string]: {
13
13
  mql: MediaQueryList;
14
- listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
14
+ listener: MediaQueryListListener;
15
15
  };
16
16
  };
17
17
  dispatch(pointMap: ScreenMap): boolean;
@@ -1 +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"}
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;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 CHANGED
@@ -140,7 +140,7 @@ var responsiveObserve = {
140
140
  Object.keys(responsiveMap).forEach(function (screen) {
141
141
  var matchMediaQuery = responsiveMap[screen];
142
142
  var handler = _this.matchHandlers[matchMediaQuery];
143
- handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
143
+ handler === null || handler === void 0 ? void 0 : handler.mql.removeEventListener('change', handler === null || handler === void 0 ? void 0 : handler.listener);
144
144
  });
145
145
  subscribers.clear();
146
146
  },
@@ -157,7 +157,7 @@ var responsiveObserve = {
157
157
  };
158
158
 
159
159
  var mql = window.matchMedia(matchMediaQuery);
160
- mql.addListener(listener);
160
+ mql.addEventListener('change', listener);
161
161
  _this2.matchHandlers[matchMediaQuery] = {
162
162
  mql: mql,
163
163
  listener: listener
@@ -292,14 +292,10 @@ function useForceUpdate() {
292
292
 
293
293
  // NOTE: In ssr we do not know the width of the window, so we set all breakpoints to true by default
294
294
 
295
- var DEFAULT_BREAKPOINTS_VALUE = {
296
- MOBILE_SMALL: true,
297
- MOBILE_LARGE: true,
298
- TABLET_SMALL: true,
299
- TABLET_LARGE: true,
300
- DESKTOP_SMALL: true,
301
- DESKTOP_LARGE: true
302
- };
295
+ var DEFAULT_BREAKPOINTS_VALUE = BREAKPOINTS.reduce(function (acc, curr) {
296
+ acc[curr] = true;
297
+ return acc;
298
+ }, {});
303
299
  function useBreakpoints() {
304
300
  var refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
305
301
  var screensRef = (0,external_react_.useRef)(DEFAULT_BREAKPOINTS_VALUE);
@@ -317,7 +313,7 @@ function useBreakpoints() {
317
313
  return _utils_responsiveObserve.unsubscribe(token);
318
314
  };
319
315
  }
320
- }, []);
316
+ }, [forceUpdate, refreshOnChange]);
321
317
  return screensRef.current;
322
318
  }
323
319
  ;// CONCATENATED MODULE: ./src/hooks.ts