@open-condo/ui 2.46.0 → 2.47.0

package/dist/components/Markdown/markdown.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export type MarkdownProps = {
     children: string;
+    type?: 'default' | 'inline';
+    onCheckboxChange?: (newMarkdownContent: string) => void;
 };
 export declare const Markdown: React.FC<MarkdownProps>;
 //# sourceMappingURL=markdown.d.ts.map

package/dist/components/Markdown/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;CACnB,CAAA;AAID,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsB5C,CAAA"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1D,CAAA;AA0ED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0E5C,CAAA"}

package/dist/index.js

@@ -48558,7 +48558,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.46.0"};
+var package_namespaceObject = {"rE":"2.47.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; }
 
@@ -72804,12 +72804,19 @@ var react_markdown_default = /*#__PURE__*/__webpack_require__.n(react_markdown);
 var remark_gfm = __webpack_require__(9927);
 var remark_gfm_default = /*#__PURE__*/__webpack_require__.n(remark_gfm);
 ;// CONCATENATED MODULE: ./src/components/Markdown/markdown.tsx
-var markdown_excluded = ["children"];
+var markdown_excluded = ["type", "checked", "disabled"],
+    markdown_excluded2 = ["children"];
 
 function markdown_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = markdown_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 markdown_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 markdown_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 markdown_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? markdown_ownKeys(Object(source), !0).forEach(function (key) { markdown_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : markdown_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function markdown_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 markdown_extends() { markdown_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 markdown_extends.apply(this, arguments); }
 
 
@@ -72818,67 +72825,210 @@ function markdown_extends() { markdown_extends = Object.assign ? Object.assign.b
 
 
 
+
 var REMARK_PLUGINS = [(remark_gfm_default())];
 var MARKDOWN_CLASS_PREFIX = 'condo-markdown';
-var Markdown = function Markdown(_ref) {
-  var children = _ref.children;
+var MARKDOWN_TASK_LIST_CLASS_PREFIX = 'condo-markdown-task-list-item';
+
+var TaskListItem = function TaskListItem(_ref) {
+  var _ref$checked = _ref.checked,
+      checked = _ref$checked === void 0 ? false : _ref$checked,
+      children = _ref.children,
+      onToggle = _ref.onToggle,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      node = _ref.node;
+  var position = node.position;
+  return /*#__PURE__*/external_react_default().createElement("li", null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: MARKDOWN_TASK_LIST_CLASS_PREFIX
+  }, /*#__PURE__*/external_react_default().createElement(components_Checkbox_Checkbox, {
+    checked: checked,
+    onChange: function onChange(e) {
+      return onToggle === null || onToggle === void 0 ? void 0 : onToggle({
+        checked: e.target.checked,
+        position: position
+      });
+    },
+    disabled: disabled
+  }), /*#__PURE__*/external_react_default().createElement(Typography.Text, {
+    type: "secondary"
+  }, children)));
+};
+
+var MARKDOWN_COMPONENTS_BY_TYPE = {
+  'default': {
+    h1: function h1(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
+        level: 1
+      }));
+    },
+    h2: function h2(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
+        level: 2
+      }));
+    },
+    h3: function h3(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
+        level: 3
+      }));
+    },
+    h4: function h4(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
+        level: 4
+      }));
+    },
+    h5: function h5(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
+        level: 5
+      }));
+    },
+    h6: function h6(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
+        level: 6
+      }));
+    }
+  },
+  // Inline should be used when displaying text formatted by user
+  'inline': {
+    h1: function h1(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({
+        strong: true
+      }, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    },
+    h2: function h2(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({
+        strong: true
+      }, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    },
+    h3: function h3(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({
+        strong: true
+      }, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    },
+    h4: function h4(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({
+        strong: true
+      }, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    },
+    h5: function h5(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({
+        strong: true
+      }, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    },
+    h6: function h6(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({
+        strong: true
+      }, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    },
+    p: function p(props) {
+      return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({}, omit_default()(props, 'ref'), {
+        type: "primary"
+      }));
+    }
+  }
+};
+var Markdown = function Markdown(_ref2) {
+  var children = _ref2.children,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'default' : _ref2$type,
+      onCheckboxChange = _ref2.onCheckboxChange;
+
+  if (!MARKDOWN_COMPONENTS_BY_TYPE.hasOwnProperty(type)) {
+    throw new Error('Unsupported markdown type');
+  }
+
+  var hasInteractiveCheckboxes = onCheckboxChange && typeof onCheckboxChange === 'function';
+
+  var callOnCheckboxChange = function callOnCheckboxChange(_ref3) {
+    var checked = _ref3.checked,
+        position = _ref3.position;
+
+    if (hasInteractiveCheckboxes) {
+      var checkboxChangedPositionOffset = position.start.offset + 3;
+      var partBeforeCheckbox = children.slice(0, checkboxChangedPositionOffset);
+      var partAfterCheckbox = children.slice(checkboxChangedPositionOffset + 1);
+      var checkboxContent = checked ? 'x' : ' ';
+      var newMarkdown = partBeforeCheckbox + checkboxContent + partAfterCheckbox;
+      onCheckboxChange(newMarkdown);
+    }
+  };
+
   return /*#__PURE__*/external_react_default().createElement((react_markdown_default()), {
     className: MARKDOWN_CLASS_PREFIX,
     remarkPlugins: REMARK_PLUGINS,
-    components: {
-      h1: function h1(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
-          level: 1
-        }));
-      },
-      h2: function h2(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
-          level: 2
-        }));
-      },
-      h3: function h3(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
-          level: 3
-        }));
-      },
-      h4: function h4(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
-          level: 4
-        }));
-      },
-      h5: function h5(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
-          level: 5
-        }));
-      },
-      h6: function h6(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Title, markdown_extends({}, omit_default()(props, 'ref'), {
-          level: 6
-        }));
-      },
-      // TODO: Try more elegant solutions if deploys succeed
-      p: function p(props) {
-        return /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, markdown_extends({}, omit_default()(props, 'ref'), {
-          type: "secondary"
-        }));
-      },
+    components: markdown_objectSpread(markdown_objectSpread({}, MARKDOWN_COMPONENTS_BY_TYPE[type]), {}, {
       a: function a(props) {
         return /*#__PURE__*/external_react_default().createElement(Typography.Link, markdown_extends({}, omit_default()(props, 'ref'), {
+          rel: "noopener noreferrer",
           target: "_blank"
         }));
       },
-      li: function li(_ref2) {
-        var children = _ref2.children,
-            restProps = markdown_objectWithoutProperties(_ref2, markdown_excluded);
+      pre: function pre(props) {
+        return /*#__PURE__*/external_react_default().createElement(CodeWrapper, props);
+      },
+      input: function input(_ref4) {
+        var type = _ref4.type,
+            checked = _ref4.checked,
+            disabled = _ref4.disabled,
+            restProps = markdown_objectWithoutProperties(_ref4, markdown_excluded);
+
+        if (type !== 'checkbox') {
+          return /*#__PURE__*/external_react_default().createElement("input", markdown_extends({
+            type: type
+          }, restProps));
+        }
+
+        return /*#__PURE__*/external_react_default().createElement(components_Checkbox_Checkbox, {
+          checked: checked || false,
+          disabled: true
+        });
+      },
+      li: function li(props) {
+        var children = props.children,
+            restProps = markdown_objectWithoutProperties(props, markdown_excluded2);
+
+        var childrenArray = external_react_default().Children.toArray(children);
+        var checkboxChild = childrenArray.find(function (child) {
+          var _child$props;
+
+          return /*#__PURE__*/external_react_default().isValidElement(child) && ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.type) === 'checkbox';
+        });
+
+        if (checkboxChild) {
+          var _checkboxChild$props;
+
+          var _checked = /*#__PURE__*/external_react_default().isValidElement(checkboxChild) && (checkboxChild === null || checkboxChild === void 0 ? void 0 : (_checkboxChild$props = checkboxChild.props) === null || _checkboxChild$props === void 0 ? void 0 : _checkboxChild$props.checked) || false;
+
+          var contentChildren = childrenArray.filter(function (child) {
+            var _child$props2;
+
+            return !( /*#__PURE__*/external_react_default().isValidElement(child) && ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.type) === 'checkbox');
+          });
+          return /*#__PURE__*/external_react_default().createElement(TaskListItem, {
+            node: props.node,
+            checked: _checked,
+            disabled: !hasInteractiveCheckboxes,
+            onToggle: callOnCheckboxChange
+          }, contentChildren);
+        }
 
         return /*#__PURE__*/external_react_default().createElement("li", restProps, /*#__PURE__*/external_react_default().createElement(Typography.Text, {
           type: "secondary"
         }, children));
-      },
-      pre: function pre(props) {
-        return /*#__PURE__*/external_react_default().createElement(CodeWrapper, props);
       }
-    }
+    })
   }, children);
 };
 ;// CONCATENATED MODULE: ./src/components/Markdown/index.ts

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Oct 2025 15:26:03 GMT
+ * Generated on Fri, 07 Nov 2025 15:18:34 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 16 Oct 2025 15:26:03 GMT
+// Generated on Fri, 07 Nov 2025 15:18:34 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;

package/dist/styles.css

@@ -9606,6 +9606,11 @@ textarea.condo-input {
   border-bottom: 1px solid #e1e5ed;
 }
 
+.condo-markdown-task-list-item {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+}
 .condo-markdown {
   color: #707695;
 }