@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.
- package/dist/components/Button/button.d.ts.map +1 -1
- package/dist/components/_utils/hooks/useBreakpoints.d.ts.map +1 -1
- package/dist/components/_utils/hooks/useForceUpdate.d.ts.map +1 -1
- package/dist/components/_utils/responsiveObserve.d.ts +2 -2
- package/dist/components/_utils/responsiveObserve.d.ts.map +1 -1
- package/dist/hooks.js +7 -11
- package/dist/index.js +9 -13
- package/dist/style-vars/variables.css +1 -1
- package/dist/style-vars/variables.less +1 -1
- package/dist/styles.css +42 -1
- package/dist/styles.min.css +1 -1
- package/package.json +2 -2
|
@@ -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,
|
|
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,
|
|
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,
|
|
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:
|
|
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;
|
|
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.
|
|
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.
|
|
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
|
-
|
|
297
|
-
|
|
298
|
-
|
|
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
|