@open-condo/ui 2.29.1 → 2.30.1

package/dist/components/ActionBar/actionBar.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactElement } from 'react';
 export type ActionBarProps = {
     message?: string;
+    wrap?: boolean;
     actions: [ReactElement, ...ReactElement[]];
 };
 export declare const ActionBar: React.FC<ActionBarProps>;

package/dist/components/ActionBar/actionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/actionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAU3C,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/actionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAY3C,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgB9C,CAAA"}

package/dist/index.js

@@ -47023,6 +47023,8 @@ var AffixFC = /*#__PURE__*/external_react_.forwardRef(function (props, ref) {
 });
 if (false) {}
 /* harmony default export */ var affix = (AffixFC);
+// EXTERNAL MODULE: ./src/hooks.ts
+var hooks = __webpack_require__(46119);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
 var slicedToArray = __webpack_require__(90689);
 // EXTERNAL MODULE: ../../node_modules/rc-util/es/Children/toArray.js
@@ -47374,7 +47376,7 @@ var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 var isString = __webpack_require__(8138);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"2.29.1"};
+var package_namespaceObject = {"rE":"2.30.1"};
 ;// CONCATENATED MODULE: ./src/components/_utils/analytics.ts
 function 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; }
 
@@ -47659,22 +47661,32 @@ var Typography = {
 
 
 
+
 var ACTION_BAR_CLASS_PREFIX = 'condo-affix';
 var AFFIX_CONTENT_WRAPPER_CLASS = "".concat(ACTION_BAR_CLASS_PREFIX, "-content-wrapper");
+var ACTION_BAR_PLACEHOLDER_CLASS = "".concat(ACTION_BAR_CLASS_PREFIX, "-placeholder");
 var SPACE_SIZE = [16, 16];
 var ActionBar = function ActionBar(props) {
   var actions = props.actions,
-      message = props.message;
-  return /*#__PURE__*/external_react_default().createElement(affix, {
-    offsetBottom: 0,
+      message = props.message,
+      _props$wrap = props.wrap,
+      wrap = _props$wrap === void 0 ? true : _props$wrap;
+
+  var _useBreakpoints = (0,hooks.useBreakpoints)(),
+      TABLET_SMALL = _useBreakpoints.TABLET_SMALL;
+
+  return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(affix, {
+    offsetBottom: TABLET_SMALL ? 23 : 0,
     prefixCls: ACTION_BAR_CLASS_PREFIX
   }, /*#__PURE__*/external_react_default().createElement(space_Space, {
-    wrap: true,
+    wrap: wrap,
     size: SPACE_SIZE,
     className: AFFIX_CONTENT_WRAPPER_CLASS
   }, message && /*#__PURE__*/external_react_default().createElement(Typography.Text, {
     strong: true
-  }, message), actions));
+  }, message), actions)), /*#__PURE__*/external_react_default().createElement("div", {
+    className: ACTION_BAR_PLACEHOLDER_CLASS
+  }));
 };
 ;// CONCATENATED MODULE: ./src/components/ActionBar/index.ts
 
@@ -48517,7 +48529,7 @@ var dist = __webpack_require__(72763);
 // EXTERNAL MODULE: ./src/colors/index.ts + 2 modules
 var colors = __webpack_require__(89085);
 // EXTERNAL MODULE: ./src/components/_utils/hooks/index.ts + 2 modules
-var hooks = __webpack_require__(24208);
+var _utils_hooks = __webpack_require__(24208);
 ;// CONCATENATED MODULE: ../../node_modules/antd/es/config-provider/DisabledContext.js
 
 var DisabledContext = /*#__PURE__*/external_react_.createContext(false);
@@ -49362,7 +49374,7 @@ var Banner = function Banner(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size;
 
-  var _useContainerSize = (0,hooks/* useContainerSize */.Ag)(),
+  var _useContainerSize = (0,_utils_hooks/* useContainerSize */.Ag)(),
       _useContainerSize2 = banner_slicedToArray(_useContainerSize, 2),
       width = _useContainerSize2[0].width,
       setRef = _useContainerSize2[1];
@@ -57396,8 +57408,6 @@ var Card_card_Card = /*#__PURE__*/external_react_default().forwardRef(function (
 });
 Card_card_Card.displayName = 'Card';
 
-// EXTERNAL MODULE: ./src/hooks.ts
-var src_hooks = __webpack_require__(46119);
 ;// CONCATENATED MODULE: ./src/components/Emoji/Emoji.tsx
 
 var Emoji = /*#__PURE__*/external_react_default().memo(function (_ref) {
@@ -58032,7 +58042,7 @@ var CardHeader = function CardHeader(props) {
       image = props.image;
   var imageClassName = image && node_modules_classnames_default()("".concat(cardHeader_CARD_HEADER_CONTENT_CLASS_NAME_PREFIX, "-image"), "".concat(cardHeader_CARD_HEADER_CONTENT_CLASS_NAME_PREFIX, "-image-size-").concat(image.size));
 
-  var _useBreakpoints = (0,src_hooks.useBreakpoints)(),
+  var _useBreakpoints = (0,hooks.useBreakpoints)(),
       TABLET_LARGE = _useBreakpoints.TABLET_LARGE;
 
   var headerContent = /*#__PURE__*/external_react_default().createElement(space_Space, {
@@ -74463,7 +74473,7 @@ function useModal_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var modalCounter = 0;
 var useModal_ElementsHolder = /*#__PURE__*/external_react_default().memo( /*#__PURE__*/external_react_default().forwardRef(function (_props, ref) {
-  var _usePatchElement = (0,hooks/* usePatchElement */.wu)(),
+  var _usePatchElement = (0,_utils_hooks/* usePatchElement */.wu)(),
       _usePatchElement2 = useModal_slicedToArray(_usePatchElement, 2),
       elements = _usePatchElement2[0],
       patchElement = _usePatchElement2[1];
@@ -75242,7 +75252,7 @@ var Steps = function Steps(_ref) {
       propsClassName = _ref.className,
       noReturnMessage = _ref.noReturnMessage;
 
-  var _useBreakpoints = (0,hooks/* useBreakpoints */.Gu)(),
+  var _useBreakpoints = (0,_utils_hooks/* useBreakpoints */.Gu)(),
       TABLET_LARGE = _useBreakpoints.TABLET_LARGE;
 
   var itemSize = TABLET_LARGE ? 'large' : 'small'; // NOTE: Internal state controls view
@@ -75252,7 +75262,7 @@ var Steps = function Steps(_ref) {
       currentStep = _useState2[0],
       setCurrentStep = _useState2[1];
 
-  var _useContainerSize = (0,hooks/* useContainerSize */.Ag)(),
+  var _useContainerSize = (0,_utils_hooks/* useContainerSize */.Ag)(),
       _useContainerSize2 = steps_slicedToArray(_useContainerSize, 2),
       width = _useContainerSize2[0].width,
       setContainerRef = _useContainerSize2[1];
@@ -75577,7 +75587,7 @@ var TourStep = function TourStep(props) {
   var _useTourContext = useTourContext(),
       currentStep = _useTourContext.currentStep;
 
-  var _useBreakpoints = (0,hooks/* useBreakpoints */.Gu)(),
+  var _useBreakpoints = (0,_utils_hooks/* useBreakpoints */.Gu)(),
       TABLET_SMALL = _useBreakpoints.TABLET_SMALL;
 
   var _useState = (0,external_react_.useState)(step === currentStep),

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Oct 2024 13:52:10 GMT
+ * Generated on Wed, 20 Nov 2024 20:54:39 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Oct 2024 13:52:10 GMT
+// Generated on Wed, 20 Nov 2024 20:54:39 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;

package/dist/styles.css

@@ -1103,6 +1103,9 @@ div.condo-typography-edit-content.condo-typography-rtl {
   position: fixed;
   z-index: 10;
 }
+.condo-affix-placeholder {
+  height: 24px;
+}
 .condo-affix-content-wrapper {
   height: -webkit-fit-content !important;
   height: -moz-fit-content !important;
@@ -1111,11 +1114,11 @@ div.condo-typography-edit-content.condo-typography-rtl {
 .condo-affix-content-wrapper {
   box-sizing: border-box;
   padding: 16px;
-  transition: box-shadow 0.15s ease-out;
 }
 @media screen and (min-width:  0px ) and (max-width:  767px ) {
   .condo-affix-content-wrapper {
     width: 100%;
+    padding-bottom: 24px;
   }
   .condo-affix-content-wrapper > .condo-space-item {
     width: 100%;
@@ -1124,13 +1127,18 @@ div.condo-typography-edit-content.condo-typography-rtl {
     width: 100%;
   }
 }
-@media screen and (min-width:  768px ) {
+@media screen and (min-width:  0px ) {
   .condo-affix-content-wrapper {
     position: relative;
     right: 16px;
     width: calc(100% + 16px * 2);
   }
 }
+@media screen and (min-width:  768px ) {
+  .condo-affix-content-wrapper {
+    transition: box-shadow 0.15s ease-out;
+  }
+}
 .condo-affix {
   height: auto !important;
 }
@@ -1150,7 +1158,7 @@ div.condo-typography-edit-content.condo-typography-rtl {
     left: 0;
   }
   .condo-affix .condo-affix-content-wrapper {
-    padding-bottom: 32px;
+    padding-bottom: 24px;
   }
   .condo-affix .condo-affix-content-wrapper > .condo-space-item {
     padding: 0 16px;