oa-componentbook 0.17.2 → 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.
Files changed (4) hide show
  1. package/build/widgets/oa-widget-address/Address.js +1 -1
  2. package/build/widgets/oa-widget-approval/ApprovalWidget.js +55 -48
  3. package/build/widgets/oa-widget-document/UploadDownloadDocument.js +3 -5
  4. package/package.json +1 -1
package/build/widgets/oa-widget-address/Address.js CHANGED
@@ -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, {
package/build/widgets/oa-widget-approval/ApprovalWidget.js CHANGED
@@ -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: flex;\n gap: 24px;\n justify-content: space-between;\n}\nocdetailstag{\n width: 20%;\n}\nparentdiv div:first-child,radiofield {\n width: 40%;\n}\nparentdiv div:first-child > div{\n width: 100%;\n}\ndocdetailstag div{\n width: 100% !important;\n}\nradiofield div{\n width: 100% !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 gap: 32px;\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,11 +32,14 @@ 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
- }, /*#__PURE__*/_react.default.createElement("parentDiv", null, /*#__PURE__*/_react.default.createElement("div", null, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
38
+ }, /*#__PURE__*/_react.default.createElement("parentDiv", null, /*#__PURE__*/_react.default.createElement("div", {
39
+ className: "col-7"
40
+ }, /*#__PURE__*/_react.default.createElement("parentdiv", null, /*#__PURE__*/_react.default.createElement("div", {
41
+ className: isFaq ? 'col-12' : 'col-7'
42
+ }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
44
43
  level: 4,
45
44
  strong: true
46
45
  }, title)), description && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
@@ -61,13 +60,17 @@ function ApprovalWidget(_ref) {
61
60
  setDrawer(false);
62
61
  },
63
62
  open: drawer
64
- }, view.description))), layoutFor === layoutTypes.doc && /*#__PURE__*/_react.default.createElement("docDetailsTag", null, docDetails ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Link, {
63
+ }, view.description))), !isFaq && /*#__PURE__*/_react.default.createElement("div", {
64
+ className: "col-5"
65
+ }, docDetails ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Link, {
65
66
  level: 4,
66
67
  strong: true,
67
68
  onClick: docDetails.onClick
68
69
  }, docDetails.name && /*#__PURE__*/_react.default.createElement(_icons.DownloadOutlined, null), ' ', docDetails.name)) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
69
70
  level: 4
70
- }, "Not Uploaded"))), /*#__PURE__*/_react.default.createElement("radioField", null, field && /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
71
+ }, "Not Uploaded"))))), /*#__PURE__*/_react.default.createElement("div", {
72
+ className: "col-5"
73
+ }, field && /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
71
74
  options: field.options,
72
75
  onChange: field.onChange,
73
76
  defaultValue: field.value
@@ -79,48 +82,52 @@ function ApprovalWidget(_ref) {
79
82
  })))), isDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
80
83
  }
81
84
  ApprovalWidget.propTypes = {
82
- title: _propTypes.default.string.isRequired,
83
- // Make title required
84
- description: _propTypes.default.string,
85
- // Leave description optional
86
- key: _propTypes.default.string.isRequired,
87
- layoutType: _propTypes.default.oneOf(['faq', 'doc']),
88
- // Leave layoutType optional
89
- field: _propTypes.default.shape({
90
- options: _propTypes.default.arrayOf(_propTypes.default.objectOf(_propTypes.default.string)),
91
- onChange: _propTypes.default.func,
92
- value: _propTypes.default.string || _propTypes.default.number
93
- }),
94
- remarks: _propTypes.default.shape({
95
- onChange: _propTypes.default.func,
96
- value: _propTypes.default.string
97
- }),
98
- view: _propTypes.default.shape({
99
- linkTitle: _propTypes.default.string,
100
- title: _propTypes.default.string,
101
- description: _propTypes.default.string
102
- }),
103
- docDetails: _propTypes.default.shape({
104
- onClick: _propTypes.default.func,
105
- name: _propTypes.default.string
106
- }),
107
- 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
+ })
108
113
  };
109
114
 
110
115
  ApprovalWidget.defaultProps = {
111
- description: '',
112
- // Provide a default value for description
113
- layoutType: 'faq',
114
- // Provide a default value for layoutType
115
- field: {},
116
- // Provide a default value for field
117
- remarks: {},
118
- // Provide a default value for remarks
119
- view: {},
120
- // Provide a default value for view
121
- docDetails: {},
122
- // Provide a default value for docDetails
123
- 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
+ }
124
131
  };
125
132
  var _default = ApprovalWidget;
126
133
  exports.default = _default;
package/build/widgets/oa-widget-document/UploadDownloadDocument.js CHANGED
@@ -16,8 +16,8 @@ const {
16
16
  Text,
17
17
  Link
18
18
  } = _antd.Typography;
19
- const StyledUpload = (0, _styledComponents.default)(_antd.Upload)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
20
- const StyledAside = _styledComponents.default.aside(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .ant-btn-dangerous{\n padding: 0;\n }\n .ant-btn >.anticon+span{\n margin-inline-start: 4px;\n }\n .ant-btn-link{\n padding: 4px 4px 4px 4px;\n }\n"])));
19
+ const StyledUpload = (0, _styledComponents.default)(_antd.Upload)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nbutton{\n border: 1px solid #014FC5;\n color: #014FC5;\n} \n"])));
20
+ const StyledAside = _styledComponents.default.aside(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\ndisplay: flex;\n .ant-btn-dangerous{\n margin: 0 0 0 4px;\n }\n .ant-btn-link{\n display: flex;\n padding: 0!important;\n height: auto !important;\n align-items: center;\n }\n .ant-btn >.anticon+span{\n margin-inline-start: 4px;\n }\n\n span{\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 102px;\n }\n// span:hover{\n// white-space: normal;\n// overflow: visible;\n// text-overflow: clip; \n// }\n"])));
21
21
  function UploadDownloadDocument(_ref) {
22
22
  let {
23
23
  type,
@@ -42,9 +42,7 @@ function UploadDownloadDocument(_ref) {
42
42
  strong: true
43
43
  }, "Not Uploaded"), isUpload && /*#__PURE__*/_react.default.createElement(StyledUpload, {
44
44
  onClick: onClick
45
- }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
46
- icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null)
47
- }, "Click to Upload")));
45
+ }, /*#__PURE__*/_react.default.createElement(_antd.Button, null, "Choose File")));
48
46
  }
49
47
  UploadDownloadDocument.propTypes = {
50
48
  type: _propTypes.default.string.isRequired,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.17.2",
3
+ "version": "0.17.4",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",