@elliemae/ds-notification-badge 1.60.0 → 2.0.0-alpha.12

package/cjs/NotificationBadge.js

@@ -2,47 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
 var reactDesc = require('react-desc');
 var propTypes = require('./prop-types.js');
 var style = require('./style.js');
-require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var NotificationBadge = function NotificationBadge(_ref) {
-  var type = _ref.type,
-      value = _ref.value,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      position = _ref.position,
-      Component = _ref.Component;
-  var Badge = type === 'number' ? style.NumericBadge : style.DotBadge;
-  var relatedComponentRef = React.useRef(null);
-  var renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
-
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      relatedComponentHeight = _useState2[0],
-      setRelatedComponentHeight = _useState2[1];
-
-  var _useState3 = React.useState(0),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      relatedComponentWidth = _useState4[0],
-      setRelatedComponentWidth = _useState4[1];
-
-  React.useEffect(function () {
-    var relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const NotificationBadge = _ref => {
+  let {
+    type,
+    value,
+    size,
+    disabled,
+    position,
+    Component
+  } = _ref;
+  const Badge = type === 'number' ? style.NumericBadge : style.DotBadge;
+  const relatedComponentRef = react.useRef(null);
+  const renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
+  const [relatedComponentHeight, setRelatedComponentHeight] = react.useState(0);
+  const [relatedComponentWidth, setRelatedComponentWidth] = react.useState(0);
+  react.useEffect(() => {
+    const relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
     setRelatedComponentHeight(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight);
     setRelatedComponentWidth(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth);
   }, [relatedComponentRef]);
-  var top;
-  var right;
-  var left;
+  let top;
+  let right;
+  let left;
 
   if (Component) {
     if (position === 'right') left = relatedComponentWidth / 2;
@@ -50,23 +42,21 @@ var NotificationBadge = function NotificationBadge(_ref) {
     top = relatedComponentHeight / 2;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(style.Wrapper, null, renderBadge && /*#__PURE__*/React__default['default'].createElement(Badge, {
+  return /*#__PURE__*/_jsx__default["default"](style.Wrapper, {}, void 0, renderBadge && /*#__PURE__*/_jsx__default["default"](Badge, {
     size: size,
     value: value,
     disabled: disabled,
     top: top,
     left: left,
     right: right
-  }, type === 'number' && value), Component && /*#__PURE__*/React__default['default'].createElement(Component, {
+  }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx__default["default"](Component, {
     innerRef: relatedComponentRef
   }));
 };
 
 NotificationBadge.defaultProps = propTypes.defaultProps;
-NotificationBadge.propTypes = propTypes.notificationBadgeProps;
-var NotificationBadgeWithSchema = reactDesc.describe(NotificationBadge);
+const NotificationBadgeWithSchema = reactDesc.describe(NotificationBadge);
 NotificationBadgeWithSchema.propTypes = propTypes.notificationBadgeProps;
 
 exports.NotificationBadge = NotificationBadge;
 exports.NotificationBadgeWithSchema = NotificationBadgeWithSchema;
-//# sourceMappingURL=NotificationBadge.js.map

package/cjs/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map

package/cjs/index.js

@@ -3,16 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var NotificationBadge = require('./NotificationBadge.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('./prop-types.js');
-require('./style.js');
-require('styled-components');
 
 
 
 exports.NotificationBadge = NotificationBadge.NotificationBadge;
 exports.NotificationBadgeWithSchema = NotificationBadge.NotificationBadgeWithSchema;
-exports.default = NotificationBadge.NotificationBadge;
-//# sourceMappingURL=index.js.map
+exports["default"] = NotificationBadge.NotificationBadge;

package/cjs/prop-types.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var notificationBadgeProps = {
+const notificationBadgeProps = {
   type: reactDesc.PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
   value: reactDesc.PropTypes.number.description('value of the numeric badge'),
   size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
@@ -12,7 +12,7 @@ var notificationBadgeProps = {
   position: reactDesc.PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
   Component: reactDesc.PropTypes.func.description('Related component')
 };
-var defaultProps = {
+const defaultProps = {
   type: 'number',
   size: 's',
   disabled: false,
@@ -21,4 +21,3 @@ var defaultProps = {
 
 exports.defaultProps = defaultProps;
 exports.notificationBadgeProps = notificationBadgeProps;
-//# sourceMappingURL=prop-types.js.map

package/cjs/style.js

@@ -8,61 +8,87 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-lsxuo6-0"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;"]);
-var GenericBadge = /*#__PURE__*/styled__default['default'].span.withConfig({
+const GenericBadge = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-lsxuo6-1"
-})(["position:relative;top:", ";left:", ";right:", ";"], function (_ref) {
-  var top = _ref.top;
+})(["position:relative;top:", ";left:", ";right:", ";"], _ref => {
+  let {
+    top
+  } = _ref;
   return top ? "".concat(top, "px") : 'unset';
-}, function (_ref2) {
-  var left = _ref2.left;
+}, _ref2 => {
+  let {
+    left
+  } = _ref2;
   return left ? "".concat(left, "px") : 'unset';
-}, function (_ref3) {
-  var right = _ref3.right;
+}, _ref3 => {
+  let {
+    right
+  } = _ref3;
   return right ? "".concat(right, "px") : 'unset';
 });
-var NumericBadge = /*#__PURE__*/styled__default['default'](GenericBadge).withConfig({
+const NumericBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withConfig({
   componentId: "sc-lsxuo6-2"
-})(["display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;padding:", ";padding-top:2px;background-color:", ";border-radius:", ";font-size:", ";font-weight:", ";height:", ";min-width:", ";"], function (_ref4) {
-  var value = _ref4.value;
+})(["display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;padding:", ";padding-top:2px;background-color:", ";border-radius:", ";font-size:", ";font-weight:", ";height:", ";min-width:", ";"], _ref4 => {
+  let {
+    value
+  } = _ref4;
   return value > 9 ? '0 5px' : '0';
-}, function (_ref5) {
-  var disabled = _ref5.disabled,
-      theme = _ref5.theme;
+}, _ref5 => {
+  let {
+    disabled,
+    theme
+  } = _ref5;
   return disabled ? theme.colors.neutral[500] : theme.colors.danger[900];
-}, function (_ref6) {
-  var value = _ref6.value;
+}, _ref6 => {
+  let {
+    value
+  } = _ref6;
   return value > 9 ? '10px' : '50%';
-}, function (_ref7) {
-  var size = _ref7.size;
+}, _ref7 => {
+  let {
+    size
+  } = _ref7;
   return size === 'l' ? '16px' : '12px';
-}, function (_ref8) {
-  var size = _ref8.size;
+}, _ref8 => {
+  let {
+    size
+  } = _ref8;
   return size === 'l' ? '400' : '600';
-}, function (_ref9) {
-  var size = _ref9.size;
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
   return size === 'l' ? '21px' : '15px';
-}, function (_ref10) {
-  var size = _ref10.size,
-      value = _ref10.value;
+}, _ref10 => {
+  let {
+    size,
+    value
+  } = _ref10;
   if (size === 'l' && value > 9) return '30px';
   if (size === 'l' && value <= 9) return '21px';
   if (size === 's' && value > 9) return '21px';
   if (size === 's' && value <= 9) return '15px';
 });
-var DotBadge = /*#__PURE__*/styled__default['default'](GenericBadge).withConfig({
+const DotBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withConfig({
   componentId: "sc-lsxuo6-3"
-})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], function (_ref11) {
-  var disabled = _ref11.disabled,
-      theme = _ref11.theme;
+})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
+  let {
+    disabled,
+    theme
+  } = _ref11;
   return disabled ? theme.colors.neutral[500] : theme.colors.brand[500];
-}, function (_ref12) {
-  var size = _ref12.size;
+}, _ref12 => {
+  let {
+    size
+  } = _ref12;
   return size === 'l' ? '15px' : '10px';
-}, function (_ref13) {
-  var size = _ref13.size;
+}, _ref13 => {
+  let {
+    size
+  } = _ref13;
   return size === 'l' ? '15px' : '10px';
 });
 
@@ -70,4 +96,3 @@ exports.DotBadge = DotBadge;
 exports.GenericBadge = GenericBadge;
 exports.NumericBadge = NumericBadge;
 exports.Wrapper = Wrapper;
-//# sourceMappingURL=style.js.map

package/esm/NotificationBadge.js

@@ -1,39 +1,32 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useRef, useState, useEffect } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useState, useEffect } from 'react';
 import { describe } from 'react-desc';
 import { notificationBadgeProps, defaultProps } from './prop-types.js';
 import { Wrapper, NumericBadge, DotBadge } from './style.js';
-import 'styled-components';
 
-var NotificationBadge = function NotificationBadge(_ref) {
-  var type = _ref.type,
-      value = _ref.value,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      position = _ref.position,
-      Component = _ref.Component;
-  var Badge = type === 'number' ? NumericBadge : DotBadge;
-  var relatedComponentRef = useRef(null);
-  var renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      relatedComponentHeight = _useState2[0],
-      setRelatedComponentHeight = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      relatedComponentWidth = _useState4[0],
-      setRelatedComponentWidth = _useState4[1];
-
-  useEffect(function () {
-    var relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
+const NotificationBadge = _ref => {
+  let {
+    type,
+    value,
+    size,
+    disabled,
+    position,
+    Component
+  } = _ref;
+  const Badge = type === 'number' ? NumericBadge : DotBadge;
+  const relatedComponentRef = useRef(null);
+  const renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
+  const [relatedComponentHeight, setRelatedComponentHeight] = useState(0);
+  const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);
+  useEffect(() => {
+    const relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
     setRelatedComponentHeight(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight);
     setRelatedComponentWidth(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth);
   }, [relatedComponentRef]);
-  var top;
-  var right;
-  var left;
+  let top;
+  let right;
+  let left;
 
   if (Component) {
     if (position === 'right') left = relatedComponentWidth / 2;
@@ -41,22 +34,20 @@ var NotificationBadge = function NotificationBadge(_ref) {
     top = relatedComponentHeight / 2;
   }
 
-  return /*#__PURE__*/React.createElement(Wrapper, null, renderBadge && /*#__PURE__*/React.createElement(Badge, {
+  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, renderBadge && /*#__PURE__*/_jsx(Badge, {
     size: size,
     value: value,
     disabled: disabled,
     top: top,
     left: left,
     right: right
-  }, type === 'number' && value), Component && /*#__PURE__*/React.createElement(Component, {
+  }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx(Component, {
     innerRef: relatedComponentRef
   }));
 };
 
 NotificationBadge.defaultProps = defaultProps;
-NotificationBadge.propTypes = notificationBadgeProps;
-var NotificationBadgeWithSchema = describe(NotificationBadge);
+const NotificationBadgeWithSchema = describe(NotificationBadge);
 NotificationBadgeWithSchema.propTypes = notificationBadgeProps;
 
 export { NotificationBadge, NotificationBadgeWithSchema };
-//# sourceMappingURL=NotificationBadge.js.map

package/esm/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/index.js

@@ -1,8 +1 @@
 export { NotificationBadge, NotificationBadgeWithSchema, NotificationBadge as default } from './NotificationBadge.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-desc';
-import './prop-types.js';
-import './style.js';
-import 'styled-components';
-//# sourceMappingURL=index.js.map

package/esm/prop-types.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var notificationBadgeProps = {
+const notificationBadgeProps = {
   type: PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
   value: PropTypes.number.description('value of the numeric badge'),
   size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
@@ -8,7 +8,7 @@ var notificationBadgeProps = {
   position: PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
   Component: PropTypes.func.description('Related component')
 };
-var defaultProps = {
+const defaultProps = {
   type: 'number',
   size: 's',
   disabled: false,
@@ -16,4 +16,3 @@ var defaultProps = {
 };
 
 export { defaultProps, notificationBadgeProps };
-//# sourceMappingURL=prop-types.js.map

package/esm/style.js

@@ -1,62 +1,87 @@
 import styled from 'styled-components';
 
-var Wrapper = /*#__PURE__*/styled.div.withConfig({
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-lsxuo6-0"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;"]);
-var GenericBadge = /*#__PURE__*/styled.span.withConfig({
+const GenericBadge = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-lsxuo6-1"
-})(["position:relative;top:", ";left:", ";right:", ";"], function (_ref) {
-  var top = _ref.top;
+})(["position:relative;top:", ";left:", ";right:", ";"], _ref => {
+  let {
+    top
+  } = _ref;
   return top ? "".concat(top, "px") : 'unset';
-}, function (_ref2) {
-  var left = _ref2.left;
+}, _ref2 => {
+  let {
+    left
+  } = _ref2;
   return left ? "".concat(left, "px") : 'unset';
-}, function (_ref3) {
-  var right = _ref3.right;
+}, _ref3 => {
+  let {
+    right
+  } = _ref3;
   return right ? "".concat(right, "px") : 'unset';
 });
-var NumericBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
+const NumericBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
   componentId: "sc-lsxuo6-2"
-})(["display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;padding:", ";padding-top:2px;background-color:", ";border-radius:", ";font-size:", ";font-weight:", ";height:", ";min-width:", ";"], function (_ref4) {
-  var value = _ref4.value;
+})(["display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;padding:", ";padding-top:2px;background-color:", ";border-radius:", ";font-size:", ";font-weight:", ";height:", ";min-width:", ";"], _ref4 => {
+  let {
+    value
+  } = _ref4;
   return value > 9 ? '0 5px' : '0';
-}, function (_ref5) {
-  var disabled = _ref5.disabled,
-      theme = _ref5.theme;
+}, _ref5 => {
+  let {
+    disabled,
+    theme
+  } = _ref5;
   return disabled ? theme.colors.neutral[500] : theme.colors.danger[900];
-}, function (_ref6) {
-  var value = _ref6.value;
+}, _ref6 => {
+  let {
+    value
+  } = _ref6;
   return value > 9 ? '10px' : '50%';
-}, function (_ref7) {
-  var size = _ref7.size;
+}, _ref7 => {
+  let {
+    size
+  } = _ref7;
   return size === 'l' ? '16px' : '12px';
-}, function (_ref8) {
-  var size = _ref8.size;
+}, _ref8 => {
+  let {
+    size
+  } = _ref8;
   return size === 'l' ? '400' : '600';
-}, function (_ref9) {
-  var size = _ref9.size;
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
   return size === 'l' ? '21px' : '15px';
-}, function (_ref10) {
-  var size = _ref10.size,
-      value = _ref10.value;
+}, _ref10 => {
+  let {
+    size,
+    value
+  } = _ref10;
   if (size === 'l' && value > 9) return '30px';
   if (size === 'l' && value <= 9) return '21px';
   if (size === 's' && value > 9) return '21px';
   if (size === 's' && value <= 9) return '15px';
 });
-var DotBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
+const DotBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
   componentId: "sc-lsxuo6-3"
-})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], function (_ref11) {
-  var disabled = _ref11.disabled,
-      theme = _ref11.theme;
+})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
+  let {
+    disabled,
+    theme
+  } = _ref11;
   return disabled ? theme.colors.neutral[500] : theme.colors.brand[500];
-}, function (_ref12) {
-  var size = _ref12.size;
+}, _ref12 => {
+  let {
+    size
+  } = _ref12;
   return size === 'l' ? '15px' : '10px';
-}, function (_ref13) {
-  var size = _ref13.size;
+}, _ref13 => {
+  let {
+    size
+  } = _ref13;
   return size === 'l' ? '15px' : '10px';
 });
 
 export { DotBadge, GenericBadge, NumericBadge, Wrapper };
-//# sourceMappingURL=style.js.map

package/package.json

@@ -1,14 +1,42 @@
 {
   "name": "@elliemae/ds-notification-badge",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Notification Badge",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Notification Badge",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./style": {
+      "import": "./esm/style.js",
+      "require": "./cjs/style.js"
+    },
+    "./prop-types": {
+      "import": "./esm/prop-types.js",
+      "require": "./cjs/prop-types.js"
+    },
+    "./NotificationBadge": {
+      "import": "./esm/NotificationBadge.js",
+      "require": "./cjs/NotificationBadge.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,18 +44,19 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/NotificationBadge.d.ts

@@ -0,0 +1,56 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { NotificactionBadge as props } from './index.d';
+declare const NotificationBadge: {
+    ({ type, value, size, disabled, position, Component, }: props): JSX.Element;
+    defaultProps: {
+        type: string;
+        size: string;
+        disabled: boolean;
+        position: string;
+    };
+    propTypes: {
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        size: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        position: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        Component: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const NotificationBadgeWithSchema: {
+    (props?: props | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { NotificationBadge, NotificationBadgeWithSchema };

package/types/index.d.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface NotificactionBadge {
+    type?: string;
+    value?: number;
+    size?: string;
+    disabled?: boolean;
+    position?: string;
+    Component?: () => JSX.Element;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationBadge';
+export { NotificationBadge as default } from './NotificationBadge';

package/types/prop-types.d.ts

@@ -0,0 +1,45 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const notificationBadgeProps: {
+    type: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    value: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    size: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    disabled: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    position: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    Component: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const defaultProps: {
+    type: string;
+    size: string;
+    disabled: boolean;
+    position: string;
+};

package/types/style.d.ts

@@ -0,0 +1,4 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const GenericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const NumericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const DotBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/NotificationBadge/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-notification-badge/NotificationBadge",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/NotificationBadge.js",
-  "module": "../esm/NotificationBadge.js"
-}

package/cjs/NotificationBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../src/NotificationBadge.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { notificationBadgeProps, defaultProps } from './prop-types';\nimport { NotificactionBadge as props } from './index.d';\nimport { Wrapper, NumericBadge, DotBadge } from './style';\n\nconst NotificationBadge = ({\n  type,\n  value,\n  size,\n  disabled,\n  position,\n  Component,\n}: props): JSX.Element => {\n  const Badge = type === 'number' ? NumericBadge : DotBadge;\n  const relatedComponentRef = useRef(null);\n  const renderBadge = relatedComponentRef?.current || !Component;\n  const [relatedComponentHeight, setRelatedComponentHeight] = useState(0);\n  const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);\n\n  useEffect(() => {\n    const relatedComponent = relatedComponentRef?.current;\n    setRelatedComponentHeight(relatedComponent?.offsetHeight);\n    setRelatedComponentWidth(relatedComponent?.offsetWidth);\n  }, [relatedComponentRef]);\n\n  let top;\n  let right;\n  let left;\n\n  if (Component) {\n    if (position === 'right') left = relatedComponentWidth / 2;\n    if (position === 'left') right = relatedComponentWidth / 2;\n    top = relatedComponentHeight / 2;\n  }\n\n  return (\n    <Wrapper>\n      {renderBadge && (\n        <Badge\n          size={size}\n          value={value}\n          disabled={disabled}\n          top={top}\n          left={left}\n          right={right}\n        >\n          {type === 'number' && value}\n        </Badge>\n      )}\n      {Component && <Component innerRef={relatedComponentRef} />}\n    </Wrapper>\n  );\n};\n\nNotificationBadge.defaultProps = defaultProps;\nNotificationBadge.propTypes = notificationBadgeProps;\nconst NotificationBadgeWithSchema = describe(NotificationBadge);\nNotificationBadgeWithSchema.propTypes = notificationBadgeProps;\n\nexport { NotificationBadge, NotificationBadgeWithSchema };\n"],"names":["NotificationBadge","type","value","size","disabled","position","Component","Badge","NumericBadge","DotBadge","relatedComponentRef","useRef","renderBadge","current","useState","relatedComponentHeight","setRelatedComponentHeight","relatedComponentWidth","setRelatedComponentWidth","useEffect","relatedComponent","offsetHeight","offsetWidth","top","right","left","React","Wrapper","defaultProps","propTypes","notificationBadgeProps","NotificationBadgeWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;IAMMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAOA;AAAA,MANxBC,IAMwB,QANxBA,IAMwB;AAAA,MALxBC,KAKwB,QALxBA,KAKwB;AAAA,MAJxBC,IAIwB,QAJxBA,IAIwB;AAAA,MAHxBC,QAGwB,QAHxBA,QAGwB;AAAA,MAFxBC,QAEwB,QAFxBA,QAEwB;AAAA,MADxBC,SACwB,QADxBA,SACwB;AACxB,MAAMC,KAAK,GAAGN,IAAI,KAAK,QAAT,GAAoBO,kBAApB,GAAmCC,cAAjD;AACA,MAAMC,mBAAmB,GAAGC,YAAM,CAAC,IAAD,CAAlC;AACA,MAAMC,WAAW,GAAG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,KAAgC,CAACP,SAArD;;AACA,kBAA4DQ,cAAQ,CAAC,CAAD,CAApE;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AACA,mBAA0DF,cAAQ,CAAC,CAAD,CAAlE;AAAA;AAAA,MAAOG,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,gBAAgB,GAAGV,mBAAH,aAAGA,mBAAH,uBAAGA,mBAAmB,CAAEG,OAA9C;AACAG,IAAAA,yBAAyB,CAACI,gBAAD,aAACA,gBAAD,uBAACA,gBAAgB,CAAEC,YAAnB,CAAzB;AACAH,IAAAA,wBAAwB,CAACE,gBAAD,aAACA,gBAAD,uBAACA,gBAAgB,CAAEE,WAAnB,CAAxB;AACD,GAJQ,EAIN,CAACZ,mBAAD,CAJM,CAAT;AAMA,MAAIa,GAAJ;AACA,MAAIC,KAAJ;AACA,MAAIC,IAAJ;;AAEA,MAAInB,SAAJ,EAAe;AACb,QAAID,QAAQ,KAAK,OAAjB,EAA0BoB,IAAI,GAAGR,qBAAqB,GAAG,CAA/B;AAC1B,QAAIZ,QAAQ,KAAK,MAAjB,EAAyBmB,KAAK,GAAGP,qBAAqB,GAAG,CAAhC;AACzBM,IAAAA,GAAG,GAAGR,sBAAsB,GAAG,CAA/B;AACD;;AAED,sBACEW,wCAACC,aAAD,QACGf,WAAW,iBACVc,wCAAC,KAAD;AACE,IAAA,IAAI,EAAEvB,IADR;AAEE,IAAA,KAAK,EAAED,KAFT;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,IAAA,GAAG,EAAEmB,GAJP;AAKE,IAAA,IAAI,EAAEE,IALR;AAME,IAAA,KAAK,EAAED;AANT,KAQGvB,IAAI,KAAK,QAAT,IAAqBC,KARxB,CAFJ,EAaGI,SAAS,iBAAIoB,wCAAC,SAAD;AAAW,IAAA,QAAQ,EAAEhB;AAArB,IAbhB,CADF;AAiBD;;AAEDV,iBAAiB,CAAC4B,YAAlB,GAAiCA,sBAAjC;AACA5B,iBAAiB,CAAC6B,SAAlB,GAA8BC,gCAA9B;IACMC,2BAA2B,GAAGC,kBAAQ,CAAChC,iBAAD;AAC5C+B,2BAA2B,CAACF,SAA5B,GAAwCC,gCAAxC;;;;;"}

package/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/cjs/prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const notificationBadgeProps = {\n  type: PropTypes.oneOf(['number', 'dot']).description(\n    'type of badge: number or dot',\n  ),\n  value: PropTypes.number.description('value of the numeric badge'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),\n  disabled: PropTypes.bool.description('whether the badge is disabled'),\n  position: PropTypes.oneOf(['left', 'right']).description(\n    'position of the badge with the related component',\n  ),\n  Component: PropTypes.func.description('Related component'),\n};\n\nexport const defaultProps = {\n  type: 'number',\n  size: 's',\n  disabled: false,\n  position: 'right',\n};\n"],"names":["notificationBadgeProps","type","PropTypes","oneOf","description","value","number","size","disabled","bool","position","Component","func","defaultProps"],"mappings":";;;;;;IAEaA,sBAAsB,GAAG;AACpCC,EAAAA,IAAI,EAAEC,mBAAS,CAACC,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB,EAAmCC,WAAnC,CACJ,8BADI,CAD8B;AAIpCC,EAAAA,KAAK,EAAEH,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,4BAA7B,CAJ6B;AAKpCG,EAAAA,IAAI,EAAEL,mBAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,WAA5B,CAAwC,2BAAxC,CAL8B;AAMpCI,EAAAA,QAAQ,EAAEN,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,+BAA3B,CAN0B;AAOpCM,EAAAA,QAAQ,EAAER,mBAAS,CAACC,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,EAAmCC,WAAnC,CACR,kDADQ,CAP0B;AAUpCO,EAAAA,SAAS,EAAET,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,mBAA3B;AAVyB;IAazBS,YAAY,GAAG;AAC1BZ,EAAAA,IAAI,EAAE,QADoB;AAE1BM,EAAAA,IAAI,EAAE,GAFoB;AAG1BC,EAAAA,QAAQ,EAAE,KAHgB;AAI1BE,EAAAA,QAAQ,EAAE;AAJgB;;;;;"}

package/cjs/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../src/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n`;\n\nexport const GenericBadge = styled.span`\n  position: relative;\n  top: ${({ top }) => (top ? `${top}px` : 'unset')};\n  left: ${({ left }) => (left ? `${left}px` : 'unset')};\n  right: ${({ right }) => (right ? `${right}px` : 'unset')};\n`;\n\nexport const NumericBadge = styled(GenericBadge)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n  color: #fff;\n  padding: ${({ value }) => (value > 9 ? '0 5px' : '0')};\n  padding-top: 2px;\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.danger[900]};\n  border-radius: ${({ value }) => (value > 9 ? '10px' : '50%')};\n  font-size: ${({ size }) => (size === 'l' ? '16px' : '12px')};\n  font-weight: ${({ size }) => (size === 'l' ? '400' : '600')};\n  height: ${({ size }) => (size === 'l' ? '21px' : '15px')};\n  min-width: ${({ size, value }) => {\n    if (size === 'l' && value > 9) return '30px';\n    if (size === 'l' && value <= 9) return '21px';\n    if (size === 's' && value > 9) return '21px';\n    if (size === 's' && value <= 9) return '15px';\n  }};\n`;\n\nexport const DotBadge = styled(GenericBadge)`\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.brand[500]};\n  width: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  height: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  border-radius: 100%;\n`;\n"],"names":["Wrapper","styled","div","GenericBadge","span","top","left","right","NumericBadge","value","disabled","theme","colors","neutral","danger","size","DotBadge","brand"],"mappings":";;;;;;;;;;IAEaA,OAAO,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQPC,YAAY,gBAAGF,0BAAM,CAACG,IAAV;AAAA;AAAA,yDAEhB;AAAA,MAAGC,GAAH,QAAGA,GAAH;AAAA,SAAcA,GAAG,aAAMA,GAAN,UAAgB,OAAjC;AAAA,CAFgB,EAGf;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,aAAMA,IAAN,UAAiB,OAApC;AAAA,CAHe,EAId;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAgBA,KAAK,aAAMA,KAAN,UAAkB,OAAvC;AAAA,CAJc;IAOZC,YAAY,gBAAGP,0BAAM,CAACE,YAAD,CAAT;AAAA;AAAA,8NAMZ;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SAAgBA,KAAK,GAAG,CAAR,GAAY,OAAZ,GAAsB,GAAtC;AAAA,CANY,EAQH;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaC,KAAb,SAAaA,KAAb;AAAA,SAClBD,QAAQ,GAAGC,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAH,GAA+BF,KAAK,CAACC,MAAN,CAAaE,MAAb,CAAoB,GAApB,CADrB;AAAA,CARG,EAUN;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAgBA,KAAK,GAAG,CAAR,GAAY,MAAZ,GAAqB,KAArC;AAAA,CAVM,EAWV;AAAA,MAAGM,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAXU,EAYR;AAAA,MAAGA,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,KAAf,GAAuB,KAAtC;AAAA,CAZQ,EAab;AAAA,MAAGA,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAba,EAcV,kBAAqB;AAAA,MAAlBA,IAAkB,UAAlBA,IAAkB;AAAA,MAAZN,KAAY,UAAZA,KAAY;AAChC,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,GAAG,CAA5B,EAA+B,OAAO,MAAP;AAC/B,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,IAAI,CAA7B,EAAgC,OAAO,MAAP;AAChC,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,GAAG,CAA5B,EAA+B,OAAO,MAAP;AAC/B,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,IAAI,CAA7B,EAAgC,OAAO,MAAP;AACjC,CAnBsB;IAsBZO,QAAQ,gBAAGf,0BAAM,CAACE,YAAD,CAAT;AAAA;AAAA,yEACC;AAAA,MAAGO,QAAH,UAAGA,QAAH;AAAA,MAAaC,KAAb,UAAaA,KAAb;AAAA,SAClBD,QAAQ,GAAGC,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAH,GAA+BF,KAAK,CAACC,MAAN,CAAaK,KAAb,CAAmB,GAAnB,CADrB;AAAA,CADD,EAGV;AAAA,MAAGF,IAAH,UAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAHU,EAIT;AAAA,MAAGA,IAAH,UAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAJS;;;;;;;"}

package/esm/NotificationBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../src/NotificationBadge.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { notificationBadgeProps, defaultProps } from './prop-types';\nimport { NotificactionBadge as props } from './index.d';\nimport { Wrapper, NumericBadge, DotBadge } from './style';\n\nconst NotificationBadge = ({\n  type,\n  value,\n  size,\n  disabled,\n  position,\n  Component,\n}: props): JSX.Element => {\n  const Badge = type === 'number' ? NumericBadge : DotBadge;\n  const relatedComponentRef = useRef(null);\n  const renderBadge = relatedComponentRef?.current || !Component;\n  const [relatedComponentHeight, setRelatedComponentHeight] = useState(0);\n  const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);\n\n  useEffect(() => {\n    const relatedComponent = relatedComponentRef?.current;\n    setRelatedComponentHeight(relatedComponent?.offsetHeight);\n    setRelatedComponentWidth(relatedComponent?.offsetWidth);\n  }, [relatedComponentRef]);\n\n  let top;\n  let right;\n  let left;\n\n  if (Component) {\n    if (position === 'right') left = relatedComponentWidth / 2;\n    if (position === 'left') right = relatedComponentWidth / 2;\n    top = relatedComponentHeight / 2;\n  }\n\n  return (\n    <Wrapper>\n      {renderBadge && (\n        <Badge\n          size={size}\n          value={value}\n          disabled={disabled}\n          top={top}\n          left={left}\n          right={right}\n        >\n          {type === 'number' && value}\n        </Badge>\n      )}\n      {Component && <Component innerRef={relatedComponentRef} />}\n    </Wrapper>\n  );\n};\n\nNotificationBadge.defaultProps = defaultProps;\nNotificationBadge.propTypes = notificationBadgeProps;\nconst NotificationBadgeWithSchema = describe(NotificationBadge);\nNotificationBadgeWithSchema.propTypes = notificationBadgeProps;\n\nexport { NotificationBadge, NotificationBadgeWithSchema };\n"],"names":["NotificationBadge","type","value","size","disabled","position","Component","Badge","NumericBadge","DotBadge","relatedComponentRef","useRef","renderBadge","current","useState","relatedComponentHeight","setRelatedComponentHeight","relatedComponentWidth","setRelatedComponentWidth","useEffect","relatedComponent","offsetHeight","offsetWidth","top","right","left","defaultProps","propTypes","notificationBadgeProps","NotificationBadgeWithSchema","describe"],"mappings":";;;;;;;IAMMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAOA;AAAA,MANxBC,IAMwB,QANxBA,IAMwB;AAAA,MALxBC,KAKwB,QALxBA,KAKwB;AAAA,MAJxBC,IAIwB,QAJxBA,IAIwB;AAAA,MAHxBC,QAGwB,QAHxBA,QAGwB;AAAA,MAFxBC,QAEwB,QAFxBA,QAEwB;AAAA,MADxBC,SACwB,QADxBA,SACwB;AACxB,MAAMC,KAAK,GAAGN,IAAI,KAAK,QAAT,GAAoBO,YAApB,GAAmCC,QAAjD;AACA,MAAMC,mBAAmB,GAAGC,MAAM,CAAC,IAAD,CAAlC;AACA,MAAMC,WAAW,GAAG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,KAAgC,CAACP,SAArD;;AACA,kBAA4DQ,QAAQ,CAAC,CAAD,CAApE;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AACA,mBAA0DF,QAAQ,CAAC,CAAD,CAAlE;AAAA;AAAA,MAAOG,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMC,gBAAgB,GAAGV,mBAAH,aAAGA,mBAAH,uBAAGA,mBAAmB,CAAEG,OAA9C;AACAG,IAAAA,yBAAyB,CAACI,gBAAD,aAACA,gBAAD,uBAACA,gBAAgB,CAAEC,YAAnB,CAAzB;AACAH,IAAAA,wBAAwB,CAACE,gBAAD,aAACA,gBAAD,uBAACA,gBAAgB,CAAEE,WAAnB,CAAxB;AACD,GAJQ,EAIN,CAACZ,mBAAD,CAJM,CAAT;AAMA,MAAIa,GAAJ;AACA,MAAIC,KAAJ;AACA,MAAIC,IAAJ;;AAEA,MAAInB,SAAJ,EAAe;AACb,QAAID,QAAQ,KAAK,OAAjB,EAA0BoB,IAAI,GAAGR,qBAAqB,GAAG,CAA/B;AAC1B,QAAIZ,QAAQ,KAAK,MAAjB,EAAyBmB,KAAK,GAAGP,qBAAqB,GAAG,CAAhC;AACzBM,IAAAA,GAAG,GAAGR,sBAAsB,GAAG,CAA/B;AACD;;AAED,sBACE,oBAAC,OAAD,QACGH,WAAW,iBACV,oBAAC,KAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,KAAK,EAAED,KAFT;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,IAAA,GAAG,EAAEmB,GAJP;AAKE,IAAA,IAAI,EAAEE,IALR;AAME,IAAA,KAAK,EAAED;AANT,KAQGvB,IAAI,KAAK,QAAT,IAAqBC,KARxB,CAFJ,EAaGI,SAAS,iBAAI,oBAAC,SAAD;AAAW,IAAA,QAAQ,EAAEI;AAArB,IAbhB,CADF;AAiBD;;AAEDV,iBAAiB,CAAC0B,YAAlB,GAAiCA,YAAjC;AACA1B,iBAAiB,CAAC2B,SAAlB,GAA8BC,sBAA9B;IACMC,2BAA2B,GAAGC,QAAQ,CAAC9B,iBAAD;AAC5C6B,2BAA2B,CAACF,SAA5B,GAAwCC,sBAAxC;;;;"}

package/esm/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/esm/prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const notificationBadgeProps = {\n  type: PropTypes.oneOf(['number', 'dot']).description(\n    'type of badge: number or dot',\n  ),\n  value: PropTypes.number.description('value of the numeric badge'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),\n  disabled: PropTypes.bool.description('whether the badge is disabled'),\n  position: PropTypes.oneOf(['left', 'right']).description(\n    'position of the badge with the related component',\n  ),\n  Component: PropTypes.func.description('Related component'),\n};\n\nexport const defaultProps = {\n  type: 'number',\n  size: 's',\n  disabled: false,\n  position: 'right',\n};\n"],"names":["notificationBadgeProps","type","PropTypes","oneOf","description","value","number","size","disabled","bool","position","Component","func","defaultProps"],"mappings":";;IAEaA,sBAAsB,GAAG;AACpCC,EAAAA,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB,EAAmCC,WAAnC,CACJ,8BADI,CAD8B;AAIpCC,EAAAA,KAAK,EAAEH,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,4BAA7B,CAJ6B;AAKpCG,EAAAA,IAAI,EAAEL,SAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,WAA5B,CAAwC,2BAAxC,CAL8B;AAMpCI,EAAAA,QAAQ,EAAEN,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,+BAA3B,CAN0B;AAOpCM,EAAAA,QAAQ,EAAER,SAAS,CAACC,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,EAAmCC,WAAnC,CACR,kDADQ,CAP0B;AAUpCO,EAAAA,SAAS,EAAET,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,mBAA3B;AAVyB;IAazBS,YAAY,GAAG;AAC1BZ,EAAAA,IAAI,EAAE,QADoB;AAE1BM,EAAAA,IAAI,EAAE,GAFoB;AAG1BC,EAAAA,QAAQ,EAAE,KAHgB;AAI1BE,EAAAA,QAAQ,EAAE;AAJgB;;;;"}

package/esm/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../src/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n`;\n\nexport const GenericBadge = styled.span`\n  position: relative;\n  top: ${({ top }) => (top ? `${top}px` : 'unset')};\n  left: ${({ left }) => (left ? `${left}px` : 'unset')};\n  right: ${({ right }) => (right ? `${right}px` : 'unset')};\n`;\n\nexport const NumericBadge = styled(GenericBadge)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n  color: #fff;\n  padding: ${({ value }) => (value > 9 ? '0 5px' : '0')};\n  padding-top: 2px;\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.danger[900]};\n  border-radius: ${({ value }) => (value > 9 ? '10px' : '50%')};\n  font-size: ${({ size }) => (size === 'l' ? '16px' : '12px')};\n  font-weight: ${({ size }) => (size === 'l' ? '400' : '600')};\n  height: ${({ size }) => (size === 'l' ? '21px' : '15px')};\n  min-width: ${({ size, value }) => {\n    if (size === 'l' && value > 9) return '30px';\n    if (size === 'l' && value <= 9) return '21px';\n    if (size === 's' && value > 9) return '21px';\n    if (size === 's' && value <= 9) return '15px';\n  }};\n`;\n\nexport const DotBadge = styled(GenericBadge)`\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.brand[500]};\n  width: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  height: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  border-radius: 100%;\n`;\n"],"names":["Wrapper","styled","div","GenericBadge","span","top","left","right","NumericBadge","value","disabled","theme","colors","neutral","danger","size","DotBadge","brand"],"mappings":";;IAEaA,OAAO,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAQPC,YAAY,gBAAGF,MAAM,CAACG,IAAV;AAAA;AAAA,yDAEhB;AAAA,MAAGC,GAAH,QAAGA,GAAH;AAAA,SAAcA,GAAG,aAAMA,GAAN,UAAgB,OAAjC;AAAA,CAFgB,EAGf;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,aAAMA,IAAN,UAAiB,OAApC;AAAA,CAHe,EAId;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAgBA,KAAK,aAAMA,KAAN,UAAkB,OAAvC;AAAA,CAJc;IAOZC,YAAY,gBAAGP,MAAM,CAACE,YAAD,CAAT;AAAA;AAAA,8NAMZ;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SAAgBA,KAAK,GAAG,CAAR,GAAY,OAAZ,GAAsB,GAAtC;AAAA,CANY,EAQH;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaC,KAAb,SAAaA,KAAb;AAAA,SAClBD,QAAQ,GAAGC,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAH,GAA+BF,KAAK,CAACC,MAAN,CAAaE,MAAb,CAAoB,GAApB,CADrB;AAAA,CARG,EAUN;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAgBA,KAAK,GAAG,CAAR,GAAY,MAAZ,GAAqB,KAArC;AAAA,CAVM,EAWV;AAAA,MAAGM,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAXU,EAYR;AAAA,MAAGA,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,KAAf,GAAuB,KAAtC;AAAA,CAZQ,EAab;AAAA,MAAGA,IAAH,SAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAba,EAcV,kBAAqB;AAAA,MAAlBA,IAAkB,UAAlBA,IAAkB;AAAA,MAAZN,KAAY,UAAZA,KAAY;AAChC,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,GAAG,CAA5B,EAA+B,OAAO,MAAP;AAC/B,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,IAAI,CAA7B,EAAgC,OAAO,MAAP;AAChC,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,GAAG,CAA5B,EAA+B,OAAO,MAAP;AAC/B,MAAIM,IAAI,KAAK,GAAT,IAAgBN,KAAK,IAAI,CAA7B,EAAgC,OAAO,MAAP;AACjC,CAnBsB;IAsBZO,QAAQ,gBAAGf,MAAM,CAACE,YAAD,CAAT;AAAA;AAAA,yEACC;AAAA,MAAGO,QAAH,UAAGA,QAAH;AAAA,MAAaC,KAAb,UAAaA,KAAb;AAAA,SAClBD,QAAQ,GAAGC,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAH,GAA+BF,KAAK,CAACC,MAAN,CAAaK,KAAb,CAAmB,GAAnB,CADrB;AAAA,CADD,EAGV;AAAA,MAAGF,IAAH,UAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAHU,EAIT;AAAA,MAAGA,IAAH,UAAGA,IAAH;AAAA,SAAeA,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,MAAvC;AAAA,CAJS;;;;"}

package/prop-types/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-notification-badge/prop-types",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/prop-types.js",
-  "module": "../esm/prop-types.js"
-}

package/style/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-notification-badge/style",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/style.js",
-  "module": "../esm/style.js"
-}