@justfixnyc/component-library 0.34.0 → 0.36.0

package/dist/typings/{buttons → Components/Button}/Button.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import './styles.scss';
+import { IconNames } from '../Icon/Icon';
 export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     labelText: string;
-    labelIcon?: React.ElementType;
+    labelIcon?: IconNames;
     variant?: 'primary' | 'secondary' | 'tertiary';
     size?: 'small' | 'large';
     loading?: boolean;

package/dist/typings/Components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './styles.scss';
+export interface DropdownProps {
+    onChange?: () => void;
+    className?: string;
+    options: {
+        value: string;
+        label: string;
+        isDisabled?: boolean;
+    }[];
+    labelText: string;
+    helperText?: string;
+    invalidText?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+}
+export declare const Dropdown: React.FC<DropdownProps>;

package/dist/typings/Components/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+export type IconNames = 'arrowLeft' | 'arrowRight' | 'squareArrowUpRight' | 'check' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circlePlus' | 'facebook' | 'twitter' | 'envelope' | 'bars' | 'spinner' | 'user' | 'globe' | 'download' | 'xmark';
+export interface IconProps extends Omit<FontAwesomeIconProps, 'icon'> {
+    className?: string;
+    icon?: IconNames;
+}
+export declare const Icon: React.FC<IconProps>;

package/dist/typings/index.d.ts

@@ -1,5 +1,10 @@
 import './styles/global.scss';
-export * from './buttons/Button';
-export * from './alerts/Alert';
-export * from './link/Link';
-export * from './icons/Icons';
+export * from './Components/Alert/Alert';
+export * from './Components/Button/Button';
+export * from './Components/Checkbox/Checkbox';
+export * from './Components/Dropdown/Dropdown';
+export * from './Components/FormGroup/FormGroup';
+export * from './Components/Icon/Icon';
+export * from './Components/Link/Link';
+export * from './Components/RadioButton/RadioButton';
+export * from './Components/TextInput/TextInput';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.34.0",
+  "version": "0.36.0",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [
@@ -29,9 +29,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.12.5",
-    "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/react-fontawesome": "^0.2.0"
+    "@fortawesome/fontawesome-svg-core": "6.5.1",
+    "@fortawesome/free-brands-svg-icons": "6.5.1",
+    "@fortawesome/free-solid-svg-icons": "6.5.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "react-select": "^5.7.2"
   },
   "peerDependencies": {
     "@lingui/cli": ">=2.9.1",

package/dist/typings/icons/Check.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconCheck: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconCheck;

package/dist/typings/icons/Check2.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconCheck2: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconCheck2;

package/dist/typings/icons/Chevron.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconChevron: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconChevron;

package/dist/typings/icons/Close.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconClose: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconClose;

package/dist/typings/icons/Error.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconError: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconError;

package/dist/typings/icons/Facebook.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconFacebook: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconFacebook;

package/dist/typings/icons/Globe.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconGlobe: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconGlobe;

package/dist/typings/icons/Hamburger.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconHamburger: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconHamburger;

package/dist/typings/icons/Icons.d.ts

@@ -1,16 +0,0 @@
-import IconLoading from './Loading';
-import IconLinkExternal from './LinkExternal';
-import IconLinkInternal from './LinkInternal';
-import IconCheck from './Check';
-import IconCheck2 from './Check2';
-import IconError from './Error';
-import IconChevron from './Chevron';
-import IconClose from './Close';
-import IconGlobe from './Globe';
-import IconHamburger from './Hamburger';
-import IconInternet from './Internet';
-import IconPerson from './Person';
-import IconTwitter from './Twitter';
-import IconMail from './Mail';
-import IconFacebook from './Facebook';
-export { IconLoading, IconLinkExternal, IconLinkInternal, IconCheck, IconCheck2, IconError, IconTwitter, IconChevron, IconClose, IconGlobe, IconHamburger, IconInternet, IconPerson, IconMail, IconFacebook, };

package/dist/typings/icons/Internet.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconInternet: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconInternet;

package/dist/typings/icons/LinkExternal.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconHamburger: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconHamburger;

package/dist/typings/icons/LinkInternal.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconLinkInternal: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconLinkInternal;

package/dist/typings/icons/Loading.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconLoading: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconLoading;

package/dist/typings/icons/Mail.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconMail: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconMail;

package/dist/typings/icons/Person.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconPerson: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconPerson;

package/dist/typings/icons/Twitter.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const IconTwitter: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
-export default IconTwitter;