@elliemae/ds-notification-badge 2.3.0-next.0 → 2.3.0-next.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/cjs/NotificationBadge.js +43 -29
  2. package/cjs/react-desc-prop-types.js +40 -0
  3. package/cjs/style.js +11 -9
  4. package/esm/NotificationBadge.js +41 -28
  5. package/esm/react-desc-prop-types.js +31 -0
  6. package/esm/style.js +11 -9
  7. package/package.json +4 -4
  8. package/types/NotificationBadge.d.ts +4 -55
  9. package/types/react-desc-prop-types.d.ts +382 -0
  10. package/types/style.d.ts +18 -3
  11. package/cjs/index.d.js +0 -2
  12. package/cjs/prop-types.js +0 -23
  13. package/esm/index.d.js +0 -1
  14. package/esm/prop-types.js +0 -18
  15. package/types/index.d.d.ts +0 -9
  16. package/types/prop-types.d.ts +0 -45
package/cjs/NotificationBadge.js CHANGED
@@ -2,26 +2,42 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
6
  var _jsx = require('@babel/runtime/helpers/jsx');
6
7
  require('core-js/modules/web.dom-collections.iterator.js');
8
+ require('core-js/modules/esnext.async-iterator.filter.js');
9
+ require('core-js/modules/esnext.iterator.constructor.js');
10
+ require('core-js/modules/esnext.iterator.filter.js');
11
+ require('core-js/modules/esnext.async-iterator.for-each.js');
12
+ require('core-js/modules/esnext.iterator.for-each.js');
7
13
  var react = require('react');
8
- var reactDesc = require('react-desc');
9
- var propTypes = require('./prop-types.js');
14
+ var dsPropsHelpers = require('@elliemae/ds-props-helpers');
15
+ var reactDescPropTypes = require('./react-desc-prop-types.js');
10
16
  var style = require('./style.js');
17
+ var jsxRuntime = require('react/jsx-runtime');
11
18
 
12
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
20
 
21
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
14
22
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
15
23
 
16
- const NotificationBadge = _ref => {
17
- let {
24
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
+
26
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27
+
28
+ const NotificationBadge = props => {
29
+ const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props, reactDescPropTypes.defaultProps);
30
+ dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, reactDescPropTypes.NotificationBadgePropTypes);
31
+ const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
32
+ const {
18
33
  type,
34
+ color,
19
35
  value,
20
36
  size,
21
37
  disabled,
22
38
  position,
23
39
  Component
24
- } = _ref;
40
+ } = propsWithDefaults;
25
41
  const Badge = type === 'number' ? style.NumericBadge : style.DotBadge;
26
42
  const relatedComponentRef = react.useRef(null);
27
43
  const renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
@@ -29,34 +45,32 @@ const NotificationBadge = _ref => {
29
45
  const [relatedComponentWidth, setRelatedComponentWidth] = react.useState(0);
30
46
  react.useEffect(() => {
31
47
  const relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
32
- setRelatedComponentHeight(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight);
33
- setRelatedComponentWidth(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth);
48
+ setRelatedComponentHeight((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight) || 0);
49
+ setRelatedComponentWidth((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth) || 0);
34
50
  }, [relatedComponentRef]);
35
- let top;
36
- let right;
37
- let left;
38
-
39
- if (Component) {
40
- if (position === 'right') left = relatedComponentWidth / 2;
41
- if (position === 'left') right = relatedComponentWidth / 2;
42
- top = relatedComponentHeight / 2;
43
- }
44
-
45
- return /*#__PURE__*/_jsx__default["default"](style.Wrapper, {}, void 0, renderBadge && /*#__PURE__*/_jsx__default["default"](Badge, {
46
- size: size,
47
- value: value,
48
- disabled: disabled,
49
- top: top,
50
- left: left,
51
- right: right
52
- }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx__default["default"](Component, {
53
- innerRef: relatedComponentRef
51
+ let top = 0;
52
+ let right = 0;
53
+ let left = 0;
54
+ if (position === 'right') left = relatedComponentWidth / 2;
55
+ if (position === 'left') right = relatedComponentWidth / 2;
56
+ top = relatedComponentHeight / 2;
57
+ return /*#__PURE__*/jsxRuntime.jsxs(style.Wrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
58
+ children: [renderBadge && /*#__PURE__*/_jsx__default["default"](Badge, {
59
+ color: color,
60
+ size: size,
61
+ value: value,
62
+ disabled: disabled,
63
+ top: top,
64
+ left: left,
65
+ right: right
66
+ }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx__default["default"](Component, {
67
+ innerRef: relatedComponentRef
68
+ })]
54
69
  }));
55
70
  };
56
71
 
57
- NotificationBadge.defaultProps = propTypes.defaultProps;
58
- const NotificationBadgeWithSchema = reactDesc.describe(NotificationBadge);
59
- NotificationBadgeWithSchema.propTypes = propTypes.notificationBadgeProps;
72
+ const NotificationBadgeWithSchema = dsPropsHelpers.describe(NotificationBadge);
73
+ NotificationBadgeWithSchema.propTypes = reactDescPropTypes.NotificationBadgePropTypes;
60
74
 
61
75
  exports.NotificationBadge = NotificationBadge;
62
76
  exports.NotificationBadgeWithSchema = NotificationBadgeWithSchema;
package/cjs/react-desc-prop-types.js ADDED
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('core-js/modules/esnext.async-iterator.filter.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.filter.js');
8
+ require('core-js/modules/esnext.async-iterator.for-each.js');
9
+ require('core-js/modules/esnext.iterator.for-each.js');
10
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
+ var dsPropsHelpers = require('@elliemae/ds-props-helpers');
12
+
13
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+
15
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
+
17
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
18
+
19
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
20
+ const defaultProps = {
21
+ type: 'number',
22
+ size: 's',
23
+ disabled: false,
24
+ position: 'right',
25
+ color: undefined,
26
+ Component: undefined,
27
+ value: undefined
28
+ };
29
+ const NotificationBadgePropTypes = _objectSpread(_objectSpread({}, dsPropsHelpers.globalAttributesPropTypes), {}, {
30
+ type: dsPropsHelpers.PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
31
+ value: dsPropsHelpers.PropTypes.number.description('value of the numeric badge'),
32
+ size: dsPropsHelpers.PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
33
+ disabled: dsPropsHelpers.PropTypes.bool.description('whether the badge is disabled'),
34
+ position: dsPropsHelpers.PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
35
+ Component: dsPropsHelpers.PropTypes.func.description('Related component'),
36
+ color: dsPropsHelpers.PropTypes.string.description('Badge background color value')
37
+ });
38
+
39
+ exports.NotificationBadgePropTypes = NotificationBadgePropTypes;
40
+ exports.defaultProps = defaultProps;
package/cjs/style.js CHANGED
@@ -35,18 +35,19 @@ const NumericBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withC
35
35
  let {
36
36
  value
37
37
  } = _ref4;
38
- return value > 9 ? '0 5px' : '0';
38
+ return value && value > 9 ? '0 5px' : '0';
39
39
  }, _ref5 => {
40
40
  let {
41
41
  disabled,
42
+ color,
42
43
  theme
43
44
  } = _ref5;
44
- return disabled ? theme.colors.neutral[500] : theme.colors.danger[900];
45
+ return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
45
46
  }, _ref6 => {
46
47
  let {
47
48
  value
48
49
  } = _ref6;
49
- return value > 9 ? '10px' : '50%';
50
+ return value && value > 9 ? '10px' : '50%';
50
51
  }, _ref7 => {
51
52
  let {
52
53
  size
@@ -67,19 +68,20 @@ const NumericBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withC
67
68
  size,
68
69
  value
69
70
  } = _ref10;
70
- if (size === 'l' && value > 9) return '30px';
71
- if (size === 'l' && value <= 9) return '21px';
72
- if (size === 's' && value > 9) return '21px';
73
- if (size === 's' && value <= 9) return '15px';
71
+ if (size === 'l' && value && value > 9) return '30px';
72
+ if (size === 'l' && value && value <= 9) return '21px';
73
+ if (size === 's' && value && value > 9) return '21px';
74
+ return '15px';
74
75
  });
75
76
  const DotBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withConfig({
76
77
  componentId: "sc-lsxuo6-3"
77
78
  })(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
78
79
  let {
79
80
  disabled,
80
- theme
81
+ theme,
82
+ color
81
83
  } = _ref11;
82
- return disabled ? theme.colors.neutral[500] : theme.colors.brand[500];
84
+ return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
83
85
  }, _ref12 => {
84
86
  let {
85
87
  size
package/esm/NotificationBadge.js CHANGED
@@ -1,19 +1,34 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
1
7
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
8
  import 'core-js/modules/web.dom-collections.iterator.js';
3
9
  import { useRef, useState, useEffect } from 'react';
4
- import { describe } from 'react-desc';
5
- import { notificationBadgeProps, defaultProps } from './prop-types.js';
10
+ import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
11
+ import { NotificationBadgePropTypes, defaultProps } from './react-desc-prop-types.js';
6
12
  import { Wrapper, NumericBadge, DotBadge } from './style.js';
13
+ import { jsxs } from 'react/jsx-runtime';
7
14
 
8
- const NotificationBadge = _ref => {
9
- let {
15
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
+
17
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
18
+
19
+ const NotificationBadge = props => {
20
+ const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
21
+ useValidateTypescriptPropTypes(propsWithDefaults, NotificationBadgePropTypes);
22
+ const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
23
+ const {
10
24
  type,
25
+ color,
11
26
  value,
12
27
  size,
13
28
  disabled,
14
29
  position,
15
30
  Component
16
- } = _ref;
31
+ } = propsWithDefaults;
17
32
  const Badge = type === 'number' ? NumericBadge : DotBadge;
18
33
  const relatedComponentRef = useRef(null);
19
34
  const renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
@@ -21,33 +36,31 @@ const NotificationBadge = _ref => {
21
36
  const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);
22
37
  useEffect(() => {
23
38
  const relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
24
- setRelatedComponentHeight(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight);
25
- setRelatedComponentWidth(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth);
39
+ setRelatedComponentHeight((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight) || 0);
40
+ setRelatedComponentWidth((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth) || 0);
26
41
  }, [relatedComponentRef]);
27
- let top;
28
- let right;
29
- let left;
30
-
31
- if (Component) {
32
- if (position === 'right') left = relatedComponentWidth / 2;
33
- if (position === 'left') right = relatedComponentWidth / 2;
34
- top = relatedComponentHeight / 2;
35
- }
36
-
37
- return /*#__PURE__*/_jsx(Wrapper, {}, void 0, renderBadge && /*#__PURE__*/_jsx(Badge, {
38
- size: size,
39
- value: value,
40
- disabled: disabled,
41
- top: top,
42
- left: left,
43
- right: right
44
- }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx(Component, {
45
- innerRef: relatedComponentRef
42
+ let top = 0;
43
+ let right = 0;
44
+ let left = 0;
45
+ if (position === 'right') left = relatedComponentWidth / 2;
46
+ if (position === 'left') right = relatedComponentWidth / 2;
47
+ top = relatedComponentHeight / 2;
48
+ return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
49
+ children: [renderBadge && /*#__PURE__*/_jsx(Badge, {
50
+ color: color,
51
+ size: size,
52
+ value: value,
53
+ disabled: disabled,
54
+ top: top,
55
+ left: left,
56
+ right: right
57
+ }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx(Component, {
58
+ innerRef: relatedComponentRef
59
+ })]
46
60
  }));
47
61
  };
48
62
 
49
- NotificationBadge.defaultProps = defaultProps;
50
63
  const NotificationBadgeWithSchema = describe(NotificationBadge);
51
- NotificationBadgeWithSchema.propTypes = notificationBadgeProps;
64
+ NotificationBadgeWithSchema.propTypes = NotificationBadgePropTypes;
52
65
 
53
66
  export { NotificationBadge, NotificationBadgeWithSchema };
package/esm/react-desc-prop-types.js ADDED
@@ -0,0 +1,31 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
+ import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
8
+
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
+
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
+ const defaultProps = {
13
+ type: 'number',
14
+ size: 's',
15
+ disabled: false,
16
+ position: 'right',
17
+ color: undefined,
18
+ Component: undefined,
19
+ value: undefined
20
+ };
21
+ const NotificationBadgePropTypes = _objectSpread(_objectSpread({}, globalAttributesPropTypes), {}, {
22
+ type: PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
23
+ value: PropTypes.number.description('value of the numeric badge'),
24
+ size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
25
+ disabled: PropTypes.bool.description('whether the badge is disabled'),
26
+ position: PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
27
+ Component: PropTypes.func.description('Related component'),
28
+ color: PropTypes.string.description('Badge background color value')
29
+ });
30
+
31
+ export { NotificationBadgePropTypes, defaultProps };
package/esm/style.js CHANGED
@@ -27,18 +27,19 @@ const NumericBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
27
27
  let {
28
28
  value
29
29
  } = _ref4;
30
- return value > 9 ? '0 5px' : '0';
30
+ return value && value > 9 ? '0 5px' : '0';
31
31
  }, _ref5 => {
32
32
  let {
33
33
  disabled,
34
+ color,
34
35
  theme
35
36
  } = _ref5;
36
- return disabled ? theme.colors.neutral[500] : theme.colors.danger[900];
37
+ return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
37
38
  }, _ref6 => {
38
39
  let {
39
40
  value
40
41
  } = _ref6;
41
- return value > 9 ? '10px' : '50%';
42
+ return value && value > 9 ? '10px' : '50%';
42
43
  }, _ref7 => {
43
44
  let {
44
45
  size
@@ -59,19 +60,20 @@ const NumericBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
59
60
  size,
60
61
  value
61
62
  } = _ref10;
62
- if (size === 'l' && value > 9) return '30px';
63
- if (size === 'l' && value <= 9) return '21px';
64
- if (size === 's' && value > 9) return '21px';
65
- if (size === 's' && value <= 9) return '15px';
63
+ if (size === 'l' && value && value > 9) return '30px';
64
+ if (size === 'l' && value && value <= 9) return '21px';
65
+ if (size === 's' && value && value > 9) return '21px';
66
+ return '15px';
66
67
  });
67
68
  const DotBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
68
69
  componentId: "sc-lsxuo6-3"
69
70
  })(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
70
71
  let {
71
72
  disabled,
72
- theme
73
+ theme,
74
+ color
73
75
  } = _ref11;
74
- return disabled ? theme.colors.neutral[500] : theme.colors.brand[500];
76
+ return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
75
77
  }, _ref12 => {
76
78
  let {
77
79
  size
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-notification-badge",
3
- "version": "2.3.0-next.0",
3
+ "version": "2.3.0-next.13",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Notification Badge",
6
6
  "module": "./esm/index.js",
@@ -15,9 +15,9 @@
15
15
  "import": "./esm/style.js",
16
16
  "require": "./cjs/style.js"
17
17
  },
18
- "./prop-types": {
19
- "import": "./esm/prop-types.js",
20
- "require": "./cjs/prop-types.js"
18
+ "./react-desc-prop-types": {
19
+ "import": "./esm/react-desc-prop-types.js",
20
+ "require": "./cjs/react-desc-prop-types.js"
21
21
  },
22
22
  "./NotificationBadge": {
23
23
  "import": "./esm/NotificationBadge.js",
package/types/NotificationBadge.d.ts CHANGED
@@ -1,56 +1,5 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- import { NotificactionBadge as props } from './index.d';
4
- declare const NotificationBadge: {
5
- ({ type, value, size, disabled, position, Component, }: props): JSX.Element;
6
- defaultProps: {
7
- type: string;
8
- size: string;
9
- disabled: boolean;
10
- position: string;
11
- };
12
- propTypes: {
13
- type: {
14
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
15
- deprecated: import("react-desc").PropTypesDescValidator;
16
- };
17
- isRequired: import("react-desc").PropTypesDescValue;
18
- };
19
- value: {
20
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
21
- deprecated: import("react-desc").PropTypesDescValidator;
22
- };
23
- isRequired: import("react-desc").PropTypesDescValue;
24
- };
25
- size: {
26
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
27
- deprecated: import("react-desc").PropTypesDescValidator;
28
- };
29
- isRequired: import("react-desc").PropTypesDescValue;
30
- };
31
- disabled: {
32
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
33
- deprecated: import("react-desc").PropTypesDescValidator;
34
- };
35
- isRequired: import("react-desc").PropTypesDescValue;
36
- };
37
- position: {
38
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
39
- deprecated: import("react-desc").PropTypesDescValidator;
40
- };
41
- isRequired: import("react-desc").PropTypesDescValue;
42
- };
43
- Component: {
44
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
45
- deprecated: import("react-desc").PropTypesDescValidator;
46
- };
47
- isRequired: import("react-desc").PropTypesDescValue;
48
- };
49
- };
50
- };
51
- declare const NotificationBadgeWithSchema: {
52
- (props?: unknown): JSX.Element;
53
- propTypes: unknown;
54
- toTypescript: () => import("react-desc").TypescriptSchema;
55
- };
1
+ import React from 'react';
2
+ import { DSNotificationBadgeT } from './react-desc-prop-types';
3
+ declare const NotificationBadge: React.ComponentType<DSNotificationBadgeT.Props>;
4
+ declare const NotificationBadgeWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSNotificationBadgeT.Props>;
56
5
  export { NotificationBadge, NotificationBadgeWithSchema };
package/types/react-desc-prop-types.d.ts ADDED
@@ -0,0 +1,382 @@
1
+ /// <reference types="react" />
2
+ export declare namespace DSNotificationBadgeT {
3
+ interface ComponentT {
4
+ innerRef: React.RefObject<HTMLSpanElement>;
5
+ }
6
+ interface Props {
7
+ [property: string]: unknown;
8
+ type?: string;
9
+ value?: number;
10
+ size?: string;
11
+ disabled?: boolean;
12
+ position?: string;
13
+ Component?: (propsT: ComponentT) => JSX.Element;
14
+ color?: string;
15
+ }
16
+ }
17
+ export declare const defaultProps: DSNotificationBadgeT.Props;
18
+ export declare const NotificationBadgePropTypes: {
19
+ type: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
20
+ value: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
21
+ size: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
22
+ disabled: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
23
+ position: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
24
+ Component: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
25
+ color: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
26
+ 'aria-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
27
+ 'on-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
28
+ 'data-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
29
+ 'all HTML attributes': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
30
+ about: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
31
+ accept: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
32
+ acceptCharset: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
33
+ accessKey: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
34
+ action: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
35
+ allowFullScreen: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
36
+ allowTransparency: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
37
+ alt: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
38
+ 'aria-activedescendant': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
39
+ 'aria-atomic': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
40
+ 'aria-autocomplete': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
41
+ 'aria-busy': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
42
+ 'aria-checked': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
43
+ 'aria-colcount': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
44
+ 'aria-colindex': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
45
+ 'aria-colspan': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
46
+ 'aria-controls': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
47
+ 'aria-current': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
48
+ 'aria-describedby': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
49
+ 'aria-details': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
50
+ 'aria-disabled': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
51
+ 'aria-dropeffect': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
52
+ 'aria-errormessage': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
53
+ 'aria-expanded': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
54
+ 'aria-flowto': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
55
+ 'aria-grabbed': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
56
+ 'aria-haspopup': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
57
+ 'aria-hidden': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
58
+ 'aria-invalid': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
59
+ 'aria-keyshortcuts': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
60
+ 'aria-label': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
61
+ 'aria-labelledby': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
62
+ 'aria-level': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
63
+ 'aria-live': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
64
+ 'aria-modal': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
65
+ 'aria-multiline': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
66
+ 'aria-multiselectable': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
67
+ 'aria-orientation': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
68
+ 'aria-owns': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
69
+ 'aria-placeholder': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
70
+ 'aria-posinset': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
71
+ 'aria-pressed': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
72
+ 'aria-readonly': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
73
+ 'aria-relevant': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
74
+ 'aria-required': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
75
+ 'aria-roledescription': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
76
+ 'aria-rowcount': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
77
+ 'aria-rowindex': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
78
+ 'aria-rowspan': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
79
+ 'aria-selected': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
80
+ 'aria-setsize': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
81
+ 'aria-sort': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
82
+ 'aria-valuemax': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
83
+ 'aria-valuemin': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
84
+ 'aria-valuenow': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
85
+ 'aria-valuetext': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
86
+ as: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
87
+ async: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
88
+ autoCapitalize: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
89
+ autoComplete: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
90
+ autoCorrect: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
91
+ autoFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
92
+ autoPlay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
93
+ autoSave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
94
+ capture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
95
+ cellPadding: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
96
+ cellSpacing: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
97
+ challenge: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
98
+ charSet: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
99
+ checked: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
100
+ cite: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
101
+ classID: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
102
+ className: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
103
+ cols: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
104
+ colSpan: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
105
+ content: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
106
+ contentEditable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
107
+ contextMenu: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
108
+ controls: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
109
+ coords: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
110
+ crossOrigin: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
111
+ data: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
112
+ datatype: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
113
+ dateTime: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
114
+ default: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
115
+ defaultChecked: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
116
+ defaultValue: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
117
+ defer: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
118
+ dir: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
119
+ download: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
120
+ draggable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
121
+ encType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
122
+ form: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
123
+ formAction: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
124
+ formEncType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
125
+ formMethod: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
126
+ formNoValidate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
127
+ formTarget: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
128
+ frameBorder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
129
+ headers: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
130
+ height: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
131
+ hidden: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
132
+ high: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
133
+ href: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
134
+ hrefLang: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
135
+ htmlFor: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
136
+ httpEquiv: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
137
+ id: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
138
+ inlist: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
139
+ inputMode: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
140
+ integrity: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
141
+ is: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
142
+ itemID: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
143
+ itemProp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
144
+ itemRef: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
145
+ itemScope: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
146
+ itemType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
147
+ keyParams: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
148
+ keyType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
149
+ kind: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
150
+ label: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
151
+ lang: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
152
+ list: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
153
+ loop: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
154
+ low: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
155
+ manifest: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
156
+ marginHeight: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
157
+ marginWidth: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
158
+ max: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
159
+ maxLength: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
160
+ media: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
161
+ mediaGroup: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
162
+ method: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
163
+ min: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
164
+ minLength: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
165
+ multiple: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
166
+ muted: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
167
+ name: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
168
+ nonce: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
169
+ noValidate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
170
+ onAbort: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
171
+ onAbortCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
172
+ onAnimationEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
173
+ onAnimationEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
174
+ onAnimationIteration: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
175
+ onAnimationIterationCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
176
+ onAnimationStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
177
+ onAnimationStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
178
+ onAuxClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
179
+ onAuxClickCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
180
+ onBeforeInput: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
181
+ onBeforeInputCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
182
+ onBlur: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
183
+ onBlurCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
184
+ onCanPlay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
185
+ onCanPlayCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
186
+ onCanPlayThrough: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
187
+ onCanPlayThroughCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
188
+ onChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
189
+ onChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
190
+ onClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
191
+ onClickCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
192
+ onCompositionEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
193
+ onCompositionEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
194
+ onCompositionStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
195
+ onCompositionStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
196
+ onCompositionUpdate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
197
+ onCompositionUpdateCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
198
+ onContextMenu: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
199
+ onContextMenuCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
200
+ onCopy: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
201
+ onCopyCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
202
+ onCut: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
203
+ onCutCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
204
+ onDoubleClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
205
+ onDoubleClickCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
206
+ onDrag: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
207
+ onDragCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
208
+ onDragEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
209
+ onDragEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
210
+ onDragEnter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
211
+ onDragEnterCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
212
+ onDragExit: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
213
+ onDragExitCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
214
+ onDragLeave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
215
+ onDragLeaveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
216
+ onDragOver: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
217
+ onDragOverCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
218
+ onDragStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
219
+ onDragStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
220
+ onDrop: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
221
+ onDropCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
222
+ onDurationChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
223
+ onDurationChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
224
+ onEmptied: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
225
+ onEmptiedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
226
+ onEncrypted: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
227
+ onEncryptedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
228
+ onEnded: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
229
+ onEndedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
230
+ onError: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
231
+ onErrorCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
232
+ onFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
233
+ onFocusCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
234
+ onGotPointerCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
235
+ onGotPointerCaptureCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
236
+ onInput: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
237
+ onInputCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
238
+ onInvalid: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
239
+ onInvalidCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
240
+ onKeyDown: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
241
+ onKeyDownCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
242
+ onKeyPress: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
243
+ onKeyPressCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
244
+ onKeyUp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
245
+ onKeyUpCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
246
+ onLoad: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
247
+ onLoadCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
248
+ onLoadedData: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
249
+ onLoadedDataCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
250
+ onLoadedMetadata: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
251
+ onLoadedMetadataCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
252
+ onLoadStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
253
+ onLoadStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
254
+ onLostPointerCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
255
+ onLostPointerCaptureCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
256
+ onMouseDown: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
257
+ onMouseDownCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
258
+ onMouseEnter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
259
+ onMouseLeave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
260
+ onMouseMove: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
261
+ onMouseMoveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
262
+ onMouseOut: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
263
+ onMouseOutCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
264
+ onMouseOver: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
265
+ onMouseOverCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
266
+ onMouseUp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
267
+ onMouseUpCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
268
+ onPaste: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
269
+ onPasteCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
270
+ onPause: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
271
+ onPauseCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
272
+ onPlay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
273
+ onPlayCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
274
+ onPlaying: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
275
+ onPlayingCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
276
+ onPointerCancel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
277
+ onPointerCancelCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
278
+ onPointerDown: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
279
+ onPointerDownCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
280
+ onPointerEnter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
281
+ onPointerEnterCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
282
+ onPointerLeave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
283
+ onPointerLeaveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
284
+ onPointerMove: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
285
+ onPointerMoveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
286
+ onPointerOut: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
287
+ onPointerOutCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
288
+ onPointerOver: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
289
+ onPointerOverCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
290
+ onPointerUp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
291
+ onPointerUpCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
292
+ onProgress: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
293
+ onProgressCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
294
+ onRateChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
295
+ onRateChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
296
+ onReset: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
297
+ onResetCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
298
+ onScroll: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
299
+ onScrollCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
300
+ onSeeked: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
301
+ onSeekedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
302
+ onSeeking: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
303
+ onSeekingCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
304
+ onSelect: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
305
+ onSelectCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
306
+ onStalled: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
307
+ onStalledCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
308
+ onSubmit: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
309
+ onSubmitCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
310
+ onSuspend: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
311
+ onSuspendCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
312
+ onTimeUpdate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
313
+ onTimeUpdateCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
314
+ onTouchCancel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
315
+ onTouchCancelCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
316
+ onTouchEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
317
+ onTouchEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
318
+ onTouchMove: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
319
+ onTouchMoveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
320
+ onTouchStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
321
+ onTouchStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
322
+ onTransitionEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
323
+ onTransitionEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
324
+ onVolumeChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
325
+ onVolumeChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
326
+ onWaiting: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
327
+ onWaitingCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
328
+ onWheel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
329
+ onWheelCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
330
+ open: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
331
+ optimum: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
332
+ pattern: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
333
+ placeholder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
334
+ playsInline: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
335
+ poster: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
336
+ prefix: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
337
+ preload: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
338
+ property: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
339
+ radioGroup: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
340
+ readOnly: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
341
+ rel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
342
+ required: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
343
+ resource: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
344
+ results: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
345
+ reversed: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
346
+ role: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
347
+ rows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
348
+ rowSpan: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
349
+ sandbox: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
350
+ scope: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
351
+ scoped: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
352
+ scrolling: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
353
+ seamless: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
354
+ security: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
355
+ selected: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
356
+ shape: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
357
+ sizes: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
358
+ slot: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
359
+ span: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
360
+ spellCheck: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
361
+ src: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
362
+ srcDoc: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
363
+ srcLang: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
364
+ srcSet: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
365
+ start: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
366
+ step: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
367
+ style: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
368
+ summary: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
369
+ suppressContentEditableWarning: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
370
+ suppressHydrationWarning: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
371
+ tabIndex: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
372
+ target: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
373
+ title: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
374
+ translate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
375
+ typeof: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
376
+ unselectable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
377
+ useMap: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
378
+ vocab: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
379
+ width: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
380
+ wmode: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
381
+ wrap: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
382
+ };
package/types/style.d.ts CHANGED
@@ -1,4 +1,19 @@
1
+ import { DSNotificationBadgeT } from './react-desc-prop-types';
2
+ interface StyledGenericBadgeT {
3
+ top: number;
4
+ left: number;
5
+ right: number;
6
+ }
1
7
  export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const GenericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const NumericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const DotBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
8
+ export declare const GenericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSNotificationBadgeT.Props & StyledGenericBadgeT, never>;
9
+ export declare const NumericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSNotificationBadgeT.Props & StyledGenericBadgeT & {
10
+ top: number;
11
+ left: number;
12
+ right: number;
13
+ size?: string | undefined;
14
+ disabled?: boolean | undefined;
15
+ value?: number | undefined;
16
+ color?: string | undefined;
17
+ }, never>;
18
+ export declare const DotBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSNotificationBadgeT.Props & StyledGenericBadgeT, never>;
19
+ export {};
package/cjs/index.d.js DELETED
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
package/cjs/prop-types.js DELETED
@@ -1,23 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var reactDesc = require('react-desc');
6
-
7
- const notificationBadgeProps = {
8
- type: reactDesc.PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
9
- value: reactDesc.PropTypes.number.description('value of the numeric badge'),
10
- size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
11
- disabled: reactDesc.PropTypes.bool.description('whether the badge is disabled'),
12
- position: reactDesc.PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
13
- Component: reactDesc.PropTypes.func.description('Related component')
14
- };
15
- const defaultProps = {
16
- type: 'number',
17
- size: 's',
18
- disabled: false,
19
- position: 'right'
20
- };
21
-
22
- exports.defaultProps = defaultProps;
23
- exports.notificationBadgeProps = notificationBadgeProps;
package/esm/index.d.js DELETED
@@ -1 +0,0 @@
1
-
package/esm/prop-types.js DELETED
@@ -1,18 +0,0 @@
1
- import { PropTypes } from 'react-desc';
2
-
3
- const notificationBadgeProps = {
4
- type: PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
5
- value: PropTypes.number.description('value of the numeric badge'),
6
- size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
7
- disabled: PropTypes.bool.description('whether the badge is disabled'),
8
- position: PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
9
- Component: PropTypes.func.description('Related component')
10
- };
11
- const defaultProps = {
12
- type: 'number',
13
- size: 's',
14
- disabled: false,
15
- position: 'right'
16
- };
17
-
18
- export { defaultProps, notificationBadgeProps };
package/types/index.d.d.ts DELETED
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export interface NotificactionBadge {
3
- type?: string;
4
- value?: number;
5
- size?: string;
6
- disabled?: boolean;
7
- position?: string;
8
- Component?: () => JSX.Element;
9
- }
package/types/prop-types.d.ts DELETED
@@ -1,45 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- export declare const notificationBadgeProps: {
3
- type: {
4
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
5
- deprecated: import("react-desc").PropTypesDescValidator;
6
- };
7
- isRequired: import("react-desc").PropTypesDescValue;
8
- };
9
- value: {
10
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
11
- deprecated: import("react-desc").PropTypesDescValidator;
12
- };
13
- isRequired: import("react-desc").PropTypesDescValue;
14
- };
15
- size: {
16
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
17
- deprecated: import("react-desc").PropTypesDescValidator;
18
- };
19
- isRequired: import("react-desc").PropTypesDescValue;
20
- };
21
- disabled: {
22
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
- deprecated: import("react-desc").PropTypesDescValidator;
24
- };
25
- isRequired: import("react-desc").PropTypesDescValue;
26
- };
27
- position: {
28
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
29
- deprecated: import("react-desc").PropTypesDescValidator;
30
- };
31
- isRequired: import("react-desc").PropTypesDescValue;
32
- };
33
- Component: {
34
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
35
- deprecated: import("react-desc").PropTypesDescValidator;
36
- };
37
- isRequired: import("react-desc").PropTypesDescValue;
38
- };
39
- };
40
- export declare const defaultProps: {
41
- type: string;
42
- size: string;
43
- disabled: boolean;
44
- position: string;
45
- };