@open-condo/ui 1.27.2 → 1.28.1
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/analytics.d.ts +2 -7
- package/dist/components/_utils/analytics.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 +11 -33
- 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,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare type AnalyticsEvent = 'click' | 'check' | '
|
|
2
|
+
declare type AnalyticsEvent = 'click' | 'check' | 'change';
|
|
3
3
|
declare type CommonComponentProps = {
|
|
4
4
|
id?: string;
|
|
5
5
|
};
|
|
@@ -31,8 +31,6 @@ declare type ComponentSpecificChangeEventProps = {
|
|
|
31
31
|
Steps: {
|
|
32
32
|
activeStep: number;
|
|
33
33
|
};
|
|
34
|
-
};
|
|
35
|
-
declare type ComponentSpecificSelectEventProps = {
|
|
36
34
|
Select: {
|
|
37
35
|
value: string;
|
|
38
36
|
label: string | Array<string>;
|
|
@@ -42,7 +40,6 @@ declare type ComponentNames = {
|
|
|
42
40
|
click: keyof ComponentSpecificClickEventProps;
|
|
43
41
|
check: keyof ComponentSpecificCheckEventProps;
|
|
44
42
|
change: keyof ComponentSpecificChangeEventProps;
|
|
45
|
-
select: keyof ComponentSpecificSelectEventProps;
|
|
46
43
|
};
|
|
47
44
|
declare type AnyComponentName = ComponentNames[AnalyticsEvent];
|
|
48
45
|
declare type CommonAnalyticsProps<Event extends AnalyticsEvent, Component extends AnyComponentName> = {
|
|
@@ -52,13 +49,11 @@ declare type CommonAnalyticsProps<Event extends AnalyticsEvent, Component extend
|
|
|
52
49
|
} & CommonComponentProps;
|
|
53
50
|
declare type AnalyticsClickEventParams<Component extends ComponentNames['click']> = CommonAnalyticsProps<'click', Component> & ComponentSpecificClickEventProps[Component];
|
|
54
51
|
declare type AnalyticsCheckEventParams<Component extends ComponentNames['check']> = CommonAnalyticsProps<'check', Component> & ComponentSpecificCheckEventProps[Component];
|
|
55
|
-
declare type AnalyticsSelectEventParams<Component extends ComponentNames['select']> = CommonAnalyticsProps<'select', Component> & ComponentSpecificSelectEventProps[Component];
|
|
56
52
|
declare type AnalyticsChangeEventParams<Component extends ComponentNames['change']> = CommonAnalyticsProps<'change', Component> & ComponentSpecificChangeEventProps[Component];
|
|
57
|
-
export declare type AnalyticsParams = AnalyticsClickEventParams<ComponentNames['click']> | AnalyticsCheckEventParams<ComponentNames['check']> |
|
|
53
|
+
export declare type AnalyticsParams = AnalyticsClickEventParams<ComponentNames['click']> | AnalyticsCheckEventParams<ComponentNames['check']> | AnalyticsChangeEventParams<ComponentNames['change']>;
|
|
58
54
|
export declare function extractChildrenContent(children: React.ReactNode): string | null;
|
|
59
55
|
export declare function sendAnalyticsClickEvent<Component extends ComponentNames['click']>(component: Component, data: ComponentSpecificClickEventProps[Component] & CommonComponentProps): void;
|
|
60
56
|
export declare function sendAnalyticsCheckEvent<Component extends ComponentNames['check']>(component: Component, data: ComponentSpecificCheckEventProps[Component] & CommonComponentProps): void;
|
|
61
|
-
export declare function sendAnalyticsSelectEvent<Component extends ComponentNames['select']>(component: Component, data: ComponentSpecificSelectEventProps[Component] & CommonComponentProps): void;
|
|
62
57
|
export declare function sendAnalyticsChangeEvent<Component extends ComponentNames['change']>(component: Component, data: ComponentSpecificChangeEventProps[Component] & CommonComponentProps): void;
|
|
63
58
|
export {};
|
|
64
59
|
//# sourceMappingURL=analytics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../src/components/_utils/analytics.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../src/components/_utils/analytics.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|