oa-componentbook 0.18.45 → 0.18.46

package/build/components/oa-component-count-card/CustomCountCard.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
+var _typographyOptions = require("../../global-css/typography-options");
+var _colorOptions = require("../../global-css/color-options");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CustomCountCard(_ref) {
+  let {
+    label,
+    imgPath,
+    subText,
+    labelTypography,
+    labelColor,
+    subTextTypography,
+    subTextColor,
+    imgWidth
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_styles.CustomCountStyle, null, imgPath && /*#__PURE__*/_react.default.createElement("img", {
+    src: imgPath,
+    alt: "imageIcon",
+    style: {
+      width: imgWidth
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, label && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: "type-sl1-700",
+    color: "secondary-content"
+  }, label)), /*#__PURE__*/_react.default.createElement("h3", null, subText && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: "type-h1-500",
+    color: "primary-content"
+  }, subText))));
+}
+CustomCountCard.propTypes = {
+  label: _propTypes.default.string,
+  imgPath: _propTypes.default.string,
+  subText: _propTypes.default.string,
+  labelTypography: _propTypes.default.oneOf(_typographyOptions.typographyOptions),
+  labelColor: _propTypes.default.oneOf(_colorOptions.colorOptions),
+  subTextTypography: _propTypes.default.oneOf(_typographyOptions.typographyOptions),
+  subTextColor: _propTypes.default.oneOf(_colorOptions.colorOptions),
+  imgWidth: _propTypes.default.string
+};
+CustomCountCard.defaultProps = {
+  label: '',
+  imgPath: '',
+  subText: '',
+  labelTypography: null,
+  labelColor: null,
+  subTextTypography: null,
+  subTextColor: null,
+  imgWidth: '36px'
+};
+var _default = exports.default = CustomCountCard;

package/build/components/oa-component-count-card/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CustomCountStyle = 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 CustomCountStyle = exports.CustomCountStyle = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n\n    img {margin-right:16px}\n    div {display: flex;\n        flex-direction: column;\n        justify-content: flex-start;}\n\n        div h3{margin-top:8px}\n"])));

package/build/components/oa-component-tooltip/CustomTooltip.js

@@ -0,0 +1,56 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _tooltipPlacementOption = require("../../global-css/tooltip-placement-option");
+var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
+const _excluded = ["title", "placement", "children", "data-test"];
+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 _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; }
+function CustomTooltip(_ref) {
+  let {
+      title,
+      placement,
+      children,
+      'data-test': dataTest
+    } = _ref,
+    antDesignProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      components: {
+        Tooltip: {
+          colorBgSpotlight: _ColorVariablesMap.default['--color-primary-content'],
+          borderRadius: 4,
+          paddingXS: 8,
+          paddingSM: 16,
+          sizePopupArrow: 12,
+          boxShadowSecondary: null
+        }
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, _extends({
+    title: title,
+    placement: placement,
+    "data-test": dataTest
+  }, antDesignProps), children));
+}
+CustomTooltip.propTypes = {
+  title: _propTypes.default.node.isRequired,
+  placement: _propTypes.default.oneOf(_tooltipPlacementOption.tooltipPlacementOptions),
+  children: _propTypes.default.node,
+  'data-test': _propTypes.default.string
+};
+CustomTooltip.defaultProps = {
+  placement: 'top',
+  children: null,
+  'data-test': null
+};
+var _default = exports.default = CustomTooltip;

package/build/global-css/tooltip-placement-option.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipPlacementOptions = exports.default = void 0;
+const tooltipPlacementOptions = exports.tooltipPlacementOptions = ['top', 'right', 'bottom', 'left', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom'];
+var _default = exports.default = {};

package/build/index.js

@@ -95,6 +95,12 @@ Object.defineProperty(exports, "CustomCheckBox", {
     return _CustomCheckBox.default;
   }
 });
+Object.defineProperty(exports, "CustomCountCard", {
+  enumerable: true,
+  get: function get() {
+    return _CustomCountCard.default;
+  }
+});
 Object.defineProperty(exports, "CustomDatePicker", {
   enumerable: true,
   get: function get() {
@@ -215,6 +221,12 @@ Object.defineProperty(exports, "CustomToggle", {
     return _CustomToggle.default;
   }
 });
+Object.defineProperty(exports, "CustomTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _CustomTooltip.default;
+  }
+});
 Object.defineProperty(exports, "Elevation", {
   enumerable: true,
   get: function get() {
@@ -404,6 +416,8 @@ var _ElevationDemo = _interopRequireDefault(require("./components/oa-component-d
 var _TextArea = _interopRequireDefault(require("./components/oa-component-textarea/TextArea"));
 var _Typography = _interopRequireDefault(require("./components/oa-component-typography/Typography"));
 var _SpacingScales = _interopRequireDefault(require("./components/oa-component-demo-spacing/SpacingScales"));
+var _CustomTooltip = _interopRequireDefault(require("./components/oa-component-tooltip/CustomTooltip"));
+var _CustomCountCard = _interopRequireDefault(require("./components/oa-component-count-card/CustomCountCard"));
 var _BorderRadius = _interopRequireDefault(require("./global-css/BorderRadius"));
 var _ColorVariables = _interopRequireDefault(require("./global-css/ColorVariables"));
 var _Elevation = _interopRequireDefault(require("./global-css/Elevation"));

package/package.json

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