oa-componentbook 0.17.77 → 0.17.79

package/build/components/oa-component-auto-complete/CustomAutoComplete.js

@@ -130,13 +130,14 @@ function CustomAutoComplete(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.AutoComplete, _extends({
     "data-test": dataTest,
-    options: actualOptions,
+    options: (actualOptions === null || actualOptions === void 0 ? void 0 : actualOptions.length) > 0 ? actualOptions : undefined,
     dropdownStyle: {
       padding: '0px'
     },
     filterOption: true
   }, props)));
 }
+CustomAutoComplete.Option = _antd.AutoComplete.Option;
 CustomAutoComplete.propTypes = {
   'data-test': _propTypes.default.string,
   size: _propTypes.default.oneOf(['small', 'middle']),

package/build/components/oa-component-info/CustomInfo.js

@@ -10,6 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("./styles");
 var _CustomButton = _interopRequireDefault(require("../oa-component-button/CustomButton"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
+require("antd/dist/reset.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function CustomInfo(_ref) {
   let {
@@ -27,8 +28,8 @@ function CustomInfo(_ref) {
     size: 24
   })), /*#__PURE__*/_react.default.createElement(_styles.ColFlex, null, title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-t2-700"
-  }, title), description && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400"
+  }, title), description && /*#__PURE__*/_react.default.createElement("div", {
+    className: "type-b2-400"
   }, description)), iconConfig.position === 'right' && (!title ? /*#__PURE__*/_react.default.isValidElement(iconConfig.icon) && /*#__PURE__*/_react.default.cloneElement(iconConfig.icon, {
     size: 20
   }) : /*#__PURE__*/_react.default.isValidElement(iconConfig.icon) && /*#__PURE__*/_react.default.cloneElement(iconConfig.icon, {

package/build/components/oa-component-select/CustomSelect.js

@@ -31,7 +31,7 @@ function CustomSelect(_ref) {
       options
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  const actualOptions = options.map(option => {
+  const actualOptions = options === null || options === void 0 ? void 0 : options.map(option => {
     const {
         label,
         disabled
@@ -120,20 +120,21 @@ function CustomSelect(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Select, _extends({
     "data-test": dataTest,
-    options: actualOptions,
+    options: (actualOptions === null || actualOptions === void 0 ? void 0 : actualOptions.length) > 0 ? actualOptions : undefined,
     dropdownStyle: {
       padding: '0px'
     },
     maxTagCount: "responsive"
   }, props)));
 }
+CustomSelect.Option = _antd.Select.Option;
 CustomSelect.propTypes = {
   'data-test': _propTypes.default.string,
   size: _propTypes.default.oneOf(['small', 'middle']),
   options: _propTypes.default.arrayOf(
   // Checked from antd's github
   _propTypes.default.shape({
-    label: _propTypes.default.node.isRequired,
+    label: _propTypes.default.node,
     value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired
   }))
 };

package/build/components/oa-component-table/CustomTable.js

@@ -77,12 +77,12 @@ function CustomTable(_ref) {
           headerBorderRadius: '0',
           headerSplitColor: _ColorVariablesMap.default['--color-secondary-background'],
           footerColor: _ColorVariablesMap.default['--color-primary-content'],
-          cellPaddingBlock: '24',
-          cellPaddingBlockMD: '16',
-          cellPaddingBlockSM: '12',
-          cellPaddingInline: '16',
-          cellPaddingInlineMD: '16',
-          cellPaddingInlineSM: '16',
+          cellPaddingBlock: 24,
+          cellPaddingBlockMD: 16,
+          cellPaddingBlockSM: 12,
+          cellPaddingInline: 16,
+          cellPaddingInlineMD: 16,
+          cellPaddingInlineSM: 16,
           cellFontSize: '14px',
           cellFontSizeMD: '14px',
           cellFontSizeSM: '14px',

package/build/widgets/oa-widget-approval/ApprovalWidget.js

@@ -52,8 +52,6 @@ function ApprovalWidget(_ref) {
   const [isApproved, setIsApproved] = (0, _react.useState)(getInitialValue(approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved));
   const onRadioChange = event => setIsApproved(event.target.value);
   return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "row"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: approvalForm.hidden ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-7 col-lg-7 gutter'
@@ -120,7 +118,7 @@ function ApprovalWidget(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
     "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
     disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false
-  })))) || undefined)), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
+  })))) || undefined), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
 }
 ApprovalWidget.propTypes = {
   children: _propTypes.default.node,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.17.77",
+  "version": "0.17.79",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",