@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/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 responsiveMap = {
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 subscribers = new Map();
59552
- var subUid = -1;
59553
- var screens = {};
59554
- var responsiveObserve = {
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
- screens = pointMap;
59558
- subscribers.forEach(function (func) {
59559
- return func(screens);
59684
+ responsiveObserve_screens = pointMap;
59685
+ responsiveObserve_subscribers.forEach(function (func) {
59686
+ return func(responsiveObserve_screens);
59560
59687
  });
59561
- return subscribers.size >= 1;
59688
+ return responsiveObserve_subscribers.size >= 1;
59562
59689
  },
59563
59690
  subscribe: function subscribe(func) {
59564
- if (!subscribers.size) this.register();
59565
- subUid += 1;
59566
- subscribers.set(subUid, func);
59567
- func(screens);
59568
- return subUid;
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
- subscribers["delete"](token);
59572
- if (!subscribers.size) this.unregister();
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(responsiveMap).forEach(function (screen) {
59577
- var matchMediaQuery = responsiveMap[screen];
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
- subscribers.clear();
59708
+ responsiveObserve_subscribers.clear();
59582
59709
  },
59583
59710
  register: function register() {
59584
59711
  var _this2 = this;
59585
- Object.keys(responsiveMap).forEach(function (screen) {
59586
- var matchMediaQuery = responsiveMap[screen];
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)({}, screens), (0,defineProperty/* default */.Z)({}, screen, matches)));
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 = (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 useForceUpdate() {
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 = useForceUpdate();
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
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 03 Apr 2023 08:16:46 GMT
3
+ * Generated on Tue, 04 Apr 2023 15:52:40 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 03 Apr 2023 08:16:46 GMT
3
+ // Generated on Tue, 04 Apr 2023 15:52:40 GMT
4
4
 
5
5
  @condo-global-spacing-4: 4px;
6
6
  @condo-global-spacing-8: 8px;
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,