oa-componentbook 0.18.383 → 0.18.384

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 (10) hide show
  1. package/build/components/oa-component-accordion/Accordion.js +29 -6
  2. package/build/components/oa-component-accordion/styles.js +1 -1
  3. package/build/components/oa-component-info/CustomInfo.js +12 -5
  4. package/build/components/oa-component-table/stylesV1.js +1 -1
  5. package/build/index.js +21 -0
  6. package/build/layout/DetailDataLayout/DetailDataLayout.js +2 -1
  7. package/build/layout/GenricLayOut/GenricLayOut.js +6 -3
  8. package/build/widgets/oa-form-widget/FormWidget.js +4 -2
  9. package/build/widgets/oa-widget-collapsible-key-value/CollapsibleKeyValueWidget.js +4 -2
  10. package/package.json +1 -1
package/build/components/oa-component-accordion/Accordion.js CHANGED
@@ -20,13 +20,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
20
20
  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); } /* eslint-disable */
21
21
  function CollapseIcon(_ref) {
22
22
  let {
23
- isActive
23
+ isActive,
24
+ expandIconLabel
24
25
  } = _ref;
25
- return /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
26
+ if (expandIconLabel == null || expandIconLabel === '') {
27
+ return /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
28
+ icon: _KeyboardArrowUpRounded.default,
29
+ size: 20,
30
+ rotate: isActive ? 0 : 180
31
+ });
32
+ }
33
+ return /*#__PURE__*/_react.default.createElement("div", {
34
+ className: "accordion-expand-icon-wrapper"
35
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
36
+ typography: "type-b2-400",
37
+ color: "secondary-content"
38
+ }, expandIconLabel), /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
26
39
  icon: _KeyboardArrowUpRounded.default,
27
40
  size: 20,
28
41
  rotate: isActive ? 0 : 180
29
- });
42
+ }));
30
43
  }
31
44
  function renderCustomBody(customBody, onActionClick) {
32
45
  if (!customBody || !customBody.items) return null;
@@ -104,7 +117,8 @@ function Accordion(_ref2) {
104
117
  subtext,
105
118
  customBody,
106
119
  onActionClick,
107
- collapsibleActiveKey
120
+ collapsibleActiveKey,
121
+ expandIconLabel
108
122
  } = _ref2;
109
123
  const themeConfig = {
110
124
  components: {
@@ -117,7 +131,15 @@ function Accordion(_ref2) {
117
131
  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
118
132
  theme: themeConfig
119
133
  }, /*#__PURE__*/_react.default.createElement(_styles.CollapseStyle, null, /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
120
- expandIcon: CollapseIcon,
134
+ expandIcon: _ref3 => {
135
+ let {
136
+ isActive
137
+ } = _ref3;
138
+ return /*#__PURE__*/_react.default.createElement(CollapseIcon, {
139
+ isActive: isActive,
140
+ expandIconLabel: expandIconLabel
141
+ });
142
+ },
121
143
  expandIconPosition: "end",
122
144
  defaultActiveKey: disabled ? "-1" : defaultActiveKey,
123
145
  onChange: onChange,
@@ -208,6 +230,7 @@ Accordion.defaultProps = {
208
230
  componentConfig: null,
209
231
  subtext: null,
210
232
  customBody: null,
211
- onActionClick: null
233
+ onActionClick: null,
234
+ expandIconLabel: null
212
235
  };
213
236
  var _default = exports.default = Accordion;
package/build/components/oa-component-accordion/styles.js CHANGED
@@ -10,4 +10,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
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
12
  const SmallText = exports.SmallText = _styledComponents.default.small(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: 18px;\n color: #e21616;\n margin: 0 0 0 4px;\n"])));
13
- const CollapseStyle = exports.CollapseStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .ant-collapse .ant-collapse-item-disabled {\n background: var(--color-disabled-button);\n }\n /* .ant-collapse-item-active .ant-collapse-expand-icon{\n transform: rotate(180deg);\n } */\n /* .ant-collapse-expand-icon{\n padding-inline-start: 0 !important;\n } */\n .ant-collapse-header-text {\n color: var(--color-primary-content);\n }\n /* .ant-collapse-arrow{\n color: var(--color-secondary-content) !important;\n } */\n .ant-collapse > .ant-collapse-item:last-child,\n .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header,\n .ant-collapse .ant-collapse-item:last-child > .ant-collapse-content {\n border-radius: 0 0 4px 4px;\n }\n .ant-collapse > .ant-collapse-item {\n border: none;\n }\n .ant-collapse {\n border: 1px solid var(--color-divider);\n border-radius: 4px;\n overflow: hidden;\n }\n\n .ant-collapse > .ant-collapse-item > .ant-collapse-header {\n padding: 12px 12px;\n }\n\n /* New styles for header content layout */\n .header-content {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n }\n\n .header-main {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n gap: 8px;\n }\n\n .header-tag {\n margin-bottom: 4px;\n }\n\n .header-text {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .header-subtext {\n margin-top: 4px;\n color: var(--color-secondary-content);\n }\n\n /* Custom body styles */\n .custom-body-item {\n margin-bottom: 24px;\n }\n\n .custom-body-item:last-child {\n margin-bottom: 0;\n }\n\n .custom-body-heading {\n margin-bottom: 16px;\n }\n\n .custom-body-content {\n // margin-top: 8px;\n }\n\n .custom-body-buttons-container {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n }\n\n .custom-body-button {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n }\n\n .gst-details-keyvalue {\n .key-value-item {\n margin-bottom: 4px;\n }\n\n .key {\n font-weight: 400;\n color: var(--color-primary-content);\n }\n\n .value {\n font-weight: 700;\n color: var(--color-primary-content);\n }\n }\n\n @media only screen and (max-width: 600px) {\n .ant-collapse .ant-collapse-content > .ant-collapse-content-box {\n padding: 16px;\n }\n .ant-collapse > .ant-collapse-item > .ant-collapse-header {\n padding: 12px 16px;\n }\n }\n\n .custom-body-content-titleSubtitle {\n display: flex;\n flex-direction: column;\n gap: 16px; /* spacing between each item */\n }\n\n .title-subtitle-item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n .title-subtitle-item .user-details {\n flex: 1;\n display: flex; /* \uD83D\uDC48 add this */\n flex-direction: column; /* stack name & email vertically */\n gap: 2px; /* optional: tighten spacing between name & email */\n }\n"])));
13
+ const CollapseStyle = exports.CollapseStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .ant-collapse .ant-collapse-item-disabled {\n background: var(--color-disabled-button);\n }\n /* .ant-collapse-item-active .ant-collapse-expand-icon{\n transform: rotate(180deg);\n } */\n /* .ant-collapse-expand-icon{\n padding-inline-start: 0 !important;\n } */\n .ant-collapse-header-text {\n color: var(--color-primary-content);\n }\n /* .ant-collapse-arrow{\n color: var(--color-secondary-content) !important;\n } */\n .ant-collapse > .ant-collapse-item:last-child,\n .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header,\n .ant-collapse .ant-collapse-item:last-child > .ant-collapse-content {\n border-radius: 0 0 4px 4px;\n }\n .ant-collapse > .ant-collapse-item {\n border: none;\n }\n .ant-collapse {\n border: 1px solid var(--color-divider);\n border-radius: 4px;\n overflow: hidden;\n }\n\n .ant-collapse > .ant-collapse-item > .ant-collapse-header {\n padding: 12px 12px;\n }\n\n /* New styles for header content layout */\n .header-content {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n }\n\n .header-main {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n gap: 8px;\n }\n\n .header-tag {\n margin-bottom: 4px;\n }\n\n .header-text {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .header-subtext {\n margin-top: 4px;\n color: var(--color-secondary-content);\n }\n\n /* Custom body styles */\n .custom-body-item {\n margin-bottom: 24px;\n }\n\n .custom-body-item:last-child {\n margin-bottom: 0;\n }\n\n .custom-body-heading {\n margin-bottom: 16px;\n }\n\n .custom-body-content {\n // margin-top: 8px;\n }\n\n .custom-body-buttons-container {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n }\n\n .custom-body-button {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n }\n\n .gst-details-keyvalue {\n .key-value-item {\n margin-bottom: 4px;\n }\n\n .key {\n font-weight: 400;\n color: var(--color-primary-content);\n }\n\n .value {\n font-weight: 700;\n color: var(--color-primary-content);\n }\n }\n\n .accordion-expand-icon-wrapper{\n display: flex;\n gap: 4px\n }\n\n @media only screen and (max-width: 600px) {\n .ant-collapse .ant-collapse-content > .ant-collapse-content-box {\n padding: 16px;\n }\n .ant-collapse > .ant-collapse-item > .ant-collapse-header {\n padding: 12px 16px;\n }\n }\n\n .custom-body-content-titleSubtitle {\n display: flex;\n flex-direction: column;\n gap: 16px; /* spacing between each item */\n }\n\n .title-subtitle-item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n .title-subtitle-item .user-details {\n flex: 1;\n display: flex; /* \uD83D\uDC48 add this */\n flex-direction: column; /* stack name & email vertically */\n gap: 2px; /* optional: tighten spacing between name & email */\n }\n"])));
package/build/components/oa-component-info/CustomInfo.js CHANGED
@@ -52,7 +52,8 @@ function CustomInfo(_ref) {
52
52
  title,
53
53
  borderColor,
54
54
  closable,
55
- onClose
55
+ onClose,
56
+ position
56
57
  } = _ref;
57
58
  const [visible, setVisible] = (0, _react.useState)(true);
58
59
  const handleClose = () => {
@@ -93,9 +94,13 @@ function CustomInfo(_ref) {
93
94
  $color: color,
94
95
  $borderColor: borderColor,
95
96
  className: className
96
- }, /*#__PURE__*/_react.default.createElement(_styles.RowFlex, null, iconConfig.position === 'left' && conditionallyAddTooltipToIcon(), /*#__PURE__*/_react.default.createElement(_styles.ColFlex, {
97
+ }, /*#__PURE__*/_react.default.createElement(_styles.RowFlex, {
97
98
  style: {
98
- flex: 1
99
+ justifyContent: position === 'center' ? 'center' : position === 'right' ? 'flex-end' : 'flex-start'
100
+ }
101
+ }, " ", iconConfig.position === 'left' && conditionallyAddTooltipToIcon(), /*#__PURE__*/_react.default.createElement(_styles.ColFlex, {
102
+ style: {
103
+ textAlign: position
99
104
  }
100
105
  }, title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
101
106
  color: fontColor,
@@ -136,7 +141,8 @@ CustomInfo.propTypes = {
136
141
  title: _propTypes.default.string,
137
142
  borderColor: _propTypes.default.string,
138
143
  closable: _propTypes.default.bool,
139
- onClose: _propTypes.default.func
144
+ onClose: _propTypes.default.func,
145
+ position: _propTypes.default.oneOf(['left', 'center', 'right'])
140
146
  };
141
147
  CustomInfo.defaultProps = {
142
148
  buttonConfig: {
@@ -153,5 +159,6 @@ CustomInfo.defaultProps = {
153
159
  description: '',
154
160
  borderColor: '',
155
161
  closable: false,
156
- onClose: null
162
+ onClose: null,
163
+ position: 'left'
157
164
  };
package/build/components/oa-component-table/stylesV1.js CHANGED
@@ -16,4 +16,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
16
16
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
17
  const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu {padding: 0; top: 0;}\n.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {border-radius: 0; padding: 12px !important;}\n.ant-dropdown .ant-table-filter-dropdown {border-radius: 8px;background: #FFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);}\n.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns {padding: 12px; border: none;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-link, .ant-dropdown .ant-table-filter-dropdown .ant-btn-primary {border-radius: 4px; min-width: 100px; padding: 7px 16px;\n border: 1px solid #014FC5; height: auto;text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; }\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-link {color: #014FC5; background: #fff;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-primary {background: #014FC5; color: #fff;}\n.ant-checkbox .ant-checkbox-inner {width: 18px; height: 18px; border: 1px solid #717171; border-radius: 2px;}\n.ant-checkbox-checked .ant-checkbox-inner {background-color: #014FC5; border-color: #014FC5;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-primary:hover {background:#82a9e2; border: 1px solid #82a9e2;}\n.ant-dropdown .ant-table-filter-dropdown .ant-btn-link:hover {border: 1px solid #82a9e2; color: #82a9e2;}\n.ant-table-wrapper .ant-table-tbody .ant-table-row.ant-table-row-selected >.ant-table-cell {background: #DEF1FB;}\n.ant-table-wrapper .ant-table-pagination.ant-pagination {\n padding: 16px; margin: 0;\n border-top: solid 1px #E0E0E0;\n}\n\n/* Custom filter dropdown styles */\n.statusBox {\n padding: 20px 12px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n.statusBox .ant-checkbox-group {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n.statusBox aside {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n padding: 8px 0 0;\n}\n\n.statusBox aside button {\n width: 100% !important;\n}\n\n.statusBox .type-sl1-700 {\n margin-bottom: 0;\n color: var(--color-secondary-content);\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n}\n"])));
18
18
  const StyledTable = exports.StyledTable = (0, _styledComponents.default)(_antd.Table)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n tr > td {\n vertical-align: top;\n }\n .ant-table-row:last-child td {\n border: none;\n }\n .ant-table-row .ant-table-cell,\n .ant-table-thead .ant-table-cell {\n padding: 16px !important;\n }\n .ant-table-measure-row > td {\n padding: 0 !important;\n }\n"])));
19
- const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .fullWidthBtn button {\n width: 100%;\n }\n .fullWidthBtn {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: #fff;\n padding: 16px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n .secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n .cardStyles {\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--color-divider);\n background: var(--color-primary-background);\n margin: 0 0 24px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .showHideBtn {\n padding: 8px 0 16px;\n }\n .keyValue {\n display: flex;\n gap: 12px;\n margin: 0 0 16px;\n }\n .keyValue:last-child {\n margin: 0;\n }\n .keyValue strong,\n .keyValue span {\n width: 100%;\n }\n .keyValue strong {\n color: var(--color-primary-content);\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n .keyValue span {\n color: var(--color-primary-content);\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n .srDetails {\n padding: 0 0 12px;\n margin: 0 0 16px;\n border-bottom: 1px solid var(--color-divider);\n }\n\n .srDetails span {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-start;\n white-space: nowrap;\n }\n\n .srDetails .ctaContainer {\n display: flex;\n gap: 8px;\n align-items: center;\n word-break: break-word;\n white-space: normal;\n }\n\n .srDetails > span > div {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .srDetails > span > .type-sl1-700 {\n font-size: initial;\n }\n\n .srDetails .srValue span {\n white-space: break-spaces;\n }\n\n .footerCta {\n display: flex;\n justify-content: end;\n gap: 16px;\n padding: 16px 0 0 0;\n border-top: 1px solid var(--color-divider);\n width: 100%;\n align-items: center;\n }\n\n .footerCta .ant-dropdown-trigger {\n margin-bottom: 0;\n }\n\n .flexEnd {\n display: flex;\n justify-content: end;\n margin: 0 0 12px;\n }\n\n @media only screen and (max-width: 600px) {\n .keyValue span {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n .keyValue strong {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n .mobileViewPagination {\n display: flex;\n justify-content: flex-end;\n margin: 16px 0px;\n }\n\n .mobileViewPagination .ant-pagination {\n padding: 0;\n }\n }\n"])));
19
+ const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .fullWidthBtn button {\n width: 100%;\n }\n .fullWidthBtn {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: #fff;\n padding: 16px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n .secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n .cardStyles {\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--color-divider);\n background: var(--color-primary-background);\n margin: 0 0 24px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .showHideBtn {\n padding: 8px 0 16px;\n }\n .keyValue {\n display: flex;\n gap: 12px;\n margin: 0 0 16px;\n }\n .keyValue:last-child {\n margin: 0;\n }\n .keyValue > strong,\n .keyValue > span {\n width: 100%;\n }\n .keyValue > strong {\n color: var(--color-primary-content);\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n .keyValue > span {\n color: var(--color-primary-content);\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n }\n .srDetails {\n padding: 0 0 12px;\n margin: 0 0 16px;\n border-bottom: 1px solid var(--color-divider);\n }\n\n .srDetails span {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: flex-start;\n white-space: nowrap;\n }\n\n .srDetails .ctaContainer {\n display: flex;\n gap: 8px;\n align-items: center;\n word-break: break-word;\n white-space: normal;\n }\n\n .srDetails > span > div {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .srDetails > span > .type-sl1-700 {\n font-size: initial;\n }\n\n .srDetails .srValue span {\n white-space: break-spaces;\n }\n\n .footerCta {\n display: flex;\n justify-content: end;\n gap: 16px;\n padding: 16px 0 0 0;\n border-top: 1px solid var(--color-divider);\n width: 100%;\n align-items: center;\n }\n\n .footerCta .ant-dropdown-trigger {\n margin-bottom: 0;\n }\n\n .flexEnd {\n display: flex;\n justify-content: end;\n margin: 0 0 12px;\n }\n\n @media only screen and (max-width: 600px) {\n .keyValue > span {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n .keyValue > strong {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n .mobileViewPagination {\n display: flex;\n justify-content: flex-end;\n margin: 16px 0px;\n }\n\n .mobileViewPagination .ant-pagination {\n padding: 0;\n }\n }\n"])));
package/build/index.js CHANGED
@@ -155,6 +155,12 @@ Object.defineProperty(exports, "CustomFormWidget", {
155
155
  return _CustomFormWidget.default;
156
156
  }
157
157
  });
158
+ Object.defineProperty(exports, "CustomGuideWidget", {
159
+ enumerable: true,
160
+ get: function get() {
161
+ return _GuideWidget.default;
162
+ }
163
+ });
158
164
  Object.defineProperty(exports, "CustomHeaderWidget", {
159
165
  enumerable: true,
160
166
  get: function get() {
@@ -251,6 +257,12 @@ Object.defineProperty(exports, "CustomTable", {
251
257
  return _CustomTable.default;
252
258
  }
253
259
  });
260
+ Object.defineProperty(exports, "CustomTableV1", {
261
+ enumerable: true,
262
+ get: function get() {
263
+ return _CustomTableV.default;
264
+ }
265
+ });
254
266
  Object.defineProperty(exports, "CustomTabs", {
255
267
  enumerable: true,
256
268
  get: function get() {
@@ -533,6 +545,12 @@ Object.defineProperty(exports, "RepairServiceWidget", {
533
545
  return _RepairServiceWidget.default;
534
546
  }
535
547
  });
548
+ Object.defineProperty(exports, "Search", {
549
+ enumerable: true,
550
+ get: function get() {
551
+ return _Search.default;
552
+ }
553
+ });
536
554
  Object.defineProperty(exports, "SendPaymentLinkWidget", {
537
555
  enumerable: true,
538
556
  get: function get() {
@@ -779,6 +797,9 @@ var _PaymentAndConsent = _interopRequireDefault(require("./layout/paymentAndCons
779
797
  var _GenricLayOut = _interopRequireDefault(require("./layout/GenricLayOut/GenricLayOut"));
780
798
  var _EntityOverviewLayout = _interopRequireDefault(require("./layout/EntityOverviewLayout/EntityOverviewLayout"));
781
799
  var _ProfileDataWidget = _interopRequireDefault(require("./widgets/oa-widget-profile-data/ProfileDataWidget"));
800
+ var _Search = _interopRequireDefault(require("./layout/GenricLayOut/components/Search"));
801
+ var _CustomTableV = _interopRequireDefault(require("./components/oa-component-table/CustomTableV1"));
802
+ var _GuideWidget = _interopRequireDefault(require("./widgets/oa-widget-guide/GuideWidget"));
782
803
  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); }
783
804
  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; }
784
805
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/build/layout/DetailDataLayout/DetailDataLayout.js CHANGED
@@ -15,6 +15,7 @@ function DetailDataLayout(props) {
15
15
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FormWidget.default, _extends({}, props, {
16
16
  handleDrawerFormOnFinish: props === null || props === void 0 ? void 0 : props.handleDrawerFormOnFinish,
17
17
  onSelectHandlers: props === null || props === void 0 ? void 0 : props.onSelectHandlers,
18
- handleCollapsibleKeyData: props === null || props === void 0 ? void 0 : props.handleCollapsibleKeyData
18
+ handleCollapsibleKeyData: props === null || props === void 0 ? void 0 : props.handleCollapsibleKeyData,
19
+ misc: props === null || props === void 0 ? void 0 : props.misc
19
20
  })));
20
21
  }
package/build/layout/GenricLayOut/GenricLayOut.js CHANGED
@@ -2666,7 +2666,8 @@ function GenricLayOut(_ref) {
2666
2666
  downloadFileOnS3: downloadFileOnS3,
2667
2667
  uploadOnS3: uploadOnS3,
2668
2668
  onSelectHandlers: updateStateData,
2669
- handleCollapsibleKeyData: handleCollapsibleKeyData
2669
+ handleCollapsibleKeyData: handleCollapsibleKeyData,
2670
+ misc: state === null || state === void 0 ? void 0 : state.misc
2670
2671
  }))), (nestedDrawer === null || nestedDrawer === void 0 ? void 0 : nestedDrawer.visible) && /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
2671
2672
  className: "oaDrawer",
2672
2673
  title: nestedDrawer === null || nestedDrawer === void 0 || (_nestedDrawer$data = nestedDrawer.data) === null || _nestedDrawer$data === void 0 || (_nestedDrawer$data = _nestedDrawer$data.cancelOrder) === null || _nestedDrawer$data === void 0 ? void 0 : _nestedDrawer$data.title,
@@ -2681,7 +2682,8 @@ function GenricLayOut(_ref) {
2681
2682
  generateS3Url: generateS3Url,
2682
2683
  downloadFileOnS3: downloadFileOnS3,
2683
2684
  uploadOnS3: uploadOnS3,
2684
- handleCollapsibleKeyData: handleCollapsibleKeyData
2685
+ handleCollapsibleKeyData: handleCollapsibleKeyData,
2686
+ misc: state === null || state === void 0 ? void 0 : state.misc
2685
2687
  }))), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.visible) && /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
2686
2688
  className: "oaDrawer",
2687
2689
  title: customDrawer === null || customDrawer === void 0 || (_customDrawer$data = customDrawer.data) === null || _customDrawer$data === void 0 ? void 0 : _customDrawer$data.title,
@@ -2697,7 +2699,8 @@ function GenricLayOut(_ref) {
2697
2699
  downloadFileOnS3: downloadFileOnS3,
2698
2700
  uploadOnS3: uploadOnS3,
2699
2701
  handleCollapsibleKeyData: handleCollapsibleKeyData,
2700
- handleDownloadTemplate: handleDownloadTemplate
2702
+ handleDownloadTemplate: handleDownloadTemplate,
2703
+ misc: state === null || state === void 0 ? void 0 : state.misc
2701
2704
  }))), (contentPanel === null || contentPanel === void 0 ? void 0 : contentPanel.visible) && Array.isArray(contentPanel === null || contentPanel === void 0 ? void 0 : contentPanel.dataSource) && /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
2702
2705
  loading: state === null || state === void 0 ? void 0 : state.isLoading,
2703
2706
  active: true,
package/build/widgets/oa-form-widget/FormWidget.js CHANGED
@@ -57,7 +57,8 @@ function FormWidget(props) {
57
57
  generateS3Url,
58
58
  uploadOnS3,
59
59
  handleCollapsibleKeyData,
60
- handleDownloadTemplate
60
+ handleDownloadTemplate,
61
+ misc
61
62
  } = props;
62
63
  const {
63
64
  cancel,
@@ -442,7 +443,8 @@ function FormWidget(props) {
442
443
  collapseButtonSize: item === null || item === void 0 ? void 0 : item.collapseButtonSize,
443
444
  onItemToggle: item === null || item === void 0 ? void 0 : item.onItemToggle,
444
445
  onFetchMoreInfo: item === null || item === void 0 ? void 0 : item.onFetchMoreInfo,
445
- handleCollapsibleKeyData: handleCollapsibleKeyData
446
+ handleCollapsibleKeyData: handleCollapsibleKeyData,
447
+ misc: misc
446
448
  }));
447
449
  case "userManagement":
448
450
  return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
package/build/widgets/oa-widget-collapsible-key-value/CollapsibleKeyValueWidget.js CHANGED
@@ -59,7 +59,8 @@ function CollapsibleKeyValueWidget(_ref) {
59
59
  collapseButtonSize = "small",
60
60
  onItemToggle,
61
61
  onFetchMoreInfo,
62
- handleCollapsibleKeyData
62
+ handleCollapsibleKeyData,
63
+ misc
63
64
  } = _ref;
64
65
  const [openItemId, setOpenItemId] = (0, _react.useState)(null);
65
66
  const [loadingItems, setLoadingItems] = (0, _react.useState)(new Set());
@@ -77,7 +78,8 @@ function CollapsibleKeyValueWidget(_ref) {
77
78
  error,
78
79
  data
79
80
  } = await handleCollapsibleKeyData({
80
- orderUUID: itemData === null || itemData === void 0 ? void 0 : itemData.orderId
81
+ orderUUID: itemData === null || itemData === void 0 ? void 0 : itemData.orderId,
82
+ misc: misc
81
83
  });
82
84
  if (error) {
83
85
  console.error("Error fetching more info:", error);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.383",
3
+ "version": "0.18.384",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",