@open-condo/ui 1.13.2 → 1.15.0

package/dist/index.js

@@ -42016,8 +42016,6 @@ __webpack_require__.d(__webpack_exports__, {
   "colors": function() { return /* binding */ colors; }
 });
 
-;// CONCATENATED MODULE: ./src/colors/colors.json
-var colors_namespaceObject = JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #4cd174 0%, #6db8f2 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#39ce66","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
 ;// CONCATENATED MODULE: ./src/colors/colors.ts
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
@@ -42305,10 +42303,12 @@ var typeMap = {
     typ: m('')
   }], false)
 };
+;// CONCATENATED MODULE: ./src/colors/colors.json
+var colors_colors_namespaceObject = JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #4cd174 0%, #6db8f2 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#39ce66","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
 ;// CONCATENATED MODULE: ./src/colors/index.ts
 
 
-var colors = Convert.toColorPalette(JSON.stringify(colors_namespaceObject));
+var colors = Convert.toColorPalette(JSON.stringify(colors_colors_namespaceObject));
 
 
 /***/ }),
@@ -46758,9 +46758,6 @@ __webpack_require__.d(__webpack_exports__, {
   "Typography": function() { return /* reexport */ Typography; }
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/extends.js
 var esm_extends = __webpack_require__(7896);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
@@ -46769,6 +46766,9 @@ var slicedToArray = __webpack_require__(96234);
 var defineProperty = __webpack_require__(56666);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__(33028);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(8156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 ;// CONCATENATED MODULE: ../../node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js
 // This icon file is generated automatically.
 var CheckCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, "name": "check-circle", "theme": "filled" };
@@ -47653,6 +47653,102 @@ var alert_Alert = function Alert(props) {
 
 
 
+// EXTERNAL MODULE: ./node_modules/classnames/index.js
+var node_modules_classnames_0 = __webpack_require__(94184);
+var node_modules_classnames_default_0 = /*#__PURE__*/__webpack_require__.n(node_modules_classnames_0);
+// EXTERNAL MODULE: ../../node_modules/lodash/identity.js
+var identity = __webpack_require__(23059);
+var identity_default = /*#__PURE__*/__webpack_require__.n(identity);
+// EXTERNAL MODULE: ../../node_modules/lodash/isString.js
+var isString = __webpack_require__(85505);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+;// CONCATENATED MODULE: ./package.json
+var package_namespaceObject = {"i8":"1.15.0"};
+;// 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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { analytics_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function analytics_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; }
+
+
+
+
+var ANALYTICS_HANDLER_NAME = 'CondoWebSendAnalyticsEvent';
+function extractChildrenContent(children) {
+  if (isString_default()(children)) {
+    return children;
+  } else if (Array.isArray(children)) {
+    var stringChildren = children.map(extractChildrenContent).filter((identity_default()));
+
+    if (stringChildren.length) {
+      return stringChildren.join(':');
+    }
+  }
+
+  return null;
+}
+function sendAnalyticsClickEvent(component, data) {
+  if (typeof window !== 'undefined') {
+    var location = window.location.href;
+
+    var params = _objectSpread({
+      event: 'click',
+      location: location,
+      component: component
+    }, data);
+
+    parent.postMessage({
+      handler: ANALYTICS_HANDLER_NAME,
+      params: params,
+      type: 'condo-ui',
+      version: package_namespaceObject.i8
+    }, '*');
+  }
+}
+;// CONCATENATED MODULE: ./src/components/_utils/hooks/useSize.ts
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _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 _arrayLikeToArray(o, minLen); }
+
+function _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; }
+
+function _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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+var useSize = function useSize(ref) {
+  var _useState = (0,external_react_.useState)({
+    width: 1200,
+    height: 1000
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      size = _useState2[0],
+      setSize = _useState2[1];
+
+  (0,external_react_.useEffect)(function () {
+    if (!ref || !ref.current) return;
+    var observer = new ResizeObserver(function (entries) {
+      if (entries.length == 1) {
+        var entry = entries[0];
+        setSize({
+          width: entry.contentRect.width,
+          height: entry.contentRect.height
+        });
+      }
+    });
+    observer.observe(ref.current);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [ref]);
+  return size;
+};
+;// CONCATENATED MODULE: ./src/components/_utils/hooks/index.ts
+
 // EXTERNAL MODULE: ../../node_modules/rc-util/es/omit.js
 var es_omit = __webpack_require__(94899);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/config-provider/DisabledContext.js
@@ -48172,7 +48268,7 @@ var button_rest = undefined && undefined.__rest || function (s, e) {
 
 var rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
 var isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
-function isString(str) {
+function button_isString(str) {
   return typeof str === 'string';
 }
 function isUnBorderedButtonType(type) {
@@ -48186,7 +48282,7 @@ function insertSpace(child, needInserted) {
   }
   var SPACE = needInserted ? ' ' : '';
   // strictNullChecks oops.
-  if (typeof child !== 'string' && typeof child !== 'number' && isString(child.type) && isTwoCNChar(child.props.children)) {
+  if (typeof child !== 'string' && typeof child !== 'number' && button_isString(child.type) && isTwoCNChar(child.props.children)) {
     return cloneElement(child, {
       children: child.props.children.split('').join(SPACE)
     });
@@ -48372,59 +48468,6 @@ Button.__ANT_BUTTON = true;
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/index.js
 
 /* harmony default export */ var es_button = (button_button);
-// EXTERNAL MODULE: ./node_modules/classnames/index.js
-var node_modules_classnames_0 = __webpack_require__(94184);
-var node_modules_classnames_default_0 = /*#__PURE__*/__webpack_require__.n(node_modules_classnames_0);
-// EXTERNAL MODULE: ../../node_modules/lodash/isString.js
-var lodash_isString = __webpack_require__(85505);
-var isString_default = /*#__PURE__*/__webpack_require__.n(lodash_isString);
-// EXTERNAL MODULE: ../../node_modules/lodash/identity.js
-var identity = __webpack_require__(23059);
-var identity_default = /*#__PURE__*/__webpack_require__.n(identity);
-;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"i8":"1.13.2"};
-;// 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; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { analytics_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function analytics_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; }
-
-
-
-
-var ANALYTICS_HANDLER_NAME = 'CondoWebSendAnalyticsEvent';
-function extractChildrenContent(children) {
-  if (isString_default()(children)) {
-    return children;
-  } else if (Array.isArray(children)) {
-    var stringChildren = children.map(extractChildrenContent).filter((identity_default()));
-
-    if (stringChildren.length) {
-      return stringChildren.join(':');
-    }
-  }
-
-  return null;
-}
-function sendAnalyticsClickEvent(component, data) {
-  if (typeof window !== 'undefined') {
-    var location = window.location.href;
-
-    var params = _objectSpread({
-      event: 'click',
-      location: location,
-      component: component
-    }, data);
-
-    parent.postMessage({
-      handler: ANALYTICS_HANDLER_NAME,
-      params: params,
-      type: 'condo-ui',
-      version: package_namespaceObject.i8
-    }, '*');
-  }
-}
 ;// CONCATENATED MODULE: ./src/components/Button/button.tsx
 var button_excluded = ["type", "className", "icon", "children", "onClick", "stateless"];
 
@@ -48494,45 +48537,90 @@ var TYPOGRAPHY_CLASS_PREFIX = 'condo-typography';
 var TEXT_SIZES = (/* unused pure expression or super */ null && (['large', 'medium', 'small']));
 var TEXT_TYPES = (/* unused pure expression or super */ null && (['secondary', 'inverted', 'danger', 'warning', 'info', 'success']));
 var TOOLTIP_CLASS_PREFIX = 'condo-tooltip';
-;// CONCATENATED MODULE: ./src/components/Typography/title.tsx
-var title_excluded = ["level", "type"];
+;// CONCATENATED MODULE: ./src/components/Typography/link.tsx
+function link_extends() { link_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return link_extends.apply(this, arguments); }
 
-function title_extends() { title_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return title_extends.apply(this, arguments); }
+function link_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; }
 
-function title_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; }
 
-function title_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = title_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function title_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
+var Link = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
+  var size = props.size,
+      onClick = props.onClick,
+      children = props.children,
+      href = props.href;
+  var className = node_modules_classnames_default_0()(link_defineProperty({}, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(size), size)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
+
+  var componentProps = {
+    component: 'a'
+  };
+  var handleClick = (0,external_react_.useCallback)(function (event) {
+    var stringContent = extractChildrenContent(children);
+
+    if (stringContent) {
+      sendAnalyticsClickEvent('Typography.Link', {
+        value: stringContent,
+        href: href
+      });
+    }
+
+    if (onClick) {
+      onClick(event);
+    }
+  }, [children, onClick, href]);
+  return /*#__PURE__*/external_react_default().createElement(Base/* default */.Z, link_extends({}, props, {
+    className: className,
+    prefixCls: TYPOGRAPHY_CLASS_PREFIX,
+    ref: ref,
+    onClick: handleClick
+  }, componentProps));
+});
+Link.displayName = 'Typography.Link';
+
+;// CONCATENATED MODULE: ./src/components/Typography/paragraph.tsx
+var paragraph_excluded = ["type", "size"];
+
+function paragraph_extends() { paragraph_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return paragraph_extends.apply(this, arguments); }
+
+function paragraph_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; }
+
+function paragraph_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = paragraph_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function paragraph_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 
 
-var Title = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
-  var _props$level = props.level,
-      level = _props$level === void 0 ? 1 : _props$level,
-      type = props.type,
-      rest = title_objectWithoutProperties(props, title_excluded);
 
-  var className = node_modules_classnames_default_0()(title_defineProperty({}, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(type), type)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
+
+var Paragraph = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
+  var _classNames;
+
+  var type = props.type,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'lg' : _props$size,
+      rest = paragraph_objectWithoutProperties(props, paragraph_excluded);
+
+  var className = node_modules_classnames_default_0()((_classNames = {}, paragraph_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(type), type), paragraph_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(size), size), _classNames)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
 
   var componentProps = {
-    component: "h".concat(level)
+    component: 'div'
   };
-  return /*#__PURE__*/external_react_default().createElement(Base/* default */.Z, title_extends({}, rest, {
+  return /*#__PURE__*/external_react_default().createElement(Base/* default */.Z, paragraph_extends({}, rest, {
     prefixCls: TYPOGRAPHY_CLASS_PREFIX,
     ref: ref,
     className: className
   }, componentProps));
 });
-Title.displayName = 'Typography.Title';
+Paragraph.displayName = 'Typography.Paragraph';
 
 // EXTERNAL MODULE: ../../node_modules/lodash/merge.js
 var merge = __webpack_require__(98537);
 var merge_default = /*#__PURE__*/__webpack_require__.n(merge);
 ;// CONCATENATED MODULE: ./src/components/Typography/text.tsx
-var text_excluded = ["type", "size", "ellipsis"];
+var text_excluded = ["type", "size", "ellipsis", "onClick"];
 
 function text_extends() { text_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return text_extends.apply(this, arguments); }
 
@@ -48561,9 +48649,10 @@ var Text = /*#__PURE__*/external_react_default().forwardRef(function (props, ref
       _props$size = props.size,
       size = _props$size === void 0 ? 'lg' : _props$size,
       ellipsis = props.ellipsis,
+      onClick = props.onClick,
       rest = text_objectWithoutProperties(props, text_excluded);
 
-  var className = node_modules_classnames_default_0()((_classNames = {}, text_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(type), type), text_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(size), size), _classNames)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
+  var className = node_modules_classnames_default_0()((_classNames = {}, text_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(type), type), text_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(size), size), _classNames), typeof onClick === 'function' ? "".concat(TYPOGRAPHY_CLASS_PREFIX, "-clickable") : ''); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
 
   var componentProps = {
     component: 'span'
@@ -48581,89 +48670,45 @@ var Text = /*#__PURE__*/external_react_default().forwardRef(function (props, ref
     prefixCls: TYPOGRAPHY_CLASS_PREFIX,
     ref: ref,
     ellipsis: ellipsisProp,
-    className: className
-  }, componentProps));
-});
-Text.displayName = 'Typography.Text';
-
-;// CONCATENATED MODULE: ./src/components/Typography/link.tsx
-function link_extends() { link_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return link_extends.apply(this, arguments); }
-
-function link_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; }
-
-
-
-
-
-
-var Link = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
-  var size = props.size,
-      onClick = props.onClick,
-      children = props.children,
-      href = props.href;
-  var className = node_modules_classnames_default_0()(link_defineProperty({}, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(size), size)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
-
-  var componentProps = {
-    component: 'a'
-  };
-  var handleClick = (0,external_react_.useCallback)(function (event) {
-    var stringContent = extractChildrenContent(children);
-
-    if (stringContent) {
-      sendAnalyticsClickEvent('Typography.Link', {
-        value: stringContent,
-        href: href
-      });
-    }
-
-    if (onClick) {
-      onClick(event);
-    }
-  }, [children, onClick, href]);
-  return /*#__PURE__*/external_react_default().createElement(Base/* default */.Z, link_extends({}, props, {
     className: className,
-    prefixCls: TYPOGRAPHY_CLASS_PREFIX,
-    ref: ref,
-    onClick: handleClick
+    onClick: onClick
   }, componentProps));
 });
-Link.displayName = 'Typography.Link';
-
-;// CONCATENATED MODULE: ./src/components/Typography/paragraph.tsx
-var paragraph_excluded = ["type", "size"];
+Text.displayName = 'Typography.Text';
 
-function paragraph_extends() { paragraph_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return paragraph_extends.apply(this, arguments); }
+;// CONCATENATED MODULE: ./src/components/Typography/title.tsx
+var title_excluded = ["level", "type"];
 
-function paragraph_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; }
+function title_extends() { title_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return title_extends.apply(this, arguments); }
 
-function paragraph_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = paragraph_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function title_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; }
 
-function paragraph_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function title_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = title_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
+function title_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
-var Paragraph = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
-  var _classNames;
 
-  var type = props.type,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'lg' : _props$size,
-      rest = paragraph_objectWithoutProperties(props, paragraph_excluded);
+var Title = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
+  var _props$level = props.level,
+      level = _props$level === void 0 ? 1 : _props$level,
+      type = props.type,
+      rest = title_objectWithoutProperties(props, title_excluded);
 
-  var className = node_modules_classnames_default_0()((_classNames = {}, paragraph_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(type), type), paragraph_defineProperty(_classNames, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(size), size), _classNames)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
+  var className = node_modules_classnames_default_0()(title_defineProperty({}, "".concat(TYPOGRAPHY_CLASS_PREFIX, "-").concat(type), type)); // NOTE: Used wrapper destructuring to explicitly pass component props, which is marked as internal in antd
 
   var componentProps = {
-    component: 'div'
+    component: "h".concat(level)
   };
-  return /*#__PURE__*/external_react_default().createElement(Base/* default */.Z, paragraph_extends({}, rest, {
+  return /*#__PURE__*/external_react_default().createElement(Base/* default */.Z, title_extends({}, rest, {
     prefixCls: TYPOGRAPHY_CLASS_PREFIX,
     ref: ref,
     className: className
   }, componentProps));
 });
-Paragraph.displayName = 'Typography.Paragraph';
+Title.displayName = 'Typography.Title';
 
 ;// CONCATENATED MODULE: ./src/components/Typography/index.ts
 
@@ -48678,49 +48723,6 @@ var Typography = {
   Paragraph: Paragraph
 };
 
-;// CONCATENATED MODULE: ./src/components/_utils/hooks/useSize.ts
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _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."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _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 _arrayLikeToArray(o, minLen); }
-
-function _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; }
-
-function _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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-var useSize = function useSize(ref) {
-  var _useState = (0,external_react_.useState)({
-    width: 1200,
-    height: 1000
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      size = _useState2[0],
-      setSize = _useState2[1];
-
-  (0,external_react_.useEffect)(function () {
-    if (!ref || !ref.current) return;
-    var observer = new ResizeObserver(function (entries) {
-      if (entries.length == 1) {
-        var entry = entries[0];
-        setSize({
-          width: entry.contentRect.width,
-          height: entry.contentRect.height
-        });
-      }
-    });
-    observer.observe(ref.current);
-    return function () {
-      return observer.disconnect();
-    };
-  }, [ref]);
-  return size;
-};
-;// CONCATENATED MODULE: ./src/components/_utils/hooks/index.ts
-
 ;// CONCATENATED MODULE: ./src/components/Banner/banner.tsx
 function banner_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; }
 
@@ -65977,6 +65979,7 @@ var ListItem = function ListItem(props) {
       label = _props$item.label,
       value = _props$item.value,
       valueTextType = _props$item.valueTextType,
+      valueClick = _props$item.valueClick,
       restProps = list_objectWithoutProperties(props, list_excluded);
 
   var labelEllipsis = (0,external_react_.useMemo)(function () {
@@ -66002,7 +66005,8 @@ var ListItem = function ListItem(props) {
     className: "condo-list-item-divider"
   }), /*#__PURE__*/external_react_default().createElement(Typography.Text, {
     ellipsis: valueEllipsis,
-    type: valueTextType
+    type: valueTextType,
+    onClick: valueClick
   }, value)));
 };
 
@@ -66032,15 +66036,15 @@ List_list_List.displayName = 'List';
 
 
 
+// EXTERNAL MODULE: ../../node_modules/lodash/omit.js
+var lodash_omit = __webpack_require__(17620);
+var omit_default = /*#__PURE__*/__webpack_require__.n(lodash_omit);
 // EXTERNAL MODULE: ./node_modules/react-markdown/src/react-markdown.js
 var react_markdown = __webpack_require__(38456);
 var react_markdown_default = /*#__PURE__*/__webpack_require__.n(react_markdown);
 // EXTERNAL MODULE: ../../node_modules/remark-gfm/index.js
 var remark_gfm = __webpack_require__(40940);
 var remark_gfm_default = /*#__PURE__*/__webpack_require__.n(remark_gfm);
-// EXTERNAL MODULE: ../../node_modules/lodash/omit.js
-var lodash_omit = __webpack_require__(17620);
-var omit_default = /*#__PURE__*/__webpack_require__.n(lodash_omit);
 ;// CONCATENATED MODULE: ./src/components/Markdown/markdown.tsx
 var markdown_excluded = ["children"];
 

package/dist/styles.css

@@ -2993,6 +2993,9 @@ a.condo-btn-sm {
       -ms-user-select: none;
           user-select: none;
 }
+.condo-typography-clickable {
+  cursor: pointer;
+}
 .condo-typography u,
 .condo-typography ins {
   text-decoration: underline;
@@ -4950,6 +4953,7 @@ span.condo-typography-ellipsis-single-line {
   text-align: right;
 }
 .condo-list .condo-list-header {
+  padding-top: 0;
   padding-bottom: 24px;
   border-bottom: none;
 }
@@ -4959,6 +4963,7 @@ span.condo-typography-ellipsis-single-line {
   align-items: end;
   width: 100%;
   border-bottom: none;
+  padding: 6px 0;
 }
 .condo-list .condo-list-item .condo-typography {
   max-width: 40%;