@platformatic/ui-components 0.15.5 → 0.17.1

package/src/components/forms/Select.jsx

@@ -1,8 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react'
-import PropTypes from 'prop-types'
 import styles from './Select.module.css'
 import commonStyles from '../Common.module.css'
-import { MAIN_DARK_BLUE, MAIN_GREEN, RICH_BLACK, SIZES, SMALL, WHITE } from '../constants'
+import { MAIN_DARK_BLUE, MAIN_GREEN, SMALL, WHITE } from '../constants'
 import PlatformaticIcon from '../PlatformaticIcon'
 import Icons from '../icons'
 
@@ -201,112 +200,4 @@ function Select ({
   )
 }
 
-Select.propTypes = {
-  /**
-   * defaultContainerClassName
-   */
-  defaultContainerClassName: PropTypes.string,
-  /**
-   * placeholder
-   */
-  placeholder: PropTypes.string,
-  /**
-   * name
-   */
-  name: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number
-  ]),
-  /**
-   * value
-   */
-  value: PropTypes.string,
-  /**
-   * options
-   */
-  options: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string,
-    value: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.number,
-      PropTypes.func
-    ]),
-    iconName: PropTypes.string,
-    iconSize: PropTypes.string,
-    iconColor: PropTypes.string,
-    notSelectable: PropTypes.bool,
-    notFilterable: PropTypes.bool,
-    onClick: PropTypes.func,
-    descriptionValue: PropTypes.string
-  })),
-  /**
-   * defaultOptionsClassName
-   */
-  defaultOptionsClassName: PropTypes.string,
-  /**
-   * optionsBorderedBottom
-   */
-  optionsBorderedBottom: PropTypes.bool,
-  /**
-   * color of border
-   */
-  borderColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE]),
-  /**
-   * color of border UL
-   */
-  borderListColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE]),
-  /**
-   * onSelect
-   */
-  onSelect: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * mainColor
-   */
-  mainColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE]),
-  /**
-   * dataAttrName
-  */
-  dataAttrName: PropTypes.string,
-  /**
-   * dataAttrValue
-  */
-  dataAttrValue: PropTypes.string,
-  /**
-   * backgroundColor
-  */
-  backgroundColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
-  /**
-   * inputTextClassName
-  */
-  inputTextClassName: PropTypes.string,
-  /**
-   * errorMessage
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string,
-  /**
-   * beforeIcon: PlatformaticIcon props
-   */
-  beforeIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    size: PropTypes.oneOf(SIZES)
-  }),
-  /**
-   * paddingClass
-  */
-  paddingClass: PropTypes.string,
-  /**
-   * handleClickOutside
-   */
-  handleClickOutside: PropTypes.bool
-}
-
 export default Select

package/src/components/forms/SelectWithInput.jsx

@@ -1,8 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react'
-import PropTypes from 'prop-types'
 import styles from './SelectWithInput.module.css'
 import commonStyles from '../Common.module.css'
-import { MAIN_DARK_BLUE, MAIN_GREEN, RICH_BLACK, SMALL, WHITE } from '../constants'
+import { MAIN_DARK_BLUE, MAIN_GREEN, SMALL, WHITE } from '../constants'
 import PlatformaticIcon from '../PlatformaticIcon'
 
 function SelectWithInput ({
@@ -200,113 +199,4 @@ function SelectWithInput ({
   )
 }
 
-SelectWithInput.propTypes = {
-  /**
-   * defaultContainerClassName
-   */
-  defaultContainerClassName: PropTypes.string,
-  /**
-   * placeholder
-   */
-  placeholder: PropTypes.string,
-  /**
-   * name
-   */
-  name: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number
-  ]),
-  /**
-   * value
-   */
-  value: PropTypes.string,
-  /**
-   * options
-   */
-  options: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string,
-    value: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.number
-    ]),
-    iconName: PropTypes.string,
-    iconSize: PropTypes.string,
-    iconColor: PropTypes.string,
-    notSelectable: PropTypes.bool,
-    notFilterable: PropTypes.bool,
-    onClick: PropTypes.func,
-    descriptionValue: PropTypes.string
-  })),
-  /**
-   * defaultOptionsClassName
-   */
-  defaultOptionsClassName: PropTypes.string,
-  /**
-   * optionsBorderedBottom
-   */
-  optionsBorderedBottom: PropTypes.bool,
-  /**
-   * color of border
-   */
-  borderColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE]),
-  /**
-   * color of border UL
-   */
-  borderListColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE]),
-  /**
-   * onChange
-   */
-  onChange: PropTypes.func,
-  /**
-   * onSelect
-   */
-  onSelect: PropTypes.func,
-  /**
-   * onClear
-   */
-  onClear: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * mainColor
-   */
-  mainColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE]),
-  /**
-   * optionSelected
-   */
-  optionSelected: PropTypes.shape({
-    label: PropTypes.string,
-    value: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.number
-    ])
-  }),
-  /**
-   * dataAttrName
-  */
-  dataAttrName: PropTypes.string,
-  /**
-   * dataAttrValue
-  */
-  dataAttrValue: PropTypes.string,
-  /**
-   * backgroundColor
-  */
-  backgroundColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
-  /**
-   * inputTextClassName
-  */
-  inputTextClassName: PropTypes.string,
-  /**
-   * errorMessage
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string
-}
-
 export default SelectWithInput

package/src/components/forms/TextArea.jsx

@@ -1,9 +1,8 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import styles from './TextArea.module.css'
 import commonStyles from '../Common.module.css'
 import PlatformaticIcon from '../PlatformaticIcon'
-import { MAIN_DARK_BLUE, MAIN_GREEN } from '../constants'
+import { MAIN_DARK_BLUE } from '../constants'
 
 function TextArea ({
   placeholder = '',
@@ -36,55 +35,4 @@ function TextArea ({
   )
 }
 
-TextArea.propTypes = {
-  /**
-   * placeholder
-   */
-  placeholder: PropTypes.string,
-  /**
-   * value
-   */
-  value: PropTypes.string,
-  /**
-   * name
-   */
-  name: PropTypes.string,
-  /**
-   * color of border
-   */
-  borderColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE]),
-  /**
-   * onChange
-   */
-  onChange: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * afterIcon: PlatformaticIcon props
-   */
-  afterIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    onClick: PropTypes.func
-  }),
-  /**
-   * rows
-   */
-  rows: PropTypes.number,
-  /**
-   * cols
-   */
-  cols: PropTypes.number,
-  /**
-   * errorMessage
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string
-}
-
 export default TextArea

package/src/components/forms/ToggleSwitch.jsx

@@ -1,8 +1,7 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import styles from './ToggleSwitch.module.css'
 import commonStyles from '../Common.module.css'
-import { MEDIUM, SMALL } from '../constants'
+import { MEDIUM } from '../constants'
 
 function ToggleSwitch ({
   name = '',
@@ -37,44 +36,4 @@ function ToggleSwitch ({
   )
 }
 
-ToggleSwitch.propTypes = {
-  /**
-   * name
-   */
-  name: PropTypes.string,
-  /**
-   * label
-   */
-  label: PropTypes.string,
-  /**
-   * errorMessage
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string,
-  /**
-   * checked
-   */
-  checked: PropTypes.bool,
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * onChange of border
-   */
-  onChange: PropTypes.func,
-  /**
-   * labelClassName
-   */
-  labelClassName: PropTypes.string,
-  /**
-   * size
-   */
-  size: PropTypes.oneOf([SMALL, MEDIUM])
-
-}
-
 export default ToggleSwitch

package/src/components/icons/APIDocsIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const APIDocsIcon = ({
   color = MAIN_DARK_BLUE,
@@ -91,23 +90,4 @@ const APIDocsIcon = ({
   return icon
 }
 
-APIDocsIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default APIDocsIcon

package/src/components/icons/APIKeyIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const APIKeyIcon = ({
   color = MAIN_DARK_BLUE,
@@ -75,23 +74,4 @@ const APIKeyIcon = ({
   return icon
 }
 
-APIKeyIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default APIKeyIcon

package/src/components/icons/AWSIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const AWSIcon = ({
   color = MAIN_DARK_BLUE,
@@ -69,23 +68,4 @@ const AWSIcon = ({
   return icon
 }
 
-AWSIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default AWSIcon

package/src/components/icons/AddEnvVariableIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const AddEnvVariableIcon = ({
   color = MAIN_DARK_BLUE,
@@ -79,19 +78,4 @@ const AddEnvVariableIcon = ({
   return icon
 }
 
-AddEnvVariableIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * tip
-   */
-  tip: PropTypes.string
-}
-
 export default AddEnvVariableIcon

package/src/components/icons/AddIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const AddIcon = ({
   color = MAIN_DARK_BLUE,
@@ -71,23 +70,4 @@ const AddIcon = ({
   return icon
 }
 
-AddIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default AddIcon

package/src/components/icons/AddRouteIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const AddRouteIcon = ({
   color = MAIN_DARK_BLUE,
@@ -82,19 +81,4 @@ const AddRouteIcon = ({
   return icon
 }
 
-AddRouteIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * tip
-   */
-  tip: PropTypes.string
-}
-
 export default AddRouteIcon

package/src/components/icons/AddUserIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const AddUserIcon = ({
   color = MAIN_DARK_BLUE,
@@ -80,23 +79,4 @@ const AddUserIcon = ({
   return icon
 }
 
-AddUserIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default AddUserIcon

package/src/components/icons/AlertIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, ERROR_RED } from '../constants'
+import { SMALL, MEDIUM, LARGE, ERROR_RED } from '../constants'
 
 const AlertIcon = ({
   color = ERROR_RED,
@@ -74,23 +73,4 @@ const AlertIcon = ({
   return icon
 }
 
-AlertIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default AlertIcon

package/src/components/icons/AllAppsIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE, EXTRA_MEDIUM } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE, EXTRA_MEDIUM } from '../constants'
 
 const AllAppsIcon = ({
   color = MAIN_DARK_BLUE,
@@ -117,23 +116,4 @@ const AllAppsIcon = ({
   return icon
 }
 
-AllAppsIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default AllAppsIcon

package/src/components/icons/AllInOneIcon.jsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Icons.module.css'
-import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
 
 const AllInOneIcon = ({
   color = MAIN_DARK_BLUE,
@@ -104,23 +103,4 @@ const AllInOneIcon = ({
   return icon
 }
 
-AllInOneIcon.propTypes = {
-  /**
-   * color of text, icon and borders
-   */
-  color: PropTypes.oneOf(COLORS_ICON),
-  /**
-   * Size
-   */
-  size: PropTypes.oneOf(SIZES),
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * inactive
-   */
-  inactive: PropTypes.bool
-}
-
 export default AllInOneIcon