oa-componentbook 0.17.3 → 0.17.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,7 +22,7 @@ function Address(_ref) {
22
22
  } = _ref;
23
23
  return /*#__PURE__*/_react.default.createElement(_styles.AddressContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
24
24
  typography: typography
25
- }, heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
25
+ }, heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, address.addressLine1 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
26
26
  color: "secondarygrey-text",
27
27
  typography: typography
28
28
  }, address.addressLine1), address.addressLine2 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -17,11 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
17
17
  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); }
18
18
  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; }
19
19
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
20
- const StyledAside = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nparentDiv{\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 24px;\n padding:0;\n}\n.col-7 {\n grid-column: span 7;\n}\n\n.col-5 {\n grid-column: span 5;\n}\n.col-5 a{\n padding:0 !important;\n}\n.ant-typography{\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; \n color: #212121;\n padding: 0 0 10px;\n display: block;\n }\n .ant-typography strong{\n font-weight: 400;\n }\n a{\n color: #014FC5 !important;\n padding:10px 0 0 !important;\n font-weight: 500 !important;\n display: block;\n }\n .ant-typography-secondary{\n color: #717171;\n padding: 0 !important;\n }\n .ant-radio-group-outline{\n display: flex;\n justify-content: space-between;\n }\n section{\n padding: 16px 0 0;\n }\n section span{\n padding: 0 0 4px !important;\n display: block;\n }\n textarea{\n padding: 12px;\n min-height: 88px;\n resize: none;\n border-radius: 4px;\n }\n radiofield label{\n white-space: nowrap;\n }\n docdetailstag a{\n white-space: nowrap;\n }\n"])));
21
- const layoutTypes = {
22
- faq: 'faq',
23
- doc: 'doc'
24
- };
20
+ const StyledAside = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nparentDiv{\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 24px;\n padding:0;\n}\n.col-7 {\n grid-column: span 7;\n}\n\n.col-5 {\n grid-column: span 5;\n}\n.col-5 a{\n padding:0 !important;\n}\n.col-12 {\n grid-column: span 12;\n}\n.ant-typography{\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; \n color: #212121;\n padding: 0 0 10px;\n display: block;\n }\n .ant-typography strong{\n font-weight: 400;\n }\n a{\n color: #014FC5 !important;\n padding:10px 0 0 !important;\n font-weight: 500 !important;\n display: block;\n }\n .ant-typography-secondary{\n color: #717171;\n padding: 0 !important;\n }\n .ant-radio-group-outline{\n display: flex;\n justify-content: space-between;\n }\n section{\n padding: 16px 0 0;\n }\n section span{\n padding: 0 0 4px !important;\n display: block;\n }\n textarea{\n padding: 12px;\n min-height: 88px;\n resize: none;\n border-radius: 4px;\n }\n radiofield label{\n white-space: nowrap;\n }\n docdetailstag a{\n white-space: nowrap;\n }\n"])));
25
21
  const isUndefined = () => typeof testVar === 'undefined';
26
22
  function ApprovalWidget(_ref) {
27
23
  let {
@@ -36,14 +32,13 @@ function ApprovalWidget(_ref) {
36
32
  divider
37
33
  } = _ref;
38
34
  const [drawer, setDrawer] = (0, _react.useState)(false);
39
- const layoutFor = layoutType || 'faq';
40
35
  const isDivider = isUndefined(divider) ? true : divider;
41
36
  return /*#__PURE__*/_react.default.createElement(StyledAside, {
42
37
  key: key
43
38
  }, /*#__PURE__*/_react.default.createElement("parentDiv", null, /*#__PURE__*/_react.default.createElement("div", {
44
39
  className: "col-7"
45
40
  }, /*#__PURE__*/_react.default.createElement("parentdiv", null, /*#__PURE__*/_react.default.createElement("div", {
46
- className: "col-7"
41
+ className: isFaq ? 'col-12' : 'col-7'
47
42
  }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
48
43
  level: 4,
49
44
  strong: true
@@ -65,7 +60,7 @@ function ApprovalWidget(_ref) {
65
60
  setDrawer(false);
66
61
  },
67
62
  open: drawer
68
- }, view.description))), layoutFor === layoutTypes.doc && /*#__PURE__*/_react.default.createElement("div", {
63
+ }, view.description))), !isFaq && /*#__PURE__*/_react.default.createElement("div", {
69
64
  className: "col-5"
70
65
  }, docDetails ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Link, {
71
66
  level: 4,
@@ -87,48 +82,52 @@ function ApprovalWidget(_ref) {
87
82
  })))), isDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
88
83
  }
89
84
  ApprovalWidget.propTypes = {
90
- title: _propTypes.default.string.isRequired,
91
- // Make title required
92
- description: _propTypes.default.string,
93
- // Leave description optional
94
- key: _propTypes.default.string.isRequired,
95
- layoutType: _propTypes.default.oneOf(['faq', 'doc']),
96
- // Leave layoutType optional
97
- field: _propTypes.default.shape({
98
- options: _propTypes.default.arrayOf(_propTypes.default.objectOf(_propTypes.default.string)),
99
- onChange: _propTypes.default.func,
100
- value: _propTypes.default.string || _propTypes.default.number
101
- }),
102
- remarks: _propTypes.default.shape({
103
- onChange: _propTypes.default.func,
104
- value: _propTypes.default.string
105
- }),
106
- view: _propTypes.default.shape({
107
- linkTitle: _propTypes.default.string,
108
- title: _propTypes.default.string,
109
- description: _propTypes.default.string
110
- }),
111
- docDetails: _propTypes.default.shape({
112
- onClick: _propTypes.default.func,
113
- name: _propTypes.default.string
114
- }),
115
- divider: _propTypes.default.bool // Leave divider optional
85
+ data: _propTypes.default.shape({
86
+ title: _propTypes.default.string.isRequired,
87
+ // Make title required
88
+ description: _propTypes.default.string,
89
+ // Leave description optional
90
+ key: _propTypes.default.string.isRequired,
91
+ isFaq: _propTypes.default.bool,
92
+ // Leave layoutType optional
93
+ field: _propTypes.default.shape({
94
+ options: _propTypes.default.arrayOf(_propTypes.default.objectOf(_propTypes.default.string)),
95
+ onChange: _propTypes.default.func,
96
+ value: _propTypes.default.string || _propTypes.default.number
97
+ }),
98
+ remarks: _propTypes.default.shape({
99
+ onChange: _propTypes.default.func,
100
+ value: _propTypes.default.string
101
+ }),
102
+ view: _propTypes.default.shape({
103
+ linkTitle: _propTypes.default.string,
104
+ title: _propTypes.default.string,
105
+ description: _propTypes.default.string
106
+ }),
107
+ docDetails: _propTypes.default.shape({
108
+ onClick: _propTypes.default.func,
109
+ name: _propTypes.default.string
110
+ }),
111
+ divider: _propTypes.default.bool // Leave divider optional
112
+ })
116
113
  };
117
114
 
118
115
  ApprovalWidget.defaultProps = {
119
- description: '',
120
- // Provide a default value for description
121
- layoutType: 'faq',
122
- // Provide a default value for layoutType
123
- field: {},
124
- // Provide a default value for field
125
- remarks: {},
126
- // Provide a default value for remarks
127
- view: {},
128
- // Provide a default value for view
129
- docDetails: {},
130
- // Provide a default value for docDetails
131
- divider: false // Provide a default value for divider
116
+ data: {
117
+ description: '',
118
+ // Provide a default value for description
119
+ isFaq: false,
120
+ // Provide a default value for layoutType
121
+ field: {},
122
+ // Provide a default value for field
123
+ remarks: {},
124
+ // Provide a default value for remarks
125
+ view: {},
126
+ // Provide a default value for view
127
+ docDetails: {},
128
+ // Provide a default value for docDetails
129
+ divider: false // Provide a default value for divider
130
+ }
132
131
  };
133
132
  var _default = ApprovalWidget;
134
133
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.17.3",
3
+ "version": "0.17.4",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",