oa-componentbook 0.17.88 → 0.17.90

package/build/components/oa-component-form-item/CustomFormItem.js

@@ -0,0 +1,33 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CustomFormItem;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
+const _excluded = ["label"];
+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 CustomFormItem(_ref) {
+  let {
+      label
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, _extends({
+    label: label ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      typography: "type-b2-400"
+    }, label) : undefined
+  }, props));
+}
+CustomFormItem.propTypes = {
+  label: _propTypes.default.string
+};
+CustomFormItem.defaultProps = {
+  label: null
+};

package/build/index.js

@@ -95,6 +95,12 @@ Object.defineProperty(exports, "CustomDrawer", {
     return _CustomDrawer.default;
   }
 });
+Object.defineProperty(exports, "CustomFormItem", {
+  enumerable: true,
+  get: function get() {
+    return _CustomFormItem.default;
+  }
+});
 Object.defineProperty(exports, "CustomIcon", {
   enumerable: true,
   get: function get() {
@@ -327,9 +333,11 @@ var _Accordion = _interopRequireDefault(require("./components/oa-component-accor
 var _ColorVariablesDemo = _interopRequireWildcard(require("./components/oa-component-demo-color-variables/ColorVariablesDemo"));
 var _BorderRadiusDemo = _interopRequireDefault(require("./components/oa-component-demo-border-radius/BorderRadiusDemo"));
 var _CustomAutoComplete = _interopRequireDefault(require("./components/oa-component-auto-complete/CustomAutoComplete"));
+var _CustomBreadCrumb = _interopRequireDefault(require("./components/oa-component-bread-crumb/CustomBreadCrumb"));
 var _CustomButton = _interopRequireDefault(require("./components/oa-component-button/CustomButton"));
 var _CustomCheckBox = _interopRequireWildcard(require("./components/oa-component-checkbox/CustomCheckBox"));
 var _CustomDrawer = _interopRequireDefault(require("./components/oa-component-drawer/CustomDrawer"));
+var _CustomFormItem = _interopRequireDefault(require("./components/oa-component-form-item/CustomFormItem"));
 var _MaterialIcon = _interopRequireDefault(require("./components/oa-component-icons/MaterialIcon"));
 var _CustomIcon = _interopRequireDefault(require("./components/oa-component-icons/CustomIcon"));
 var _CustomInfo = _interopRequireDefault(require("./components/oa-component-info/CustomInfo"));
@@ -370,7 +378,6 @@ var _TrackShipmentWidget = _interopRequireDefault(require("./widgets/oa-widget-t
 var _UploadDownloadWidget = _interopRequireDefault(require("./widgets/oa-widget-upload-download/UploadDownloadWidget"));
 var _ViewHistoryWidget = _interopRequireDefault(require("./widgets/oa-widget-view-history/ViewHistoryWidget"));
 var _ViewPreviousDescriptionWidget = _interopRequireDefault(require("./widgets/oa-widget-view-previous-description/ViewPreviousDescriptionWidget"));
-var _CustomBreadCrumb = _interopRequireDefault(require("./components/oa-component-bread-crumb/CustomBreadCrumb"));
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -54,11 +54,11 @@ function ApprovalWidget(_ref) {
   return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__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'
+    className: approvalForm.hidden ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-7 col-lg-7'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "row"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: isQuestionStyleWidget ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-8 col-lg-8 gutter'
+    className: isQuestionStyleWidget ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-8 col-lg-8'
   }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h4", {
     className: "type-b2-400"
   }, title, isMandatory && /*#__PURE__*/_react.default.createElement(_styles.RedText, null, "*"))), description && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {

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

@@ -8,7 +8,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .container {\n    margin-bottom: 16px;\n  }\n  h4{\n    padding: 0 0 4px;\n  }\n.view-button {\n  justify-content: start;\n}\n  .ant-form-item.custom-radio-group {\n    margin-bottom: 12px;\n  }\n\n  .ant-divider-horizontal {\n    margin: 0px 0px 16px 0px;\n  }\n\n  .ant-form-item .ant-form-item-control-input {\n    min-height: auto;\n  }\n\n  .ant-radio-group-outline {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  textarea {\n    padding: 16px; \n    min-height: 88px;\n    resize: none;\n    border-radius: 4px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n\n  h5 {\n    margin: 0 0 4px;\n    color: var(--color-primary-content);\n  }\n\n  radiofield label {\n    white-space: nowrap;\n  }\n\n  docdetailstag a {\n    white-space: nowrap;\n  }\n\n  .view-button {\n    margin: 8px 0 0 0;\n  }\n"])));
+const StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .container {\n    margin-bottom: 16px;\n  }\n  .ant-radio-wrapper{\n    white-space: nowrap;\n  }\n  h4{\n    padding: 0 0 4px;\n  }\n.view-button {\n  justify-content: start;\n}\n  .ant-form-item.custom-radio-group {\n    margin-bottom: 12px;\n  }\n\n  .ant-divider-horizontal {\n    margin: 16px 0px 16px;\n  }\n\n  .ant-form-item .ant-form-item-control-input {\n    min-height: auto;\n  }\n\n  .ant-radio-group-outline {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  textarea {\n    padding: 16px; \n    min-height: 88px;\n    resize: none;\n    border-radius: 4px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n\n  h5 {\n    margin: 0 0 4px;\n    color: var(--color-primary-content);\n  }\n\n  radiofield label {\n    white-space: nowrap;\n  }\n\n  docdetailstag a {\n    white-space: nowrap;\n  }\n\n  .view-button {\n    margin: 8px 0 0 0;\n  }\n"])));
 exports.StyledContainer = StyledContainer;
 const RedText = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: red;\n  margin-left: 4px;\n"])));
 exports.RedText = RedText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.17.88",
+  "version": "0.17.90",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",
@@ -15,17 +15,10 @@
   "dependencies": {
     "@ant-design/icons": "^5.2.6",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@material-ui/core": "^4.12.4",
-    "@material-ui/icons": "^4.11.3",
     "@storybook/addon-actions": "^7.4.3",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/cli": "^7.3.2",
-    "antd": "^5.11.4",
-    "prop-types": "^15.8.1",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "react-router-dom": "^5.3.4",
-    "styled-components": "^6.0.7"
+    "antd": "^5.11.4"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.9",
@@ -49,6 +42,16 @@
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
   },
+  "peerDependencies": {
+    "prop-types": "^15.8.1",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
+    "d3": "^7.8.5",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
+    "react-router-dom": "^5.3.4",
+    "styled-components": "^6.0.7"
+  },
   "scripts": {
     "start": "react-scripts start",
     "prepublishOnly": "(npm version patch --save) && (npm run build)",