@elliemae/ds-icons 2.2.1 → 2.2.2-rc.0

package/cjs/utils/SvgIcon.js

@@ -13,7 +13,7 @@ require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
-var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var dsClassnames = require('@elliemae/ds-classnames');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -33,7 +33,7 @@ const renderPaths = paths => paths.map((p, i) => /*#__PURE__*/_jsx__default["def
   d: p
 }, i));
 
-function SvgIcon(_ref) {
+const SvgIcon = _ref => {
   let {
     containerProps = {},
     size,
@@ -62,21 +62,21 @@ function SvgIcon(_ref) {
       viewBox: viewBox
     }, void 0, renderPaths(paths))
   }));
-}
+};
 
 const iconProps = {
-  containerProps: reactDesc.PropTypes.object.description('set of properties attached to the main container'),
-  size: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the icon'),
-  color: reactDesc.PropTypes.oneOf([['neutral', '900'], ['neutral', '500'], ['neutral', '0'], ['danger', '900'], ['warning', '600'], ['warning', '900'], ['success', '900'], ['brand-primary', '600']]).description('icon color'),
-  className: reactDesc.PropTypes.string.description('html class attribute'),
-  component: reactDesc.PropTypes.oneOf([reactDesc.PropTypes.string, reactDesc.PropTypes.node]).description('containers element'),
-  viewBox: reactDesc.PropTypes.string.description('view box'),
-  paths: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string)]).description(''),
-  fill: reactDesc.PropTypes.string.description('fill attribute'),
-  innerRef: reactDesc.PropTypes.object.description('inner ref'),
-  title: reactDesc.PropTypes.object.description('Adds a title html element to the svg.')
+  containerProps: dsPropsHelpers.PropTypes.object.description('set of properties attached to the main container'),
+  size: dsPropsHelpers.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the icon'),
+  color: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['neutral']), dsPropsHelpers.PropTypes.oneOf(['900'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['neutral']), dsPropsHelpers.PropTypes.oneOf(['500'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['neutral']), dsPropsHelpers.PropTypes.oneOf(['0'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['danger']), dsPropsHelpers.PropTypes.oneOf(['900'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['warning']), dsPropsHelpers.PropTypes.oneOf(['600'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['warning']), dsPropsHelpers.PropTypes.oneOf(['900'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['success']), dsPropsHelpers.PropTypes.oneOf(['900'])]), dsPropsHelpers.PropTypes.tuple([dsPropsHelpers.PropTypes.oneOf(['brand-primary']), dsPropsHelpers.PropTypes.oneOf(['600'])])]).description('icon color'),
+  className: dsPropsHelpers.PropTypes.string.description('html class attribute'),
+  component: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.node]).description('containers element'),
+  viewBox: dsPropsHelpers.PropTypes.string.description('view box'),
+  paths: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.string)]).description(''),
+  fill: dsPropsHelpers.PropTypes.string.description('fill attribute'),
+  innerRef: dsPropsHelpers.PropTypes.object.description('inner ref'),
+  title: dsPropsHelpers.PropTypes.object.description('Adds a title html element to the svg.')
 };
-const IconWithSchema = reactDesc.describe(SvgIcon);
+const IconWithSchema = dsPropsHelpers.describe(SvgIcon);
 IconWithSchema.propTypes = iconProps;
 
 exports.IconWithSchema = IconWithSchema;

package/esm/utils/SvgIcon.js

@@ -9,7 +9,7 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import 'react';
-import { PropTypes, describe } from 'react-desc';
+import { PropTypes, describe } from '@elliemae/ds-props-helpers';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { jsx } from 'react/jsx-runtime';
 
@@ -23,7 +23,7 @@ const renderPaths = paths => paths.map((p, i) => /*#__PURE__*/_jsx("path", {
   d: p
 }, i));
 
-function SvgIcon(_ref) {
+const SvgIcon = _ref => {
   let {
     containerProps = {},
     size,
@@ -52,14 +52,14 @@ function SvgIcon(_ref) {
       viewBox: viewBox
     }, void 0, renderPaths(paths))
   }));
-}
+};
 
 const iconProps = {
   containerProps: PropTypes.object.description('set of properties attached to the main container'),
   size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the icon'),
-  color: PropTypes.oneOf([['neutral', '900'], ['neutral', '500'], ['neutral', '0'], ['danger', '900'], ['warning', '600'], ['warning', '900'], ['success', '900'], ['brand-primary', '600']]).description('icon color'),
+  color: PropTypes.oneOfType([PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['900'])]), PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['500'])]), PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['0'])]), PropTypes.tuple([PropTypes.oneOf(['danger']), PropTypes.oneOf(['900'])]), PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['600'])]), PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['900'])]), PropTypes.tuple([PropTypes.oneOf(['success']), PropTypes.oneOf(['900'])]), PropTypes.tuple([PropTypes.oneOf(['brand-primary']), PropTypes.oneOf(['600'])])]).description('icon color'),
   className: PropTypes.string.description('html class attribute'),
-  component: PropTypes.oneOf([PropTypes.string, PropTypes.node]).description('containers element'),
+  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description('containers element'),
   viewBox: PropTypes.string.description('view box'),
   paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(''),
   fill: PropTypes.string.description('fill attribute'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-icons",
-  "version": "2.2.1",
+  "version": "2.2.2-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Icons",
   "module": "./esm/index.js",
@@ -1569,7 +1569,7 @@
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.2.1",
+    "@elliemae/ds-classnames": "2.2.2-rc.0",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {

package/types/utils/SvgIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 export declare type SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 export declare type SvgIconColorType = ['neutral', '900'] | ['neutral', '500'] | ['neutral', '0'] | ['danger', '900'] | ['warning', '600'] | ['success', '900'] | ['brand-primary', '600'];
@@ -14,75 +13,7 @@ export interface SvgIconPropType {
     innerRef: any;
 }
 export declare type SvgIconType = React.ComponentType<SvgIconPropType>;
-declare function SvgIcon({ containerProps, size, color, className, component: Component, viewBox, paths, fill, innerRef, ...rest }: SvgIconPropType): JSX.Element;
-declare namespace SvgIcon {
-    var propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        size: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        color: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        className: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        component: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        viewBox: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        paths: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        fill: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        innerRef: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        title: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-}
-declare const IconWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
+declare const SvgIcon: React.ComponentType<SvgIconPropType>;
+declare const IconWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<SvgIconPropType>;
 export { IconWithSchema };
 export default SvgIcon;