oa-componentbook 1.0.1-stage.7 → 1.0.1-stage.9

package/build/components/oa-component-accordion/Accordion.js

@@ -55,7 +55,9 @@ function Accordion(_ref2) {
     smallText,
     key,
     defaultActiveKey,
-    hasContentPadding // New prop to determine whether to apply contentPadding
+    hasContentPadding,
+    // New prop to determine whether to apply contentPadding
+    onChange
   } = _ref2;
   const themeConfig = {
     components: {
@@ -70,7 +72,8 @@ function Accordion(_ref2) {
   }, /*#__PURE__*/_react.default.createElement(_styles.CollapseStyle, null, /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
     expandIcon: CollapseIcon,
     expandIconPosition: "end",
-    defaultActiveKey: disabled ? '-1' : defaultActiveKey
+    defaultActiveKey: disabled ? '-1' : defaultActiveKey,
+    onChange: onChange
   }, /*#__PURE__*/_react.default.createElement(_antd.Collapse.Panel, {
     "data-test": dataTest ? "".concat(dataTest, "--complete") : undefined,
     collapsible: disabled ? 'disabled' : undefined,
@@ -92,7 +95,8 @@ Accordion.propTypes = {
   hasContentPadding: _propTypes.default.bool,
   // New prop for controlling contentPadding
   key: _propTypes.default.string,
-  defaultActiveKey: _propTypes.default.string
+  defaultActiveKey: _propTypes.default.string,
+  onChange: _propTypes.default.func
 };
 Accordion.defaultProps = {
   body: '',
@@ -101,6 +105,8 @@ Accordion.defaultProps = {
   smallText: '',
   key: '1',
   defaultActiveKey: '1',
-  hasContentPadding: true // Default value for contentPadding
+  hasContentPadding: true,
+  // Default value for contentPadding
+  onChange: () => {}
 };
 var _default = exports.default = Accordion;

package/build/components/oa-component-info/CustomInfo.js

@@ -27,6 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {string} fontColor - The color of the text.
  * @param {object} iconConfig - Configuration for the icon.
  * @param {string} title - The title to be displayed.
+ * @param {string} borderColor - The border color of the component.
  *
  * @returns {ReactElement} A styled component with the specified properties.
  */
@@ -37,7 +38,8 @@ function CustomInfo(_ref) {
     description,
     fontColor,
     iconConfig,
-    title
+    title,
+    borderColor
   } = _ref;
   /**
    * Renders the icon based on the presence of a title.
@@ -65,7 +67,8 @@ function CustomInfo(_ref) {
     }, renderIcon()) : renderIcon();
   };
   return /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, {
-    $color: color
+    $color: color,
+    $borderColor: borderColor
   }, /*#__PURE__*/_react.default.createElement(_styles.RowFlex, null, iconConfig.position === 'left' && conditionallyAddTooltipToIcon(), /*#__PURE__*/_react.default.createElement(_styles.ColFlex, null, title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: fontColor,
     typography: "type-t2-700"
@@ -96,7 +99,8 @@ CustomInfo.propTypes = {
     position: _propTypes.default.oneOf(['left', 'right']),
     tooltipText: _propTypes.default.string
   }),
-  title: _propTypes.default.string
+  title: _propTypes.default.string,
+  borderColor: _propTypes.default.string
 };
 CustomInfo.defaultProps = {
   buttonConfig: {
@@ -110,5 +114,6 @@ CustomInfo.defaultProps = {
   },
   fontColor: 'primary-content',
   title: '',
-  description: ''
+  description: '',
+  borderColor: ''
 };

package/build/components/oa-component-info/styles.js

@@ -8,8 +8,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 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 RowFlex = exports.RowFlex = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n"])));
-const ColFlex = exports.ColFlex = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n"])));
+const RowFlex = exports.RowFlex = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n"])));
+const ColFlex = exports.ColFlex = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
 const InfoContainer = exports.InfoContainer = (0, _styledComponents.default)(RowFlex).attrs({
   as: 'section'
-})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 12px;\n  align-items: center;\n  border-radius: 8px;\n  background-color: var(--color-", ");\n  \n  button {\n    margin-left: 8px;\n  };\n"])), props => props.$color);
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 12px;\n  align-items: center;\n  border-radius: 8px;\n  background-color: var(--color-", ");\n  border: 1px solid var(--color-", ");\n\n  button {\n    margin-left: 8px;\n  }\n"])), props => props.$color, props => props.$borderColor);

package/build/widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList.js

@@ -1,28 +1,21 @@
 "use strict";
 
-require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.promise.js");
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _fn = require("./fn");
 var _TrackShipmentWidget = _interopRequireDefault(require("../oa-widget-track-shipment/TrackShipmentWidget"));
 var _Accordion = _interopRequireDefault(require("../../components/oa-component-accordion/Accordion"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
 function TrackShipmentWidgetList(_ref) {
   var _shipmentData$map;
   let {
-    shipmentData
+    shipmentData,
+    onChange: _onChange
   } = _ref;
-  const [historyData, setHistoryData] = (0, _react.useState)({});
-  const [loading, setLoading] = (0, _react.useState)({});
-  const fetchStatusXData = async reassignmentId => {};
   if (!shipmentData || shipmentData.length === 0) {
     return /*#__PURE__*/_react.default.createElement("p", null, "No shipment data available.");
   }
@@ -37,6 +30,7 @@ function TrackShipmentWidgetList(_ref) {
       status
     } = item !== null && item !== void 0 ? item : {};
     return /*#__PURE__*/_react.default.createElement(_Accordion.default, {
+      onChange: () => _onChange(reassignmentId),
       key: reassignmentId,
       body: /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(item)),
       headerText: (0, _fn.headerText)(index, reassignmentTime, modifiedTime, status)
@@ -59,6 +53,10 @@ TrackShipmentWidgetList.propTypes = {
     reassignmentTime: _propTypes.default.string,
     modifiedTime: _propTypes.default.string,
     stages: _propTypes.default.array
-  })).isRequired
+  })).isRequired,
+  onChange: _propTypes.default.func
+};
+TrackShipmentWidgetList.defaultProps = {
+  onChange: () => {}
 };
 var _default = exports.default = TrackShipmentWidgetList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "1.0.1-stage.7",
+  "version": "1.0.1-stage.9",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",