groundfloor-react-ui 1.2.2 → 1.2.4

package/components/Inputs/ColorInput.js

@@ -15,8 +15,8 @@ background-color: ${({ theme }) => theme.bgColor};
 }
 
 ${({ inBuiltCss, defaultColorWrapperStyle }) => {
-  return getDefaultStyles(inBuiltCss, defaultColorWrapperStyle);
-}}
+    return getDefaultStyles(inBuiltCss, defaultColorWrapperStyle);
+  }}
 // custom styles
 ${({ customColorWrapperStyle }) => customColorWrapperStyle}
 
@@ -41,8 +41,8 @@ padding: 0;
 }
 
 ${({ inBuiltCss, defaultInputColorStyle }) => {
-  return getDefaultStyles(inBuiltCss, defaultInputColorStyle);
-}}
+    return getDefaultStyles(inBuiltCss, defaultInputColorStyle);
+  }}
 // custom styles
 ${({ customInputColorStyle }) => customInputColorStyle}
 `;
@@ -57,45 +57,46 @@ export const ColorInput = ({
   customColorWrapperStyle,
   id,
   ...props
-  }) => {
-    const activeTheme = useTheme() || defaultThemeColor;
+}) => {
+  const activeTheme = useTheme() || defaultThemeColor;
   return (
-    
+
     <ColorWrapper customColorWrapperStyle={customColorWrapperStyle}
-    defaultColorWrapperStyle={'ColorWrapper'} 
-    theme={activeTheme}
-    inBuiltCss={defaultStyles}
-    {...props}>
-        
-        <InputColor 
+      defaultColorWrapperStyle={'ColorWrapper'}
+      theme={activeTheme}
+      inBuiltCss={defaultStyles}
+      {...props}>
+
+      <InputColor
         id={id}
         customInputColorStyle={customInputColorStyle}
-        defaultInputColorStyle={'input-color'} 
+        defaultInputColorStyle={'input-color'}
         inBuiltCss={defaultStyles}
         theme={activeTheme}
         {...props}
         type="color"
         value={value}
-        
+
         onChange={
-          (e)=>{
-            setValue(e.target.value)}}
-        />
-        <Label
-          themeColor={defaultThemeColor}
-          customStyles={labelStyle}
-          type={'label-text'}
-          text={label}
-          style={{
-            display: 'flex',
-            paddingBottom: '0px',
-            paddingLeft: '10px'
+          (e) => {
+            setValue(e.target.value)
           }}
-          {...props}
-        />
-      
+      />
+      <Label
+        themeColor={defaultThemeColor}
+        customStyles={labelStyle}
+        type={'label-text'}
+        text={label}
+        style={{
+          display: 'flex',
+          paddingBottom: '0px',
+          paddingLeft: '10px'
+        }}
+        {...props}
+      />
+
     </ColorWrapper>
-    
+
   );
 };
 
@@ -107,8 +108,8 @@ ColorInput.propTypes = {
   /**
    *	Label style of ColorInput
    */
-   labelStyle: PropTypes.object,
-  
+  labelStyle: PropTypes.object,
+
   /**
    *	color value of input
    */
@@ -124,21 +125,21 @@ ColorInput.propTypes = {
   /**
    *	custom style of the wrapper around the color-input
    */
-   customColorWrapperStyle: PropTypes.object,
-   /**
-   *	id of the colorInput
-   */
-   id: PropTypes.string
+  customColorWrapperStyle: PropTypes.object,
+  /**
+  *	id of the colorInput
+  */
+  id: PropTypes.string
 
 }
 
-ColorInput.defaultProps ={
-label: '',
-labelStyle: {},
-customInputColorStyle: {},
-customColorWrapperStyle: {},
-value: '#FFFFFF',
-setValue: ()=>{ },
-id: ''
+ColorInput.defaultProps = {
+  label: '',
+  labelStyle: {},
+  customInputColorStyle: {},
+  customColorWrapperStyle: {},
+  value: '#FFFFFF',
+  setValue: () => { },
+  id: ''
 };
 

package/components/Inputs/DropzoneInput.js

@@ -431,7 +431,7 @@ DropzoneInput.propTypes = {
     /**
      * id of the file input 
      */
-     id: PropTypes.string
+    id: PropTypes.string
 };
 
 DropzoneInput.defaultProps = {

package/components/Inputs/NumericInput.js

@@ -149,10 +149,10 @@ NumericInput.propTypes = {
    * custom style of input element
    */
   inputStyle: PropTypes.object,
-   /**
-   * id of the number input
-   */
-    id: PropTypes.string,
+  /**
+  * id of the number input
+  */
+  id: PropTypes.string,
 };
 
 NumericInput.defaultProps = {
@@ -161,5 +161,5 @@ NumericInput.defaultProps = {
   labelInline: false,
   inputStyle: {},
   inputValue: null,
-  id:''
+  id: ''
 };

package/components/Inputs/PasswordInput.js

@@ -154,10 +154,10 @@ export const PasswordInput = ({
             inBuiltCss={defaultStyles}
             {...props}
           />
-          {showHideIcon === true ? 
-          <div className='input-icon' onClick={() => setShowEye(!showEye)}>
-          {showEye ? <Icon icon='eye-show' /> : <Icon icon='eye-hide' />}
-        </div>: ''
+          {showHideIcon === true ?
+            <div className='input-icon' onClick={() => setShowEye(!showEye)}>
+              {showEye ? <Icon icon='eye-show' /> : <Icon icon='eye-hide' />}
+            </div> : ''
           }
         </TextWrapper>
         {passwordRules ? <div style={{ ...rulesStyle, marginLeft: '5px' }}>{passwordRules}</div> : ''}
@@ -220,7 +220,7 @@ PasswordInput.propTypes = {
   /**
    *	hide icon shows or not
    */
-   showHideIcon: PropTypes.bool,
+  showHideIcon: PropTypes.bool,
 };
 
 PasswordInput.defaultProps = {

package/components/Inputs/RadioInput.js

@@ -1,4 +1,5 @@
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultStyles from '../constants/defaultStyle';
 import defaultThemeColor from '../constants/defaultThemeColor';
@@ -132,7 +133,7 @@ export const RadioInput = ({
                 {options.map((item, i) => {
                     return (
                         <WrapperDiv
-                        WrapperDivStyle={WrapperDivStyle}
+                            WrapperDivStyle={WrapperDivStyle}
                             key={i + Math.random() * 101}
                             id={item.id}
                             inline={inline}
@@ -213,16 +214,16 @@ RadioInput.propTypes = {
     /**
        *	RadioButton Contents i.e:- 
          [
-    {
-      label: 'First Radio Button',
-      value: 'first',
-      disabled: true,
-      disabledColor: '#ae3232',
-      id: '1'
-    },
-    { label: 'Second Radio Button', value: 'second', id: '2' },
-    { label: 'Third Radio Button', value: 'third', id: '3' },
-  ]
+      {
+        label: 'First Radio Button',
+        value: 'first',
+        disabled: true,
+        disabledColor: '#ae3232',
+        id: '1'
+      },
+      { label: 'Second Radio Button', value: 'second', id: '2' },
+      { label: 'Third Radio Button', value: 'third', id: '3' },
+    ]
        */
     options: PropTypes.array,
     /**
@@ -230,9 +231,9 @@ RadioInput.propTypes = {
      */
     optionStyle: PropTypes.object,
     /**
-   *	RadioButton wraperdiv style object
-   */
-   WrapperDivStyle: PropTypes.object,
+     *	RadioButton wraperdiv style object
+     */
+    WrapperDivStyle: PropTypes.object,
     /**
      *	RadioButton checked value
      */

package/components/Inputs/Signature.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import SignaturePad from 'react-signature-pad-wrapper';
 import styled, { useTheme } from 'styled-components';
 import defaultStyles from '../constants/defaultStyle';

package/components/Inputs/TextInput.js

@@ -198,10 +198,10 @@ TextInput.propTypes = {
  */
 	theme: PropTypes.object,
 	/**
-   *	id of the text input
-   */
-   id: PropTypes.string,
- 
+	 *	id of the text input
+	 */
+	id: PropTypes.string,
+
 };
 
 Input.defaultProps = {

package/components/Inputs/TimeInput.js

@@ -170,7 +170,7 @@ TimeInput.propTypes = {
   /**
    *	id of the time input
    */
-   id: PropTypes.string,
+  id: PropTypes.string,
 };
 
 TimeInput.defaultProps = {

package/components/Label/Label.js

@@ -1,21 +1,21 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled from 'styled-components';
-import defaultThemeColor from '../constants/defaultThemeColor';
 import defaultStyles from '../constants/defaultStyle';
+import defaultThemeColor from '../constants/defaultThemeColor';
 import getDefaultStyles from '../constants/utils';
 
- const LabelLayout = styled.label`
+const LabelLayout = styled.label`
     //Set the styles from the default styles object
-    ${ ({ theme, type }) => {
+    ${({ theme, type }) => {
         return getDefaultStyles(theme, type);
-        }}
+    }}
         
     // custom styles
-    ${({customStyles})=>customStyles}
+    ${({ customStyles }) => customStyles}
 `;
 
-export const Label = ({ customStyles, text, className,required, ...props }) => {
+export const Label = ({ customStyles, text, className, required, ...props }) => {
     const theme = defaultStyles;
     return (
         <LabelLayout required={required} theme={theme} customStyles={customStyles} type={'label'} {...props}>
@@ -42,7 +42,7 @@ Label.propTypes = {
 }
 
 Label.defaultProps = {
-    text:''
+    text: ''
 }
 
 

package/components/Loaders/Loader.js

@@ -1,6 +1,6 @@
-import React from "react";
-import styled, { keyframes, css } from "styled-components";
 import PropTypes from 'prop-types';
+import React from "react";
+import styled, { css, keyframes } from "styled-components";
 import defaultStyles from '../constants/defaultStyle';
 
 const ldsSpinner = keyframes`
@@ -128,7 +128,7 @@ const Spinner = styled.div`
     }
 `
 
-export const Loader = ({  size, thickness, propellerHeight, customStyles }) => {
+export const Loader = ({ size, thickness, propellerHeight, customStyles }) => {
     const theme = defaultStyles;
 
     return (

package/components/Overlay/Overlay.js

@@ -1,8 +1,8 @@
-import React from "react";
 import PropTypes from 'prop-types';
+import React from "react";
+import { usePopperTooltip } from 'react-popper-tooltip';
 import styled from 'styled-components';
 import defaultStyles from '../constants/defaultStyle';
-import { usePopperTooltip } from 'react-popper-tooltip';
 
 /**
  * Primary UI component for user interaction

package/components/Pagination/Pagination.js

@@ -10,24 +10,24 @@ const StyledPagination = styled.div`
 `;
 
 export const Pagination = ({ ...props }) => {
-    const activeTheme = useTheme() || defaultThemeColor;
+  const activeTheme = useTheme() || defaultThemeColor;
 
-    return (
-        <StyledPagination theme={activeTheme}>{props.children}</StyledPagination>
-    );
+  return (
+    <StyledPagination theme={activeTheme}>{props.children}</StyledPagination>
+  );
 };
 
 const Item = styled.div`
   font-size: 14px;
   color: ${({ selected, theme }) =>
-        selected ? theme.variant['primary-1'] : null};
+    selected ? theme.variant['primary-1'] : null};
 
   svg {
     width: 14px;
     height: 14px;
     path {
       fill: ${({ selected, theme }) =>
-        selected ? theme.variant['primary-1'] : theme.variant['neutral-2']};
+    selected ? theme.variant['primary-1'] : theme.variant['neutral-2']};
     }
   }
 
@@ -38,22 +38,22 @@ const Item = styled.div`
 `;
 
 Pagination.PageItem = function PageItem({ selected, ...props }) {
-    const activeTheme = useTheme() || defaultThemeColor;
+  const activeTheme = useTheme() || defaultThemeColor;
 
-    return (
-        <Item selected={selected} theme={activeTheme} {...props}>
-            {props.children}
-        </Item>
-    );
+  return (
+    <Item selected={selected} theme={activeTheme} {...props}>
+      {props.children}
+    </Item>
+  );
 };
 
 Pagination.PageItem.propTypes = {
-    /**
-     *	Is Page selected?
-     */
-    selected: PropTypes.bool,
+  /**
+   *	Is Page selected?
+   */
+  selected: PropTypes.bool,
 };
 
 Pagination.PageItem.defaultProps = {
-    selected: false,
+  selected: false,
 };

package/components/ProgressSteps/ProgressSteps.js

@@ -1,5 +1,5 @@
-import React from "react";
 import PropTypes from 'prop-types';
+import React from "react";
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/SecondaryLink/DarkSecondaryLink.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/SecondaryLink/LightSecondaryLink.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/SecondaryLink/index.js

@@ -1,3 +1,3 @@
-export * from './LightSecondaryLink';
 export * from './DarkSecondaryLink';
+export * from './LightSecondaryLink';
 

package/components/Sidebar/Sidebar.js

@@ -1,5 +1,5 @@
-import React from "react";
 import PropTypes from 'prop-types';
+import React from "react";
 import styled from 'styled-components';
 import defaultStyles from '../constants/defaultStyle';
 import getDefaultStyles from '../constants/utils';

package/components/Sidebar/index.js

@@ -1,3 +1,3 @@
-export * from './Sidebar';
 export * from './Navbar';
+export * from './Sidebar';
 

package/components/StatusChip/PrimaryStatusChip.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/StatusChip/SecondaryStatusChip.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/StatusChip/SlimPrimaryStatusChip.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/StatusChip/SlimSecondaryStatusChip.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';
 

package/components/StatusCircle/StatusCircle.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultThemeColor from '../constants/defaultThemeColor';