oa-componentbook 1.0.1-stage.361 → 1.0.1-stage.363

package/build/components/oa-component-icons/MaterialIcon.js

@@ -39,7 +39,7 @@ function MaterialIcon(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   const renderedIcon = /*#__PURE__*/_react.default.createElement(Icon, _extends({
     style: _objectSpread({
-      color: color && _ColorVariablesMap.default["--color-".concat(color)] ? _ColorVariablesMap.default["--color-".concat(color)] : color || undefined,
+      color: color ? _ColorVariablesMap.default["--color-".concat(color)] : undefined,
       fontSize: size ? "".concat(size, "px") : 'inherit',
       transition: 'transform .3s ease',
       transform: "rotate(".concat(rotate, "deg)")

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

@@ -11,4 +11,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  justify-content: flex-end;\n  margin: 36px 0 0;\n  @media (max-width: 768px) {\n    justify-content: space-between;\n    button{\n      width: 100%;\n    }\n  }\n"])));
 const DescriptionContainer = exports.DescriptionContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 12px 0 0;\n"])));
-const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 32px 0 0 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  img {\n    height: 36px;\n    width: 36px;\n  }\n"])));
+const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 32px 0 0 0;\n\n  img {\n    height: 36px;\n    width: 36px;\n  }\n"])));

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

@@ -186,12 +186,13 @@ function CustomTableV1(_ref) {
               }));
             case "tag":
               const tagType = typeof subType === "function" ? subType(_, record) : subType;
-              return /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
+              const tagLabel = label || _;
+              return tagLabel ? /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
                 key: index,
-                label: label || _,
+                label: tagLabel,
                 type: tagType,
                 visible: true
-              });
+              }) : null;
             case "link":
               return /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
                 key: index,

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

@@ -16,4 +16,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu\xA0{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"])));
 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"])));
-const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\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: 4px;\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  .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.mobileViewPagination{display: flex;\n    justify-content: flex-end;\n    margin: 16px 0px;}\n\n.mobileViewPagination .ant-pagination {\n    padding: 0;\n}\n\n\n}\n\n"])));
+const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\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: 4px;\n    align-items: center;\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  .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.mobileViewPagination{display: flex;\n    justify-content: flex-end;\n    margin: 16px 0px;}\n\n.mobileViewPagination .ant-pagination {\n    padding: 0;\n}\n\n\n}\n\n"])));

package/build/components/oa-component-tag/CustomTag.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.object.assign.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
 var _styles = require("./styles");
 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); } /* eslint-disable */
 /**
  * A simple tag component that displays a label.
  *
@@ -23,44 +21,40 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 function CustomTag(_ref) {
   let {
-    "data-test": dataTest,
+    'data-test': dataTest,
     label,
     type,
     visible,
     bgColor,
     borderColor,
-    textColor,
-    style
+    textColor
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledTag, _extends({
+  return /*#__PURE__*/_react.default.createElement(_styles.StyledTag, {
     "data-test": dataTest,
     type: type,
     visible: visible,
     bgColor: bgColor,
     borderColor: borderColor,
     textColor: textColor
-  }, style && {
-    style
-  }), /*#__PURE__*/_react.default.createElement(_styles.CenteredTextContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, /*#__PURE__*/_react.default.createElement(_styles.CenteredTextContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-button-500"
   }, label)));
 }
 CustomTag.propTypes = {
-  "data-test": _propTypes.default.string,
+  'data-test': _propTypes.default.string,
   label: _propTypes.default.string.isRequired,
-  type: _propTypes.default.oneOf(["success", "pending", "failed", "recommended", "primary", "blue"]),
+  type: _propTypes.default.oneOf(['success', 'pending', 'failed', 'recommended', 'primary', 'blue']),
   visible: _propTypes.default.bool,
   bgColor: _propTypes.default.string,
   borderColor: _propTypes.default.string,
-  textColor: _propTypes.default.string,
-  style: _propTypes.default.object
+  textColor: _propTypes.default.string
 };
 CustomTag.defaultProps = {
-  "data-test": null,
-  type: "",
+  'data-test': null,
+  type: '',
   visible: true,
-  bgColor: "",
-  borderColor: "",
-  textColor: ""
+  bgColor: '',
+  borderColor: '',
+  textColor: ''
 };
 var _default = exports.default = CustomTag;