@platformatic/ui-components 0.15.4 → 0.17.0

package/src/components/forms/Field.jsx

@@ -1,7 +1,6 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Field.module.css'
-import { ERROR_RED, MAIN_DARK_BLUE, WHITE } from '../constants'
+import { MAIN_DARK_BLUE } from '../constants'
 
 function Field ({
   title = '',
@@ -31,39 +30,4 @@ function Field ({
   )
 }
 
-Field.propTypes = {
-  /**
-   * title
-   */
-  title: PropTypes.string,
-  /**
-   * titleColor
-   */
-  titleColor: PropTypes.oneOf([ERROR_RED, MAIN_DARK_BLUE, WHITE]),
-  /**
-   * helper
-   */
-  helper: PropTypes.string,
-  /**
-   * color of border
-   */
-  children: PropTypes.node,
-  /**
-   * disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * required
-   */
-  required: PropTypes.bool,
-  /**
-   * titleClassName
-   */
-  titleClassName: PropTypes.string,
-  /**
-   * titleClassName
-   */
-  helperClassName: PropTypes.string
-}
-
 export default Field

package/src/components/forms/Input.jsx

@@ -1,9 +1,8 @@
 import React, { useState } from 'react'
-import PropTypes from 'prop-types'
 import styles from './Input.module.css'
 import commonStyles from '../Common.module.css'
 import PlatformaticIcon from '../PlatformaticIcon'
-import { ERROR_RED, MAIN_DARK_BLUE, MAIN_GREEN, RICH_BLACK, TRANSPARENT, WHITE } from '../constants'
+import { ERROR_RED, MAIN_GREEN, WHITE } from '../constants'
 
 function Input ({
   placeholder = '',
@@ -85,87 +84,4 @@ function Input ({
   )
 }
 
-Input.propTypes = {
-  /**
-   * placeholder
-   */
-  placeholder: PropTypes.string,
-  /**
-   * value
-   */
-  value: PropTypes.string,
-  /**
-   * name
-   */
-  name: PropTypes.string,
-  /**
-   * color of border
-   */
-  borderColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
-  /**
-   * color of border
-   */
-  backgroundColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE, RICH_BLACK, TRANSPARENT]),
-  /**
-   * onChange
-   */
-  onChange: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * beforeIcon: PlatformaticIcon props
-   */
-  beforeIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    onClick: PropTypes.func
-  }),
-  /**
-   * afterIcon: PlatformaticIcon props
-   */
-  afterIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    onClick: PropTypes.func
-  }),
-  /**
-   * placeholderApart
-   */
-  placeholderApart: PropTypes.bool,
-  /**
-   * backgroundTransparent
-   */
-  backgroundTransparent: PropTypes.bool,
-  /**
-   * inputTextClassName
-   */
-  inputTextClassName: PropTypes.string,
-  /**
-   * verticalPaddingClassName
-   */
-  verticalPaddingClassName: PropTypes.string,
-  /**
-   * dataAttrName
-  */
-  dataAttrName: PropTypes.string,
-  /**
-   * dataAttrValue
-  */
-  dataAttrValue: PropTypes.string,
-  /**
-   * readOnly
-  */
-  readOnly: PropTypes.bool,
-  /**
-   * errorMessage
-  */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string
-}
-
 export default Input

package/src/components/forms/InputFileUpload.jsx

@@ -1,10 +1,9 @@
 import React, { useState } from 'react'
-import PropTypes from 'prop-types'
 import styles from './InputFileUpload.module.css'
 import commonStyles from '../Common.module.css'
 import PlatformaticIcon from '../PlatformaticIcon'
 import Button from '../Button'
-import { ACTIVE_AND_INACTIVE_STATUS, ERROR_RED, MAIN_DARK_BLUE, MAIN_GREEN, RICH_BLACK, TRANSPARENT, WHITE } from '../constants'
+import { ACTIVE_AND_INACTIVE_STATUS, ERROR_RED, MAIN_GREEN, WHITE } from '../constants'
 
 function InputFileUpload ({
   idInputFile = 'fileUpload',
@@ -139,103 +138,4 @@ function InputFileUpload ({
   )
 }
 
-InputFileUpload.propTypes = {
-  /**
-   * idInputFile
-   */
-  idInputFile: PropTypes.string,
-  /**
-   * placeholder
-   */
-  placeholder: PropTypes.string,
-  /**
-   * color of border
-   */
-  borderColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
-  /**
-   * color of border
-   */
-  backgroundColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE, RICH_BLACK, TRANSPARENT]),
-  /**
-   * onFileSelect
-   */
-  onFileSelect: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * beforeIcon: PlatformaticIcon props
-   */
-  beforeIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    onClick: PropTypes.func
-  }),
-  /**
-   * afterIcon: PlatformaticIcon props
-   */
-  afterIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    onClick: PropTypes.func
-  }),
-  /**
-   * backgroundTransparent
-   */
-  backgroundTransparent: PropTypes.bool,
-  /**
-   * inputTextClassName
-   */
-  inputTextClassName: PropTypes.string,
-  /**
-   * detailTextClassName
-   */
-  detailTextClassName: PropTypes.string,
-  /**
-   * accept
-   */
-  accept: PropTypes.string,
-  /**
-   * verticalPaddingClassName
-   */
-  verticalPaddingClassName: PropTypes.string,
-  /**
-   * dataAttrName
-  */
-  dataAttrName: PropTypes.string,
-  /**
-   * dataAttrValue
-  */
-  dataAttrValue: PropTypes.string,
-  /**
-   * readOnly
-  */
-  readOnly: PropTypes.bool,
-  /**
-   * errorMessage
-  */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string,
-  /**
-   * removeFileButton
-  */
-  removeFileButton: PropTypes.object,
-  /**
-   * showDetailButton
-  */
-  showDetailButton: PropTypes.bool,
-  /**
-   * detailFileButton
-  */
-  detailFileButton: PropTypes.object,
-  /**
-     * onClickDetail
-    */
-  onClickDetail: PropTypes.func
-}
-
 export default InputFileUpload

package/src/components/forms/InputWithSeparator.jsx

@@ -1,9 +1,8 @@
 import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
 import inputStyles from './Input.module.css'
 import styles from './InputWithSeparator.module.css'
 import commonStyles from '../Common.module.css'
-import { DULLS_BACKGROUND_COLOR, ERROR_RED, MAIN_DARK_BLUE, MAIN_GREEN, MEDIUM, OPACITY_30, RICH_BLACK, SIZES, SMALL, TRANSPARENT, WHITE } from '../constants'
+import { DULLS_BACKGROUND_COLOR, ERROR_RED, MAIN_GREEN, MEDIUM, OPACITY_30, SMALL, TRANSPARENT, WHITE } from '../constants'
 import BorderedBox from '../BorderedBox'
 import ButtonFullRounded from '../ButtonFullRounded'
 import PlatformaticIcon from '../PlatformaticIcon'
@@ -182,76 +181,4 @@ function InputWithSeparator ({
   )
 }
 
-InputWithSeparator.propTypes = {
-  /**
-   * placeholder
-   */
-  placeholder: PropTypes.string,
-  /**
-   * name
-   */
-  name: PropTypes.string,
-  /**
-   * value
-   */
-  value: PropTypes.string,
-  /**
-   * defaultValue
-   */
-  defaultValue: PropTypes.string,
-  /**
-   * defaultValueSeparator
-   */
-  defaultValueSeparator: PropTypes.string,
-  /**
-   * separators
-   */
-  separators: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * inputTextClassName
-   */
-  inputTextClassName: PropTypes.string,
-  /**
-   * color of border
-   */
-  borderColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
-  /**
-   * color of border
-   */
-  backgroundColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE, RICH_BLACK, TRANSPARENT]),
-  /**
-   * onChange
-   */
-  onChange: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * afterIcon: PlatformaticIcon props
-   */
-  afterIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    handleClick: PropTypes.func,
-    disabled: PropTypes.bool
-  }),
-  /**
-   * beforeIcon: PlatformaticIcon props
-   */
-  beforeIcon: PropTypes.shape({
-    iconName: PropTypes.string,
-    color: PropTypes.string,
-    size: PropTypes.oneOf(SIZES)
-  }),
-  /**
-   * errorMessage
-  */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string
-}
-
 export default InputWithSeparator

package/src/components/forms/Password.jsx

@@ -1,11 +1,10 @@
 import React, { useState } from 'react'
-import PropTypes from 'prop-types'
 import styles from './Password.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 Input ({
+function Password ({
   placeholder = '',
   value = '',
   name = '',
@@ -38,43 +37,4 @@ function Input ({
   )
 }
 
-Input.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,
-  /**
-   * placeholderApart
-   */
-  placeholderApart: PropTypes.bool,
-  /**
-   * errorMessage
-  */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string
-}
-
-export default Input
+export default Password

package/src/components/forms/Preview.jsx

@@ -1,9 +1,8 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import styles from './Preview.module.css'
 import PlatformaticIcon from '../PlatformaticIcon'
 import CopyAndPaste from '../CopyAndPaste'
-import { SIZES, COLORS_ICON } from '../constants'
+import {} from '../constants'
 
 function renderLink (value) {
   return (<a className={styles.link} href={value} target='_blank' rel='noreferrer'>{value}</a>)
@@ -41,53 +40,4 @@ function Preview ({
   )
 }
 
-Preview.propTypes = {
-  /**
-   * title
-   */
-  title: PropTypes.string,
-  /**
-   * value
-   */
-  value: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number
-  ]),
-  /**
-   * isLink
-   */
-  isLink: PropTypes.bool,
-  /**
-   * color of border
-   */
-  children: PropTypes.node,
-  /**
-   * useCopyAndPaste
-   */
-  useCopyAndPaste: PropTypes.bool,
-  /**
-   * copyAndPaste
-   */
-  copyAndPaste: PropTypes.shape({
-    value: PropTypes.string,
-    tooltipLabel: PropTypes.string,
-    iconSize: PropTypes.oneOf(SIZES),
-    iconColor: PropTypes.oneOf(COLORS_ICON),
-    timeout: PropTypes.number
-  }),
-  /**
-   * usePlatformaticIcon
-   */
-  usePlatformaticIcon: PropTypes.bool,
-  /**
-   * platformaticIcon
-   */
-  platformaticIcon: PropTypes.shape({
-    iconName: PropTypes.string.isRequired,
-    color: PropTypes.oneOf(COLORS_ICON),
-    size: PropTypes.oneOf(SIZES),
-    onClick: PropTypes.func
-  })
-}
-
 export default Preview

package/src/components/forms/RadioGroup.jsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import styles from './RadioGroup.module.css'
 import commonStyles from '../Common.module.css'
 
@@ -33,38 +32,4 @@ function RadioGroup ({
   )
 }
 
-RadioGroup.propTypes = {
-  /**
-   * name
-   */
-  name: PropTypes.string,
-  /**
-   * radios
-   */
-  radios: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })),
-  /**
-   * errorMessage
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * errorMessageTextClassName
-  */
-  errorMessageTextClassName: PropTypes.string,
-  /**
-   * onChange
-   */
-  onChange: PropTypes.func,
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * value
-   */
-  value: PropTypes.string
-}
-
 export default RadioGroup

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