fix(mwpw-165609): restore card collection rendering by correcting getAttribute implementation

commitlint.config.js

@@ -4,11 +4,11 @@ module.exports = {
         {
             rules: {
                 'jira-ticket-in-scope': ({scope}) => {
-                    const pattern = /^MWPW-\d+$/;
+                    const pattern = /^mwpw-\d+$/;
                     const hasValidTicket = pattern.test(scope || '');
                     return [
                         hasValidTicket,
-                        'Scope must contain JIRA ticket (e.g., feat(MWPW-123): message)',
+                        'Scope must contain JIRA ticket (e.g., feat(mwpw-123): message)',
                     ];
                 },
             },
@@ -18,4 +18,5 @@ module.exports = {
         'scope-empty': [2, 'never'], // scope is required
         'jira-ticket-in-scope': [2, 'always'], // enforce our custom rule
     },
+    defaultIgnores: false,
 };

dist/main.js

@@ -1,5 +1,5 @@
 /*!
- * Chimera UI Libraries - Build 0.23.28 (1/6/2025, 16:49:34)
+ * Chimera UI Libraries - Build 0.24.1 (1/14/2025, 19:06:40)
  *         
  */
 /******/ (function(modules) { // webpackBootstrap
@@ -56126,8 +56126,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ConsonantPageModel = undefined;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _reactDomComponents = __webpack_require__(107);
 
 var _Container = __webpack_require__(108);
@@ -56152,18 +56150,11 @@ var ConsonantPageModel = exports.ConsonantPageModel = function (_DOMModel) {
 
         var _this = _possibleConstructorReturn(this, (ConsonantPageModel.__proto__ || Object.getPrototypeOf(ConsonantPageModel)).call(this, element));
 
-        _this.id = element.getAttribute('id'); // Initialize id
-        _this.dataConfig = element.getAttribute('data-config'); // Initialize dataConfig
+        _this.getAttribute('id', 'id');
+        _this.getAttribute('data-config', 'dataConfig');
         return _this;
     }
 
-    _createClass(ConsonantPageModel, [{
-        key: 'getAttribute',
-        value: function getAttribute(attr) {
-            return this[attr]; // Return the attribute value
-        }
-    }]);
-
     return ConsonantPageModel;
 }(_reactDomComponents.DOMModel);
 

dist/main.source.js

@@ -2099,7 +2099,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nexports.ConsonantPageModel = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _reactDomComponents = __webpack_require__(107);\n\nvar _Container = __webpack_require__(108);\n\nvar _Container2 = _interopRequireDefault(_Container);\n\nvar _decorators = __webpack_require__(314);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ConsonantPageModel = exports.ConsonantPageModel = function (_DOMModel) {\n    _inherits(ConsonantPageModel, _DOMModel);\n\n    function ConsonantPageModel(element) {\n        _classCallCheck(this, ConsonantPageModel);\n\n        var _this = _possibleConstructorReturn(this, (ConsonantPageModel.__proto__ || Object.getPrototypeOf(ConsonantPageModel)).call(this, element));\n\n        _this.id = element.getAttribute('id'); // Initialize id\n        _this.dataConfig = element.getAttribute('data-config'); // Initialize dataConfig\n        return _this;\n    }\n\n    _createClass(ConsonantPageModel, [{\n        key: 'getAttribute',\n        value: function getAttribute(attr) {\n            return this[attr]; // Return the attribute value\n        }\n    }]);\n\n    return ConsonantPageModel;\n}(_reactDomComponents.DOMModel);\n\nvar consonantPageRDC = (0, _reactDomComponents.createRDC)('consonant-card-collection', ConsonantPageModel, (0, _decorators.parseDataConfig)(_Container2.default));\nexports.default = consonantPageRDC;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZWFjdC9zcmMvanMvY29tcG9uZW50cy9Db25zb25hbnQvUGFnZS9Db25zb25hbnRQYWdlRE9NLmpzeD81ZTMzIl0sIm5hbWVzIjpbIkNvbnNvbmFudFBhZ2VNb2RlbCIsImVsZW1lbnQiLCJpZCIsImdldEF0dHJpYnV0ZSIsImRhdGFDb25maWciLCJhdHRyIiwiRE9NTW9kZWwiLCJjb25zb25hbnRQYWdlUkRDIiwiQ29udGFpbmVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7OztBQUNBOzs7Ozs7Ozs7O0lBRWFBLGtCLFdBQUFBLGtCOzs7QUFDVCxnQ0FBWUMsT0FBWixFQUFxQjtBQUFBOztBQUFBLDRJQUNYQSxPQURXOztBQUVqQixjQUFLQyxFQUFMLEdBQVVELFFBQVFFLFlBQVIsQ0FBcUIsSUFBckIsQ0FBVixDQUZpQixDQUVxQjtBQUN0QyxjQUFLQyxVQUFMLEdBQWtCSCxRQUFRRSxZQUFSLENBQXFCLGFBQXJCLENBQWxCLENBSGlCLENBR3NDO0FBSHRDO0FBSXBCOzs7O3FDQUVZRSxJLEVBQU07QUFDZixtQkFBTyxLQUFLQSxJQUFMLENBQVAsQ0FEZSxDQUNJO0FBQ3RCOzs7O0VBVG1DQyw0Qjs7QUFZeEMsSUFBTUMsbUJBQW1CLG1DQUFVLDJCQUFWLEVBQXVDUCxrQkFBdkMsRUFBMkQsaUNBQWdCUSxtQkFBaEIsQ0FBM0QsQ0FBekI7a0JBQ2VELGdCIiwiZmlsZSI6IjMxMy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPTU1vZGVsLCBjcmVhdGVSREMgfSBmcm9tICdyZWFjdC1kb20tY29tcG9uZW50cyc7XG5pbXBvcnQgQ29udGFpbmVyIGZyb20gJy4uL0NvbnRhaW5lci9Db250YWluZXInO1xuaW1wb3J0IHsgcGFyc2VEYXRhQ29uZmlnIH0gZnJvbSAnLi4vSGVscGVycy9kZWNvcmF0b3JzJztcblxuZXhwb3J0IGNsYXNzIENvbnNvbmFudFBhZ2VNb2RlbCBleHRlbmRzIERPTU1vZGVsIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50KSB7XG4gICAgICAgIHN1cGVyKGVsZW1lbnQpO1xuICAgICAgICB0aGlzLmlkID0gZWxlbWVudC5nZXRBdHRyaWJ1dGUoJ2lkJyk7IC8vIEluaXRpYWxpemUgaWRcbiAgICAgICAgdGhpcy5kYXRhQ29uZmlnID0gZWxlbWVudC5nZXRBdHRyaWJ1dGUoJ2RhdGEtY29uZmlnJyk7IC8vIEluaXRpYWxpemUgZGF0YUNvbmZpZ1xuICAgIH1cblxuICAgIGdldEF0dHJpYnV0ZShhdHRyKSB7XG4gICAgICAgIHJldHVybiB0aGlzW2F0dHJdOyAvLyBSZXR1cm4gdGhlIGF0dHJpYnV0ZSB2YWx1ZVxuICAgIH1cbn1cblxuY29uc3QgY29uc29uYW50UGFnZVJEQyA9IGNyZWF0ZVJEQygnY29uc29uYW50LWNhcmQtY29sbGVjdGlvbicsIENvbnNvbmFudFBhZ2VNb2RlbCwgcGFyc2VEYXRhQ29uZmlnKENvbnRhaW5lcikpO1xuZXhwb3J0IGRlZmF1bHQgY29uc29uYW50UGFnZVJEQztcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyAuL3JlYWN0L3NyYy9qcy9jb21wb25lbnRzL0NvbnNvbmFudC9QYWdlL0NvbnNvbmFudFBhZ2VET00uanN4Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///313\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nexports.ConsonantPageModel = undefined;\n\nvar _reactDomComponents = __webpack_require__(107);\n\nvar _Container = __webpack_require__(108);\n\nvar _Container2 = _interopRequireDefault(_Container);\n\nvar _decorators = __webpack_require__(314);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ConsonantPageModel = exports.ConsonantPageModel = function (_DOMModel) {\n    _inherits(ConsonantPageModel, _DOMModel);\n\n    function ConsonantPageModel(element) {\n        _classCallCheck(this, ConsonantPageModel);\n\n        var _this = _possibleConstructorReturn(this, (ConsonantPageModel.__proto__ || Object.getPrototypeOf(ConsonantPageModel)).call(this, element));\n\n        _this.getAttribute('id', 'id');\n        _this.getAttribute('data-config', 'dataConfig');\n        return _this;\n    }\n\n    return ConsonantPageModel;\n}(_reactDomComponents.DOMModel);\n\nvar consonantPageRDC = (0, _reactDomComponents.createRDC)('consonant-card-collection', ConsonantPageModel, (0, _decorators.parseDataConfig)(_Container2.default));\nexports.default = consonantPageRDC;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZWFjdC9zcmMvanMvY29tcG9uZW50cy9Db25zb25hbnQvUGFnZS9Db25zb25hbnRQYWdlRE9NLmpzeD81ZTMzIl0sIm5hbWVzIjpbIkNvbnNvbmFudFBhZ2VNb2RlbCIsImVsZW1lbnQiLCJnZXRBdHRyaWJ1dGUiLCJET01Nb2RlbCIsImNvbnNvbmFudFBhZ2VSREMiLCJDb250YWluZXIiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7QUFDQTs7OztBQUNBOzs7Ozs7Ozs7O0lBRWFBLGtCLFdBQUFBLGtCOzs7QUFDVCxnQ0FBWUMsT0FBWixFQUFxQjtBQUFBOztBQUFBLDRJQUNYQSxPQURXOztBQUVqQixjQUFLQyxZQUFMLENBQWtCLElBQWxCLEVBQXdCLElBQXhCO0FBQ0EsY0FBS0EsWUFBTCxDQUFrQixhQUFsQixFQUFpQyxZQUFqQztBQUhpQjtBQUlwQjs7O0VBTG1DQyw0Qjs7QUFReEMsSUFBTUMsbUJBQW1CLG1DQUFVLDJCQUFWLEVBQXVDSixrQkFBdkMsRUFBMkQsaUNBQWdCSyxtQkFBaEIsQ0FBM0QsQ0FBekI7a0JBQ2VELGdCIiwiZmlsZSI6IjMxMy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPTU1vZGVsLCBjcmVhdGVSREMgfSBmcm9tICdyZWFjdC1kb20tY29tcG9uZW50cyc7XG5pbXBvcnQgQ29udGFpbmVyIGZyb20gJy4uL0NvbnRhaW5lci9Db250YWluZXInO1xuaW1wb3J0IHsgcGFyc2VEYXRhQ29uZmlnIH0gZnJvbSAnLi4vSGVscGVycy9kZWNvcmF0b3JzJztcblxuZXhwb3J0IGNsYXNzIENvbnNvbmFudFBhZ2VNb2RlbCBleHRlbmRzIERPTU1vZGVsIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50KSB7XG4gICAgICAgIHN1cGVyKGVsZW1lbnQpO1xuICAgICAgICB0aGlzLmdldEF0dHJpYnV0ZSgnaWQnLCAnaWQnKTtcbiAgICAgICAgdGhpcy5nZXRBdHRyaWJ1dGUoJ2RhdGEtY29uZmlnJywgJ2RhdGFDb25maWcnKTtcbiAgICB9XG59XG5cbmNvbnN0IGNvbnNvbmFudFBhZ2VSREMgPSBjcmVhdGVSREMoJ2NvbnNvbmFudC1jYXJkLWNvbGxlY3Rpb24nLCBDb25zb25hbnRQYWdlTW9kZWwsIHBhcnNlRGF0YUNvbmZpZyhDb250YWluZXIpKTtcbmV4cG9ydCBkZWZhdWx0IGNvbnNvbmFudFBhZ2VSREM7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gLi9yZWFjdC9zcmMvanMvY29tcG9uZW50cy9Db25zb25hbnQvUGFnZS9Db25zb25hbnRQYWdlRE9NLmpzeCJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///313\n");
 
 /***/ }),
 /* 314 */

react/src/js/components/Consonant/Page/ConsonantPageDOM.jsx

@@ -5,12 +5,8 @@ import { parseDataConfig } from '../Helpers/decorators';
 export class ConsonantPageModel extends DOMModel {
     constructor(element) {
         super(element);
-        this.id = element.getAttribute('id'); // Initialize id
-        this.dataConfig = element.getAttribute('data-config'); // Initialize dataConfig
-    }
-
-    getAttribute(attr) {
-        return this[attr]; // Return the attribute value
+        this.getAttribute('id', 'id');
+        this.getAttribute('data-config', 'dataConfig');
     }
 }
 

react/src/js/components/Consonant/Page/__test__/ConsonantPageDOM.spec.js

@@ -13,14 +13,14 @@ describe('ConsonantPageModel', () => {
     test('should initialize ConsonantPageModel with correct attributes', () => {
         const model = new ConsonantPageModel(element);
 
-        expect(model.getAttribute('id')).toBe('test-id');
-        expect(model.getAttribute('dataConfig')).toBe('{"key": "value"}'); // Corrected to match the attribute name
+        expect(model.props.id).toBe('test-id');
+        expect(model.props.dataConfig).toBe('{"key": "value"}'); // Corrected to match the attribute name
     });
 
     test('should set id and dataConfig attributes correctly', () => {
         const model = new ConsonantPageModel(element);
 
-        expect(model.getAttribute('id')).toEqual('test-id');
-        expect(model.getAttribute('dataConfig')).toEqual('{"key": "value"}'); // Corrected to match the attribute name
+        expect(model.props.id).toEqual('test-id');
+        expect(model.props.dataConfig).toEqual('{"key": "value"}'); // Corrected to match the attribute name
     });
 });