oa-componentbook 0.17.69 → 0.17.71

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

@@ -14,7 +14,7 @@ var _Typography = _interopRequireDefault(require("../oa-component-typography/Typ
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
 var _Elevation = require("../../global-css/Elevation");
-const _excluded = ["data-test", "disabled", "options"],
+const _excluded = ["data-test", "options"],
   _excluded2 = ["value", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -28,7 +28,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function CustomAutoComplete(_ref) {
   let {
       'data-test': dataTest,
-      disabled: autoCompleteDisabled,
       options
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -41,7 +40,7 @@ function CustomAutoComplete(_ref) {
     if ((0, _utils.isString)(value) || (0, _utils.isNumber)(value)) {
       return _objectSpread({
         label: /*#__PURE__*/_react.default.createElement(_Typography.default, {
-          color: disabled || autoCompleteDisabled ? 'placeholder-text' : undefined,
+          color: disabled ? 'placeholder-text' : undefined,
           typography: "type-b2-400",
           "data-test": dataTest ? "".concat(dataTest, "-(").concat(value, ")") : undefined
         }, value),
@@ -133,13 +132,11 @@ function CustomAutoComplete(_ref) {
     dropdownStyle: {
       padding: '0px'
     },
-    disabled: autoCompleteDisabled,
     filterOption: true
   }, props)));
 }
 CustomAutoComplete.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   size: _propTypes.default.oneOf(['small', 'middle']),
   options: _propTypes.default.arrayOf(
   // Checked from antd's github
@@ -150,7 +147,6 @@ CustomAutoComplete.propTypes = {
 };
 CustomAutoComplete.defaultProps = {
   'data-test': null,
-  disabled: false,
   options: [],
   size: 'middle'
 };

package/build/components/oa-component-checkbox/CustomCheckBox.js

@@ -11,7 +11,7 @@ var _antd = require("antd");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
 var _utils = require("../../utils");
-const _excluded = ["data-test", "disabled", "label", "onChange", "size"];
+const _excluded = ["data-test", "label", "onChange", "size"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _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 _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _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; }
@@ -23,6 +23,7 @@ const getCheckboxTheme = () => ({
     colorPrimary: _ColorVariablesMap.default['--color-primary'],
     colorBgContainerDisabled: _ColorVariablesMap.default['--color-secondary-background'],
     colorBorder: _ColorVariablesMap.default['--color-disabled-button'],
+    colorText: _ColorVariablesMap.default['--color-primary-content'],
     borderRadiusSM: '2px',
     paddingXS: '12px'
   }
@@ -31,7 +32,6 @@ exports.getCheckboxTheme = getCheckboxTheme;
 function CustomCheckBox(_ref) {
   let {
       'data-test': dataTest,
-      disabled,
       label,
       onChange,
       size
@@ -50,12 +50,10 @@ function CustomCheckBox(_ref) {
     theme: getCheckboxTheme()
   }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, _extends({
     "data-test": dataTest,
-    disabled: disabled,
     onChange: handleChange
   }, antDesignProps),
   // The label is a string or a number
   ((0, _utils.isString)(label) || (0, _utils.isNumber)(label)) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: disabled ? 'disabled-button' : 'primary-content',
     typography: size === 'large' ? 'type-b1-400' : 'type-b2-400'
   }, label) ||
   // The label is a node
@@ -66,7 +64,6 @@ function CustomCheckBox(_ref) {
 CustomCheckBox.Group = _antd.Checkbox.Group;
 CustomCheckBox.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   label: _propTypes.default.node,
   onChange: _propTypes.default.func,
   size: _propTypes.default.oneOf(['large', 'small']),
@@ -74,7 +71,6 @@ CustomCheckBox.propTypes = {
 };
 CustomCheckBox.defaultProps = {
   'data-test': null,
-  disabled: false,
   label: null,
   onChange: value => {},
   size: 'small',

package/build/components/oa-component-datepicker/CustomDatePicker.js

@@ -8,9 +8,9 @@ exports.default = CustomDatePicker;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("antd");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
-var _antd = require("antd");
 const _excluded = ["data-test"];
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -62,11 +62,9 @@ function CustomDatePicker(_ref) {
 }
 CustomDatePicker.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   size: _propTypes.default.oneOf(['small', 'middle'])
 };
 CustomDatePicker.defaultProps = {
   'data-test': null,
-  disabled: false,
   size: 'middle'
 };

package/build/components/oa-component-input/CustomInput.js

@@ -11,15 +11,14 @@ var _antd = require("antd");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
 var _helperFunctions = require("../../utils/helper-functions");
-const _excluded = ["data-test", "disabled"];
+const _excluded = ["data-test"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _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 _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _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 _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 CustomInput(_ref) {
   let {
-      'data-test': dataTest,
-      disabled: inputDisabled
+      'data-test': dataTest
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
@@ -98,7 +97,6 @@ function CustomInput(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, _extends({
     "data-test": dataTest,
-    disabled: inputDisabled,
     classNames: {
       input: 'type-b2-400',
       prefix: 'type-b2-400',
@@ -108,11 +106,9 @@ function CustomInput(_ref) {
 }
 CustomInput.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   size: _propTypes.default.oneOf(['small', 'default'])
 };
 CustomInput.defaultProps = {
   'data-test': null,
-  disabled: false,
   size: 'default'
 };

package/build/components/oa-component-input-number/CustomInputNumber.js

@@ -10,15 +10,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 var _helperFunctions = require("../../utils/helper-functions");
-const _excluded = ["data-test", "disabled"];
+const _excluded = ["data-test"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _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 _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _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 _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 CustomInputNumber(_ref) {
   let {
-      'data-test': dataTest,
-      disabled: inputDisabled
+      'data-test': dataTest
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
@@ -101,7 +100,6 @@ function CustomInputNumber(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, _extends({
     "data-test": dataTest,
-    disabled: inputDisabled,
     controls: false
     // classNames={{
     // input: 'type-b2-400',
@@ -112,11 +110,9 @@ function CustomInputNumber(_ref) {
 }
 CustomInputNumber.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   size: _propTypes.default.oneOf(['small', 'middle'])
 };
 CustomInputNumber.defaultProps = {
   'data-test': null,
-  disabled: false,
   size: 'middle'
 };

package/build/components/oa-component-radio/CustomRadio.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _utils = require("../../utils");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
-const _excluded = ["label", "data-test", "disabled", "onChange", "size", "value"];
+const _excluded = ["label", "data-test", "onChange", "size", "value"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _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 _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _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; }
@@ -38,7 +38,6 @@ function CustomRadio(_ref) {
   let {
       label,
       'data-test': dataTest,
-      disabled,
       onChange,
       size,
       value
@@ -56,7 +55,6 @@ function CustomRadio(_ref) {
   return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: getRadioTheme()
   }, /*#__PURE__*/_react.default.createElement(_antd.Radio, _extends({
-    disabled: disabled,
     onChange: handleChange,
     value: value,
     "data-test": dataTest
@@ -78,7 +76,6 @@ CustomRadio.Group = CustomRadioGroup;
 CustomRadio.Button = CustomRadio;
 CustomRadio.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   label: _propTypes.default.node,
   onChange: _propTypes.default.func,
   size: _propTypes.default.oneOf(['large', 'small']),
@@ -86,7 +83,6 @@ CustomRadio.propTypes = {
 };
 CustomRadio.defaultProps = {
   'data-test': null,
-  disabled: false,
   label: null,
   onChange: value => {},
   size: 'small',

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

@@ -14,7 +14,7 @@ var _Typography = _interopRequireDefault(require("../oa-component-typography/Typ
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
 var _Elevation = require("../../global-css/Elevation");
-const _excluded = ["data-test", "disabled", "options"],
+const _excluded = ["data-test", "options"],
   _excluded2 = ["label", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -28,7 +28,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function CustomSelect(_ref) {
   let {
       'data-test': dataTest,
-      disabled: selectDisabled,
       options
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -41,7 +40,7 @@ function CustomSelect(_ref) {
     if ((0, _utils.isString)(label) || (0, _utils.isNumber)(label)) {
       return _objectSpread({
         label: /*#__PURE__*/_react.default.createElement(_Typography.default, {
-          color: disabled || selectDisabled ? 'placeholder-text' : undefined,
+          color: disabled ? 'placeholder-text' : undefined,
           typography: "type-b2-400",
           "data-test": dataTest ? "".concat(dataTest, "-(").concat(label, ")") : undefined
         }, label),
@@ -125,13 +124,11 @@ function CustomSelect(_ref) {
     dropdownStyle: {
       padding: '0px'
     },
-    maxTagCount: "responsive",
-    disabled: selectDisabled
+    maxTagCount: "responsive"
   }, props)));
 }
 CustomSelect.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   size: _propTypes.default.oneOf(['small', 'middle']),
   options: _propTypes.default.arrayOf(
   // Checked from antd's github
@@ -142,7 +139,6 @@ CustomSelect.propTypes = {
 };
 CustomSelect.defaultProps = {
   'data-test': null,
-  disabled: false,
   options: [],
   size: 'middle'
 };

package/build/components/oa-component-timepicker/CustomTimePicker.js

@@ -8,9 +8,9 @@ exports.default = CustomTimePicker;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("antd");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
-var _antd = require("antd");
 const _excluded = ["data-test"];
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -62,11 +62,9 @@ function CustomTimePicker(_ref) {
 }
 CustomTimePicker.propTypes = {
   'data-test': _propTypes.default.string,
-  disabled: _propTypes.default.bool,
   size: _propTypes.default.oneOf(['small', 'middle'])
 };
 CustomTimePicker.defaultProps = {
   'data-test': null,
-  disabled: false,
   size: 'middle'
 };

package/build/widgets/oa-widget-notes/NotesWidget.js

@@ -48,9 +48,11 @@ function NotesWidget(_ref) {
   const columns = [{
     title: 'SERIAL NO.',
     dataIndex: 'sr',
-    key: 'sr'
+    key: 'sr',
+    width: '20%'
   }, {
     title: 'NOTES',
+    width: '40%',
     dataIndex: 'notes',
     render: (text, obj, index) => {
       if (!disabled && index === 0) {
@@ -69,11 +71,13 @@ function NotesWidget(_ref) {
   }, {
     title: 'DATE AND TIME',
     dataIndex: 'dateTime',
-    key: 'dateTime'
+    key: 'dateTime',
+    width: '20%'
   }, {
     title: 'USER',
     dataIndex: 'user',
-    key: 'user'
+    key: 'user',
+    width: '20%'
   }];
   const tableStyle = {
     borderTop: '1px solid var(--color-divider)',
@@ -87,12 +91,7 @@ function NotesWidget(_ref) {
     style: tableStyle,
     columns: columns,
     dataSource: mutatedRecords,
-    pagination: false
-
-    // style={{
-    //   display: (!(records.length > 0) && disabled) ? 'none' : undefined,
-    // }}
-    ,
+    pagination: false,
     size: "small",
     tableBorder: "false"
   }, antDesignTableProps)),

package/build/widgets/oa-widget-send-payment-link/SendPaymentLinkWidget.js

@@ -13,6 +13,7 @@ var _antd = require("antd");
 var _styles = require("./styles");
 var _CustomDrawer = _interopRequireDefault(require("../../components/oa-component-drawer/CustomDrawer"));
 var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
+var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -124,7 +125,7 @@ function SendPaymentLinkWidget(_ref) {
         "data-test": "".concat(dataTest, "--mobile-number-validation-message")
       }, "Please enter a valid mobile number.") : 'Please enter a valid mobile number.'
     }]
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+  }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
     style: {
       height: '48px',
       borderRadius: '4px'
@@ -145,7 +146,7 @@ function SendPaymentLinkWidget(_ref) {
         "data-test": "".concat(dataTest, "--email-validation-message")
       }, "Please enter a valid e-mail.") : 'Please enter a valid e-mail.'
     }]
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+  }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
     style: {
       height: '48px',
       borderRadius: '4px'

package/build/widgets/oa-widget-send-payment-link/styles.js

@@ -14,5 +14,5 @@ const RadioContainer = _styledComponents.default.section(_templateObject || (_te
 exports.RadioContainer = RadioContainer;
 const RadioGrid = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n"])));
 exports.RadioGrid = RadioGrid;
-const FormContainer = _styledComponents.default.aside(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .ant-form-item {\n        margin-bottom: 36px;\n    }\n    label{\n        display: block;\n    }\n    .ant-form-item .ant-form-item-label{\n        text-align: start;\n    }\n    .ant-row{\n        flex-direction: column;\n    }\n"])));
+const FormContainer = _styledComponents.default.aside(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n        position: absolute;\n        right: 0;\n        color: var(--color-negative);\n    }\n    .ant-form-item {\n        margin-bottom: 36px;\n    }\n    label{\n        display: block;\n    }\n    .ant-form-item .ant-form-item-label{\n        text-align: start;\n    }\n    .ant-row{\n        flex-direction: column;\n    }\n"])));
 exports.FormContainer = FormContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.17.69",
+  "version": "0.17.71",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",
@@ -51,11 +51,12 @@
   },
   "scripts": {
     "start": "react-scripts start",
+    "prepublishOnly": "(npm version patch --save) && (npm run build)",
     "build": "rm -rf build && NODE_ENV=production babel src/lib --out-dir build --copy-files",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "lint-fix": "eslint --fix src/** --ext .js,.jsx",
-    "lint": "eslint src/** --ext .js,.jsx"
+    "lint": "eslint src/**"
   },
   "eslintConfig": {
     "extends": [