oa-componentbook 0.18.118 → 0.18.120

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 (9) hide show
  1. package/build/components/oa-component-header/CustomHeader.js +12 -0
  2. package/build/components/oa-component-header/customClass.css +9 -0
  3. package/build/{widgets/oa-widget-header → components/oa-component-header}/styles.js +1 -1
  4. package/build/images/upload.svg +8 -0
  5. package/build/index.js +0 -7
  6. package/build/widgets/oa-widget-document-upload/DocUploadWidget.js +8 -2
  7. package/build/widgets/oa-widget-document-upload/styles.js +1 -1
  8. package/package.json +1 -1
  9. package/build/widgets/oa-widget-header/CustomHeaderWidget.js +0 -53
package/build/components/oa-component-header/CustomHeader.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = HeaderBar;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _styles = require("./styles");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ function HeaderBar() {
11
+ return /*#__PURE__*/_react.default.createElement("h1", null, "Header");
12
+ }
package/build/components/oa-component-header/customClass.css ADDED
@@ -0,0 +1,9 @@
1
+ .primaryDropdownClass .ant-dropdown-menu {
2
+ padding: 8px 0;
3
+ overflow: hidden;
4
+ min-width: 186px;
5
+ }
6
+ .primaryDropdownClass .ant-dropdown-menu .ant-dropdown-menu-item {
7
+ padding: 12px;
8
+ }
9
+ .primaryDropdownClass .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:not(.ant-dropdown-menu-item-disabled):hover{ background-color:#FBE5DF; color: #DE350B;}
package/build/{widgets/oa-widget-header → components/oa-component-header}/styles.js RENAMED
@@ -9,4 +9,4 @@ var _templateObject;
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
11
  var _default = exports.default = {};
12
- const StyleContainer = exports.StyleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nheader{background: var(--color-primary-background); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);}\n.flexProp{display:flex; flex-direction: row; align-items: center; justify-content: space-between; min-height:60px;}\n.flexSec{display:flex; flex-direction: row; justify-content: flex-start;}\n.flexSec svg{cursor:pointer;}\n.mobView{display:none;}\n.deskView{display:flex;}\n\n@media only screen and (max-width: 600px) {\n.mobView{display:flex;}\n.deskView{display:none;}\n}\n\n\n"])));
12
+ const StyleContainer = exports.StyleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-progress-line {\n margin-inline-end: 0;\n margin-bottom: 0;\n}\n.ant-progress .ant-progress-bg {height:4px !important;}\n.ant-progress {line-height:0; height:4px}\n.ant-progress .ant-progress-outer { height:4px !important;}\n"])));
package/build/images/upload.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="mask0_1930_6853" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
3
+ <rect width="24" height="24" fill="#D9D9D9"/>
4
+ </mask>
5
+ <g mask="url(#mask0_1930_6853)">
6
+ <path d="M5.94233 19.5C5.55017 19.5 5.21175 19.3576 4.92705 19.0729C4.64235 18.7882 4.5 18.4498 4.5 18.0577V15.4923C4.5 15.3313 4.55472 15.1965 4.66417 15.0879C4.77362 14.9793 4.90952 14.925 5.07185 14.925C5.2342 14.925 5.36858 14.9793 5.475 15.0879C5.5814 15.1965 5.6346 15.3313 5.6346 15.4923V18.0577C5.6346 18.1346 5.66665 18.2051 5.73075 18.2692C5.79487 18.3333 5.86539 18.3654 5.94233 18.3654H18.0576C18.1346 18.3654 18.2051 18.3333 18.2692 18.2692C18.3333 18.2051 18.3654 18.1346 18.3654 18.0577V15.4923C18.3654 15.3313 18.4201 15.1965 18.5295 15.0879C18.639 14.9793 18.7749 14.925 18.9372 14.925C19.0996 14.925 19.2339 14.9793 19.3403 15.0879C19.4467 15.1965 19.5 15.3313 19.5 15.4923V18.0577C19.5 18.4498 19.3576 18.7882 19.0729 19.0729C18.7882 19.3576 18.4498 19.5 18.0576 19.5H5.94233ZM11.4327 6.69807L9.07308 9.0577C8.96488 9.16923 8.83398 9.22243 8.6804 9.2173C8.5268 9.21218 8.38777 9.15385 8.2633 9.0423C8.15242 8.9232 8.09844 8.78541 8.10138 8.62895C8.10433 8.47248 8.16157 8.33848 8.2731 8.22695L11.4958 5.0043C11.5717 4.9284 11.6512 4.87217 11.7344 4.83562C11.8176 4.79909 11.9077 4.78082 12.0046 4.78082C12.1015 4.78082 12.19 4.79909 12.2702 4.83562C12.3503 4.87217 12.4282 4.92827 12.5038 5.0039L15.7423 8.24232C15.8538 8.35386 15.9112 8.48558 15.9144 8.6375C15.9176 8.78943 15.8634 8.92436 15.752 9.0423C15.6276 9.15385 15.4884 9.20962 15.3346 9.20962C15.1807 9.20962 15.0448 9.15065 14.9269 9.0327L12.5673 6.69807V15.3481C12.5673 15.5091 12.5126 15.644 12.4031 15.7525C12.2937 15.8611 12.1578 15.9154 11.9954 15.9154C11.8331 15.9154 11.6987 15.8611 11.5923 15.7525C11.4859 15.644 11.4327 15.5091 11.4327 15.3481V6.69807Z" fill="#014FC5"/>
7
+ </g>
8
+ </svg>
package/build/index.js CHANGED
@@ -131,12 +131,6 @@ Object.defineProperty(exports, "CustomFormItem", {
131
131
  return _CustomFormItem.default;
132
132
  }
133
133
  });
134
- Object.defineProperty(exports, "CustomHeaderWidget", {
135
- enumerable: true,
136
- get: function get() {
137
- return _CustomHeaderWidget.default;
138
- }
139
- });
140
134
  Object.defineProperty(exports, "CustomInfo", {
141
135
  enumerable: true,
142
136
  get: function get() {
@@ -491,7 +485,6 @@ var _MembershipCard = _interopRequireDefault(require("./widgets/oa-widget-member
491
485
  var _MembershipDetailCard = _interopRequireDefault(require("./widgets/oa-widget-detailcard/MembershipDetailCard"));
492
486
  var _ServiceCard = _interopRequireDefault(require("./widgets/oa-widget-servicecard/ServiceCard"));
493
487
  var _CustomProgressBar = _interopRequireDefault(require("./components/oa-component-progress-bar/CustomProgressBar"));
494
- var _CustomHeaderWidget = _interopRequireDefault(require("./widgets/oa-widget-header/CustomHeaderWidget"));
495
488
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
496
489
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
497
490
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/build/widgets/oa-widget-document-upload/DocUploadWidget.js CHANGED
@@ -20,6 +20,8 @@ var _styles = require("./styles");
20
20
  var _CustomModal = _interopRequireDefault(require("../../components/oa-component-modal/CustomModal"));
21
21
  var _CustomLoader = _interopRequireDefault(require("../../components/oa-component-loader/CustomLoader"));
22
22
  var _PdfSampleImage = _interopRequireDefault(require("../../images/PdfSampleImage.png"));
23
+ var _upload = _interopRequireDefault(require("../../images/upload.svg"));
24
+ var _CustomIcon = _interopRequireDefault(require("../../components/oa-component-icons/CustomIcon"));
23
25
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
26
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
27
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -123,7 +125,11 @@ function DocumentUpload(props) {
123
125
  background: 'none'
124
126
  },
125
127
  type: "button"
126
- }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null), /*#__PURE__*/_react.default.createElement("div", {
128
+ }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) : /*#__PURE__*/_react.default.createElement(_CustomIcon.default, {
129
+ className: "UploadImg",
130
+ alt: "phone img",
131
+ src: _upload.default
132
+ }), /*#__PURE__*/_react.default.createElement("div", {
127
133
  style: {
128
134
  marginTop: 8
129
135
  }
@@ -135,7 +141,7 @@ function DocumentUpload(props) {
135
141
  className: "type-t2-700"
136
142
  }, heading, /*#__PURE__*/_react.default.createElement(_Typography.default, {
137
143
  color: "negative"
138
- }, "*"))), subText && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
144
+ }, " *"))), subText && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
139
145
  color: "secondary-content",
140
146
  className: "type-b2-400"
141
147
  }, subText)), infoText && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
package/build/widgets/oa-widget-document-upload/styles.js CHANGED
@@ -9,5 +9,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
9
9
  var _templateObject, _templateObject2;
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
12
- const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.uploadSecPad div{\n padding: 0 0 8px;\n}\n.anticon-upload{\n font-size: 24px;\n}\n.uploadSecPad{\n width: 100%;\n}\n.uploadSecPad div:last-child{\n padding: 0;\n}\n display: flex;\n flex-direction: column;\n gap: 24px;\n .ant-upload-list-item-done{\n border: 1px solid var(--color-divider) !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before{\n opacity: 1 !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before ant-upload-list-item-actions > a\n {\n background: red !important;\n }\n .ant-upload-list-item-actions{\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before{\n background: transparent;\n opacity: 1;\n }\n.ant-upload-list-item-actions button{\n background: #212121;\n border-radius: 50px;\n height: 24px !important;\n display: flex;\n align-items: center;\n}\n.ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover{\n background: #212121;\n}\n .ant-upload-list-item-actions a{\n background: #212121;\n border-radius: 50px;\n height: 24px;\n display: flex;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {\n opacity: 1;\n }\n .ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{\n opacity: 1 !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n color: #fff;\n }\n"])));
12
+ const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.UploadImg img{\n height: 24px;\n width: 24px;\n\n}\n.UploadImg{\n justify-content: center;\n cursor: pointer;\n}\n.uploadSecPad div{\n padding: 0 0 8px;\n}\n.anticon-upload{\n font-size: 24px;\n}\n.uploadSecPad{\n width: 100%;\n}\n.uploadSecPad div:last-child{\n padding: 0;\n}\n display: flex;\n flex-direction: column;\n gap: 24px;\n .ant-upload-list-item-done{\n border: 1px solid var(--color-divider) !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before{\n opacity: 1 !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before ant-upload-list-item-actions > a\n {\n background: red !important;\n }\n .ant-upload-list-item-actions{\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before{\n background: transparent;\n opacity: 1;\n }\n.ant-upload-list-item-actions button{\n background: #212121;\n border-radius: 50px;\n height: 24px !important;\n display: flex;\n align-items: center;\n}\n.ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover{\n background: #212121;\n}\n .ant-upload-list-item-actions a{\n background: #212121;\n border-radius: 50px;\n height: 24px;\n display: flex;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {\n opacity: 1;\n }\n .ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{\n opacity: 1 !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n color: #fff;\n }\n"])));
13
13
  const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n justify-content: space-between;\n h2{\n margin: 0;\n }\n .ant-upload-select, .ant-upload-wrapper, .ant-upload-wrapper, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n width: 96px;\n height: 96px;\n margin: 0;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n width: 96px !important;\n height: 96px !important;\n margin: 0;\n }\n @media only screen and (max-width: 600px) {\n .ant-upload-select, .ant-upload-wrapper, .ant-upload-wrapper, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n width: 64px;\n height: 64px;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n width: 64px !important;\n height: 64px !important;\n }\n .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n font-size:12px;\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .ant-upload-list-item-actions button {\n height: 16px!important;\n width: 16px !important;\n justify-content: center;\n }\n .ant-upload-list-item-actions a {\n height: 16px;\n width: 16px !important;\n align-items: center;\n justify-content: center;\n}\n .ant-upload-list-item-actions {\n gap: 8px;\n }\n .ant-upload button span + div{\n display: none;\n }\n }\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.118",
3
+ "version": "0.18.120",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",
package/build/widgets/oa-widget-header/CustomHeaderWidget.js DELETED
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = CustomHeaderWidget;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _styles = require("./styles");
10
- var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
11
- var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
12
- var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
13
- var _utils = require("../../utils");
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- const noRefCheck = () => {};
16
- function CustomHeaderWidget(_ref) {
17
- let {
18
- heading,
19
- showHeading,
20
- leftIconCmp,
21
- rightIconCmp
22
- } = _ref;
23
- return /*#__PURE__*/_react.default.createElement(_styles.StyleContainer, null, /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement("div", {
24
- className: "flexProp"
25
- }, /*#__PURE__*/_react.default.createElement("div", {
26
- className: "flexSec"
27
- }, leftIconCmp.map(iconCmp => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
28
- key: (0, _utils.getUUID)()
29
- }, iconCmp)), showHeading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
30
- color: "primary-content",
31
- typography: "type-t2-700"
32
- }, heading)), /*#__PURE__*/_react.default.createElement("div", {
33
- className: "flexSec deskView"
34
- }, rightIconCmp.map(iconCmp => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
35
- key: (0, _utils.getUUID)()
36
- }, iconCmp))), /*#__PURE__*/_react.default.createElement("div", {
37
- className: "flexSec mobView"
38
- }, rightIconCmp.map(iconCmp => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
39
- key: (0, _utils.getUUID)()
40
- }, iconCmp))))));
41
- }
42
- CustomHeaderWidget.propTypes = {
43
- heading: _propTypes.default.string,
44
- showHeading: _propTypes.default.bool,
45
- leftIconCmp: _propTypes.default.arrayOf(_propTypes.default.node),
46
- rightIconCmp: _propTypes.default.arrayOf(_propTypes.default.node)
47
- };
48
- CustomHeaderWidget.defaultProps = {
49
- heading: '',
50
- showHeading: false,
51
- leftIconCmp: [],
52
- rightIconCmp: []
53
- };