oa-componentbook 1.0.1-stage.46 → 1.0.1-stage.460

package/build/components/oa-component-steps/CustomSteps.js

@@ -0,0 +1,117 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _utils = require("../../utils");
+var _styles = require("./styles");
+const _excluded = ["data", "data-test", "current", "direction", "size", "labelPlacement", "progressDot", "responsive", "onChange", "style"],
+  _excluded2 = ["key", "title", "subTitle", "description", "icon", "status", "disabled"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * CustomSteps: Wrapper around Ant Design Steps with a data-driven API.
+ * - Parent controls current step and can customize via props.
+ * - Accepts `data.steps` array with step configs.
+ */
+function CustomSteps(_ref) {
+  var _data$steps;
+  let {
+      data,
+      'data-test': dataTest,
+      current,
+      direction,
+      size,
+      labelPlacement,
+      progressDot,
+      responsive,
+      onChange,
+      style
+    } = _ref,
+    antDesignProps = _objectWithoutProperties(_ref, _excluded);
+  const items = ((_data$steps = data === null || data === void 0 ? void 0 : data.steps) !== null && _data$steps !== void 0 ? _data$steps : []).map(_ref2 => {
+    let {
+        key,
+        title,
+        subTitle,
+        description,
+        icon,
+        status,
+        disabled
+      } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
+    return _objectSpread({
+      key: key !== null && key !== void 0 ? key : (0, _utils.getUUID)(),
+      title: dataTest && ((0, _utils.isString)(title) || (0, _utils.isNumber)(title)) ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--title-(").concat(title, ")")
+      }, title) : title,
+      subTitle,
+      description,
+      icon,
+      status,
+      disabled
+    }, otherProps);
+  });
+  return /*#__PURE__*/_react.default.createElement(_styles.StepsContainer, {
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_antd.Steps, _extends({
+    current: current,
+    direction: direction,
+    size: size,
+    labelPlacement: labelPlacement,
+    progressDot: progressDot,
+    responsive: responsive,
+    items: items,
+    onChange: onChange
+  }, antDesignProps)));
+}
+CustomSteps.propTypes = {
+  data: _propTypes.default.shape({
+    steps: _propTypes.default.arrayOf(_propTypes.default.shape({
+      key: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+      title: _propTypes.default.node,
+      subTitle: _propTypes.default.node,
+      description: _propTypes.default.node,
+      icon: _propTypes.default.node,
+      status: _propTypes.default.oneOf(['wait', 'process', 'finish', 'error']),
+      disabled: _propTypes.default.bool
+    }))
+  }),
+  'data-test': _propTypes.default.string,
+  current: _propTypes.default.number,
+  direction: _propTypes.default.oneOf(['horizontal', 'vertical']),
+  size: _propTypes.default.oneOf(['default', 'small']),
+  labelPlacement: _propTypes.default.oneOf(['horizontal', 'vertical']),
+  progressDot: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
+  responsive: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  style: _propTypes.default.object
+};
+CustomSteps.defaultProps = {
+  data: {
+    steps: []
+  },
+  'data-test': null,
+  current: 0,
+  direction: 'horizontal',
+  size: 'default',
+  labelPlacement: 'horizontal',
+  progressDot: false,
+  responsive: true,
+  onChange: undefined,
+  style: {}
+};
+var _default = exports.default = CustomSteps;

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StepsContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+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) } })); }
+var _default = exports.default = {};
+const StepsContainer = exports.StepsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n"])));

package/build/components/oa-component-table/CustomTable.js

@@ -25,7 +25,8 @@ var _CustomTag = _interopRequireDefault(require("../oa-component-tag/CustomTag")
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 var _utils = require("../../utils");
 var _styles = require("./styles");
-const _excluded = ["columns", "dataSource", "pagination", "rowKey", "size", "style", "tableBorder", "emptyText", "noOfColumnToShow", "defaultCardShow"],
+var _CustomPagination = _interopRequireDefault(require("../oa-component-pagination/CustomPagination"));
+const _excluded = ["columns", "dataSource", "pagination", "rowKey", "size", "style", "tableBorder", "emptyText", "noOfColumnToShow", "defaultCardShow", "onMobilePageChange", "showNumberPagination"],
   _excluded2 = ["title"];
 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); }
@@ -64,7 +65,9 @@ function CustomTable(_ref) {
       tableBorder,
       emptyText,
       noOfColumnToShow,
-      defaultCardShow
+      defaultCardShow,
+      onMobilePageChange,
+      showNumberPagination
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
   const [viewMore, setViewMore] = (0, _react.useState)([]);
@@ -202,7 +205,11 @@ function CustomTable(_ref) {
       emptyText
     },
     size: size
-  }, antDesignProps))), /*#__PURE__*/_react.default.createElement("div", {
+  }, antDesignProps, {
+    scroll: {
+      x: 'max-content'
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: cardShow && dataSource ? 'bottomPadding' : ''
   }, cardShow && dataSource && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.map((row, rowIndex) => {
     var _uppercaseColumns$, _uppercaseColumns3;
@@ -248,6 +255,18 @@ function CustomTable(_ref) {
     type: "secondary",
     size: "large",
     onClick: () => pagination === null || pagination === void 0 ? void 0 : pagination.onChangeHandlerForMobile()
+  })), cardShow && dataSource.length > 0 && onMobilePageChange && showNumberPagination && /*#__PURE__*/_react.default.createElement("div", {
+    className: "mobileViewPagination"
+  }, /*#__PURE__*/_react.default.createElement(_CustomPagination.default, {
+    current: pagination.current,
+    pageSize: pagination.pageSize,
+    total: pagination.total,
+    onChange: page => {
+      onMobilePageChange === null || onMobilePageChange === void 0 || onMobilePageChange({
+        current: page,
+        pageSize: pagination.pageSize
+      });
+    }
   })));
 }
 CustomTable.propTypes = {
@@ -260,7 +279,9 @@ CustomTable.propTypes = {
   tableBorder: _propTypes.default.bool,
   emptyText: _propTypes.default.string,
   noOfColumnToShow: _propTypes.default.number,
-  defaultCardShow: _propTypes.default.bool
+  defaultCardShow: _propTypes.default.bool,
+  onMobilePageChange: _propTypes.default.func,
+  showNumberPagination: _propTypes.default.bool
 };
 CustomTable.defaultProps = {
   dataSource: [],
@@ -272,6 +293,8 @@ CustomTable.defaultProps = {
   tableBorder: true,
   emptyText: 'No Data',
   noOfColumnToShow: 5,
-  defaultCardShow: false
+  defaultCardShow: false,
+  onMobilePageChange: null,
+  showNumberPagination: false
 };
 var _default = exports.default = CustomTable;