@open-condo/ui 1.26.2 → 1.27.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/README.md +32 -1
- package/dist/components/Steps/steps.d.ts.map +1 -1
- package/dist/components/Typography/title.d.ts +1 -1
- package/dist/components/_utils/hooks/index.d.ts +2 -0
- package/dist/components/_utils/hooks/index.d.ts.map +1 -1
- package/dist/components/_utils/hooks/useBreakpoints.d.ts +3 -0
- package/dist/components/_utils/hooks/useBreakpoints.d.ts.map +1 -0
- package/dist/components/_utils/hooks/useForceUpdate.d.ts +3 -0
- package/dist/components/_utils/hooks/useForceUpdate.d.ts.map +1 -0
- package/dist/components/_utils/responsiveObserve.d.ts +24 -0
- package/dist/components/_utils/responsiveObserve.d.ts.map +1 -0
- package/dist/hooks.d.ts +4 -0
- package/dist/hooks.d.ts.map +1 -0
- package/dist/hooks.js +321 -0
- package/dist/index.js +157 -31
- package/dist/style-vars/variables.css +1 -1
- package/dist/style-vars/variables.less +1 -1
- package/dist/styles.css +23 -2
- package/dist/styles.min.css +2 -2
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -47713,9 +47713,136 @@ function useContainerSize() {
|
|
|
47713
47713
|
}, [refElement]);
|
|
47714
47714
|
return [size, setRefElement];
|
|
47715
47715
|
}
|
|
47716
|
+
;// CONCATENATED MODULE: ./src/components/_utils/hooks/useForceUpdate.ts
|
|
47717
|
+
function useForceUpdate_slicedToArray(arr, i) { return useForceUpdate_arrayWithHoles(arr) || useForceUpdate_iterableToArrayLimit(arr, i) || useForceUpdate_unsupportedIterableToArray(arr, i) || useForceUpdate_nonIterableRest(); }
|
|
47718
|
+
|
|
47719
|
+
function useForceUpdate_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
47720
|
+
|
|
47721
|
+
function useForceUpdate_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return useForceUpdate_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return useForceUpdate_arrayLikeToArray(o, minLen); }
|
|
47722
|
+
|
|
47723
|
+
function useForceUpdate_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
47724
|
+
|
|
47725
|
+
function useForceUpdate_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
47726
|
+
|
|
47727
|
+
function useForceUpdate_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47728
|
+
|
|
47729
|
+
|
|
47730
|
+
function useForceUpdate_useForceUpdate() {
|
|
47731
|
+
var _React$useReducer = React.useReducer(function (x) {
|
|
47732
|
+
return x + 1;
|
|
47733
|
+
}, 0),
|
|
47734
|
+
_React$useReducer2 = useForceUpdate_slicedToArray(_React$useReducer, 2),
|
|
47735
|
+
forceUpdate = _React$useReducer2[1];
|
|
47736
|
+
|
|
47737
|
+
return forceUpdate;
|
|
47738
|
+
}
|
|
47739
|
+
;// CONCATENATED MODULE: ./src/components/_utils/responsiveObserve.ts
|
|
47740
|
+
function responsiveObserve_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47741
|
+
|
|
47742
|
+
function responsiveObserve_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? responsiveObserve_ownKeys(Object(source), !0).forEach(function (key) { responsiveObserve_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : responsiveObserve_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
47743
|
+
|
|
47744
|
+
function responsiveObserve_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; }
|
|
47745
|
+
|
|
47746
|
+
var MOBILE_SMALL = 'MOBILE_SMALL';
|
|
47747
|
+
var MOBILE_LARGE = 'MOBILE_LARGE';
|
|
47748
|
+
var TABLET_SMALL = 'TABLET_SMALL';
|
|
47749
|
+
var TABLET_LARGE = 'TABLET_LARGE';
|
|
47750
|
+
var DESKTOP_SMALL = 'DESKTOP_SMALL';
|
|
47751
|
+
var DESKTOP_LARGE = 'DESKTOP_LARGE';
|
|
47752
|
+
var BREAKPOINTS = [MOBILE_SMALL, MOBILE_LARGE, TABLET_SMALL, TABLET_LARGE, DESKTOP_SMALL, DESKTOP_LARGE];
|
|
47753
|
+
var responsiveMap = {
|
|
47754
|
+
MOBILE_SMALL: '(min-width: 0px)',
|
|
47755
|
+
MOBILE_LARGE: '(min-width: 360px)',
|
|
47756
|
+
TABLET_SMALL: '(min-width: 480px)',
|
|
47757
|
+
TABLET_LARGE: '(min-width: 768px)',
|
|
47758
|
+
DESKTOP_SMALL: '(min-width: 992px)',
|
|
47759
|
+
DESKTOP_LARGE: '(min-width: 1200px)'
|
|
47760
|
+
};
|
|
47761
|
+
var subscribers = new Map();
|
|
47762
|
+
var subUid = -1;
|
|
47763
|
+
var screens = {};
|
|
47764
|
+
var responsiveObserve = {
|
|
47765
|
+
matchHandlers: {},
|
|
47766
|
+
dispatch: function dispatch(pointMap) {
|
|
47767
|
+
screens = pointMap;
|
|
47768
|
+
subscribers.forEach(function (func) {
|
|
47769
|
+
return func(screens);
|
|
47770
|
+
});
|
|
47771
|
+
return subscribers.size >= 1;
|
|
47772
|
+
},
|
|
47773
|
+
subscribe: function subscribe(func) {
|
|
47774
|
+
if (!subscribers.size) this.register();
|
|
47775
|
+
subUid += 1;
|
|
47776
|
+
subscribers.set(subUid, func);
|
|
47777
|
+
func(screens);
|
|
47778
|
+
return subUid;
|
|
47779
|
+
},
|
|
47780
|
+
unsubscribe: function unsubscribe(token) {
|
|
47781
|
+
subscribers.delete(token);
|
|
47782
|
+
if (!subscribers.size) this.unregister();
|
|
47783
|
+
},
|
|
47784
|
+
unregister: function unregister() {
|
|
47785
|
+
var _this = this;
|
|
47786
|
+
|
|
47787
|
+
Object.keys(responsiveMap).forEach(function (screen) {
|
|
47788
|
+
var matchMediaQuery = responsiveMap[screen];
|
|
47789
|
+
var handler = _this.matchHandlers[matchMediaQuery];
|
|
47790
|
+
handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
|
|
47791
|
+
});
|
|
47792
|
+
subscribers.clear();
|
|
47793
|
+
},
|
|
47794
|
+
register: function register() {
|
|
47795
|
+
var _this2 = this;
|
|
47796
|
+
|
|
47797
|
+
Object.keys(responsiveMap).forEach(function (screen) {
|
|
47798
|
+
var matchMediaQuery = responsiveMap[screen];
|
|
47799
|
+
|
|
47800
|
+
var listener = function listener(_ref) {
|
|
47801
|
+
var matches = _ref.matches;
|
|
47802
|
+
|
|
47803
|
+
_this2.dispatch(responsiveObserve_objectSpread(responsiveObserve_objectSpread({}, screens), {}, responsiveObserve_defineProperty({}, screen, matches)));
|
|
47804
|
+
};
|
|
47805
|
+
|
|
47806
|
+
var mql = window.matchMedia(matchMediaQuery);
|
|
47807
|
+
mql.addListener(listener);
|
|
47808
|
+
_this2.matchHandlers[matchMediaQuery] = {
|
|
47809
|
+
mql: mql,
|
|
47810
|
+
listener: listener
|
|
47811
|
+
};
|
|
47812
|
+
listener(mql);
|
|
47813
|
+
});
|
|
47814
|
+
}
|
|
47815
|
+
};
|
|
47816
|
+
/* harmony default export */ var _utils_responsiveObserve = ((/* unused pure expression or super */ null && (responsiveObserve)));
|
|
47817
|
+
;// CONCATENATED MODULE: ./src/components/_utils/hooks/useBreakpoints.tsx
|
|
47818
|
+
|
|
47819
|
+
|
|
47820
|
+
|
|
47821
|
+
function useBreakpoints() {
|
|
47822
|
+
var refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
47823
|
+
var screensRef = useRef({});
|
|
47824
|
+
var forceUpdate = useForceUpdate();
|
|
47825
|
+
useEffect(function () {
|
|
47826
|
+
if (typeof window !== 'undefined') {
|
|
47827
|
+
var token = ResponsiveObserve.subscribe(function (supportScreens) {
|
|
47828
|
+
screensRef.current = supportScreens;
|
|
47829
|
+
|
|
47830
|
+
if (refreshOnChange) {
|
|
47831
|
+
forceUpdate();
|
|
47832
|
+
}
|
|
47833
|
+
});
|
|
47834
|
+
return function () {
|
|
47835
|
+
return ResponsiveObserve.unsubscribe(token);
|
|
47836
|
+
};
|
|
47837
|
+
}
|
|
47838
|
+
}, []);
|
|
47839
|
+
return screensRef.current;
|
|
47840
|
+
}
|
|
47716
47841
|
;// CONCATENATED MODULE: ./src/components/_utils/hooks/index.ts
|
|
47717
47842
|
|
|
47718
47843
|
|
|
47844
|
+
|
|
47845
|
+
|
|
47719
47846
|
// EXTERNAL MODULE: ../../node_modules/rc-util/es/omit.js
|
|
47720
47847
|
var es_omit = __webpack_require__(94899);
|
|
47721
47848
|
;// CONCATENATED MODULE: ./node_modules/antd/es/config-provider/DisabledContext.js
|
|
@@ -59540,7 +59667,7 @@ var detectFlexGapSupported = function detectFlexGapSupported() {
|
|
|
59540
59667
|
|
|
59541
59668
|
|
|
59542
59669
|
var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
|
|
59543
|
-
var
|
|
59670
|
+
var responsiveObserve_responsiveMap = {
|
|
59544
59671
|
xs: '(max-width: 575px)',
|
|
59545
59672
|
sm: '(min-width: 576px)',
|
|
59546
59673
|
md: '(min-width: 768px)',
|
|
@@ -59548,45 +59675,45 @@ var responsiveMap = {
|
|
|
59548
59675
|
xl: '(min-width: 1200px)',
|
|
59549
59676
|
xxl: '(min-width: 1600px)'
|
|
59550
59677
|
};
|
|
59551
|
-
var
|
|
59552
|
-
var
|
|
59553
|
-
var
|
|
59554
|
-
var
|
|
59678
|
+
var responsiveObserve_subscribers = new Map();
|
|
59679
|
+
var responsiveObserve_subUid = -1;
|
|
59680
|
+
var responsiveObserve_screens = {};
|
|
59681
|
+
var responsiveObserve_responsiveObserve = {
|
|
59555
59682
|
matchHandlers: {},
|
|
59556
59683
|
dispatch: function dispatch(pointMap) {
|
|
59557
|
-
|
|
59558
|
-
|
|
59559
|
-
return func(
|
|
59684
|
+
responsiveObserve_screens = pointMap;
|
|
59685
|
+
responsiveObserve_subscribers.forEach(function (func) {
|
|
59686
|
+
return func(responsiveObserve_screens);
|
|
59560
59687
|
});
|
|
59561
|
-
return
|
|
59688
|
+
return responsiveObserve_subscribers.size >= 1;
|
|
59562
59689
|
},
|
|
59563
59690
|
subscribe: function subscribe(func) {
|
|
59564
|
-
if (!
|
|
59565
|
-
|
|
59566
|
-
|
|
59567
|
-
func(
|
|
59568
|
-
return
|
|
59691
|
+
if (!responsiveObserve_subscribers.size) this.register();
|
|
59692
|
+
responsiveObserve_subUid += 1;
|
|
59693
|
+
responsiveObserve_subscribers.set(responsiveObserve_subUid, func);
|
|
59694
|
+
func(responsiveObserve_screens);
|
|
59695
|
+
return responsiveObserve_subUid;
|
|
59569
59696
|
},
|
|
59570
59697
|
unsubscribe: function unsubscribe(token) {
|
|
59571
|
-
|
|
59572
|
-
if (!
|
|
59698
|
+
responsiveObserve_subscribers["delete"](token);
|
|
59699
|
+
if (!responsiveObserve_subscribers.size) this.unregister();
|
|
59573
59700
|
},
|
|
59574
59701
|
unregister: function unregister() {
|
|
59575
59702
|
var _this = this;
|
|
59576
|
-
Object.keys(
|
|
59577
|
-
var matchMediaQuery =
|
|
59703
|
+
Object.keys(responsiveObserve_responsiveMap).forEach(function (screen) {
|
|
59704
|
+
var matchMediaQuery = responsiveObserve_responsiveMap[screen];
|
|
59578
59705
|
var handler = _this.matchHandlers[matchMediaQuery];
|
|
59579
59706
|
handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
|
|
59580
59707
|
});
|
|
59581
|
-
|
|
59708
|
+
responsiveObserve_subscribers.clear();
|
|
59582
59709
|
},
|
|
59583
59710
|
register: function register() {
|
|
59584
59711
|
var _this2 = this;
|
|
59585
|
-
Object.keys(
|
|
59586
|
-
var matchMediaQuery =
|
|
59712
|
+
Object.keys(responsiveObserve_responsiveMap).forEach(function (screen) {
|
|
59713
|
+
var matchMediaQuery = responsiveObserve_responsiveMap[screen];
|
|
59587
59714
|
var listener = function listener(_ref) {
|
|
59588
59715
|
var matches = _ref.matches;
|
|
59589
|
-
_this2.dispatch((0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({},
|
|
59716
|
+
_this2.dispatch((0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, responsiveObserve_screens), (0,defineProperty/* default */.Z)({}, screen, matches)));
|
|
59590
59717
|
};
|
|
59591
59718
|
var mql = window.matchMedia(matchMediaQuery);
|
|
59592
59719
|
mql.addListener(listener);
|
|
@@ -59598,7 +59725,7 @@ var responsiveObserve = {
|
|
|
59598
59725
|
});
|
|
59599
59726
|
}
|
|
59600
59727
|
};
|
|
59601
|
-
/* harmony default export */ var _util_responsiveObserve = (
|
|
59728
|
+
/* harmony default export */ var _util_responsiveObserve = (responsiveObserve_responsiveObserve);
|
|
59602
59729
|
;// CONCATENATED MODULE: ./node_modules/antd/es/grid/RowContext.js
|
|
59603
59730
|
|
|
59604
59731
|
var RowContext = /*#__PURE__*/(0,external_react_.createContext)({});
|
|
@@ -59771,7 +59898,7 @@ if (false) {}
|
|
|
59771
59898
|
;// CONCATENATED MODULE: ./node_modules/antd/es/_util/hooks/useForceUpdate.js
|
|
59772
59899
|
|
|
59773
59900
|
|
|
59774
|
-
function
|
|
59901
|
+
function hooks_useForceUpdate_useForceUpdate() {
|
|
59775
59902
|
var _React$useReducer = external_react_.useReducer(function (x) {
|
|
59776
59903
|
return x + 1;
|
|
59777
59904
|
}, 0),
|
|
@@ -59786,7 +59913,7 @@ function useForceUpdate() {
|
|
|
59786
59913
|
function useBreakpoint() {
|
|
59787
59914
|
var refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
59788
59915
|
var screensRef = (0,external_react_.useRef)({});
|
|
59789
|
-
var forceUpdate =
|
|
59916
|
+
var forceUpdate = hooks_useForceUpdate_useForceUpdate();
|
|
59790
59917
|
(0,external_react_.useEffect)(function () {
|
|
59791
59918
|
var token = _util_responsiveObserve.subscribe(function (supportScreens) {
|
|
59792
59919
|
screensRef.current = supportScreens;
|
|
@@ -69747,11 +69874,6 @@ var Steps = function Steps(_ref) {
|
|
|
69747
69874
|
var maxAllowedSlide = totalItems - stepsToShow;
|
|
69748
69875
|
(_carouselRef$current = carouselRef.current) === null || _carouselRef$current === void 0 ? void 0 : _carouselRef$current.goTo(Math.min(maxAllowedSlide, currentStep));
|
|
69749
69876
|
}, [currentStep, totalItems, stepsToShow]);
|
|
69750
|
-
(0,external_react_.useEffect)(function () {
|
|
69751
|
-
if (onChange) {
|
|
69752
|
-
onChange(currentStep);
|
|
69753
|
-
}
|
|
69754
|
-
}, [currentStep, onChange]);
|
|
69755
69877
|
(0,external_react_.useEffect)(function () {
|
|
69756
69878
|
sendAnalyticsChangeEvent('Steps', {
|
|
69757
69879
|
activeStep: currentStep,
|
|
@@ -69761,8 +69883,12 @@ var Steps = function Steps(_ref) {
|
|
|
69761
69883
|
var handleStepClick = (0,external_react_.useCallback)(function (idx) {
|
|
69762
69884
|
return function onClick() {
|
|
69763
69885
|
setCurrentStep(idx);
|
|
69886
|
+
|
|
69887
|
+
if (onChange) {
|
|
69888
|
+
onChange(idx);
|
|
69889
|
+
}
|
|
69764
69890
|
};
|
|
69765
|
-
}, []);
|
|
69891
|
+
}, [onChange]);
|
|
69766
69892
|
var steps = (0,external_react_.useMemo)(function () {
|
|
69767
69893
|
var modifiedItems = [];
|
|
69768
69894
|
|
package/dist/styles.css
CHANGED
|
@@ -2330,9 +2330,9 @@ a.condo-btn-sm {
|
|
|
2330
2330
|
.condo-btn-primary {
|
|
2331
2331
|
box-sizing: border-box;
|
|
2332
2332
|
height: 48px;
|
|
2333
|
-
padding: 12px 20px;
|
|
2334
2333
|
line-height: 24px;
|
|
2335
2334
|
border-width: 0;
|
|
2335
|
+
padding: 12px 20px;
|
|
2336
2336
|
color: #fff;
|
|
2337
2337
|
background: #222;
|
|
2338
2338
|
transition-property: background-color;
|
|
@@ -2424,9 +2424,9 @@ a.condo-btn-sm {
|
|
|
2424
2424
|
.condo-btn-secondary {
|
|
2425
2425
|
box-sizing: border-box;
|
|
2426
2426
|
height: 48px;
|
|
2427
|
-
padding: 11px 19px;
|
|
2428
2427
|
line-height: 24px;
|
|
2429
2428
|
border-width: 1px;
|
|
2429
|
+
padding: 11px 19px;
|
|
2430
2430
|
color: #222;
|
|
2431
2431
|
border: 1px solid #707695;
|
|
2432
2432
|
}
|
|
@@ -2652,6 +2652,24 @@ a.condo-btn-sm {
|
|
|
2652
2652
|
.condo-btn > .condo-btn-icon {
|
|
2653
2653
|
display: inline-flex;
|
|
2654
2654
|
}
|
|
2655
|
+
a.condo-btn-primary {
|
|
2656
|
+
padding: 12px 20px !important;
|
|
2657
|
+
}
|
|
2658
|
+
a.condo-btn-primary {
|
|
2659
|
+
box-sizing: border-box;
|
|
2660
|
+
height: 48px;
|
|
2661
|
+
line-height: 24px;
|
|
2662
|
+
border-width: 0;
|
|
2663
|
+
}
|
|
2664
|
+
a.condo-btn-secondary {
|
|
2665
|
+
padding: 11px 19px !important;
|
|
2666
|
+
}
|
|
2667
|
+
a.condo-btn-secondary {
|
|
2668
|
+
box-sizing: border-box;
|
|
2669
|
+
height: 48px;
|
|
2670
|
+
line-height: 24px;
|
|
2671
|
+
border-width: 1px;
|
|
2672
|
+
}
|
|
2655
2673
|
|
|
2656
2674
|
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
|
2657
2675
|
/* stylelint-disable no-duplicate-selectors */
|
|
@@ -4976,6 +4994,9 @@ span.condo-typography-ellipsis-single-line {
|
|
|
4976
4994
|
.condo-markdown > * {
|
|
4977
4995
|
margin-bottom: 20px;
|
|
4978
4996
|
}
|
|
4997
|
+
.condo-markdown > *:last-child {
|
|
4998
|
+
margin-bottom: 0;
|
|
4999
|
+
}
|
|
4979
5000
|
.condo-markdown h1,
|
|
4980
5001
|
.condo-markdown h2,
|
|
4981
5002
|
.condo-markdown h3,
|