@xaypay/tui 0.0.105 → 0.0.107

package/src/components/checkbox/index.js

@@ -1,103 +1,87 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import classNames from "classnames";
-import styles from "./checkbox.module.css";
-import { useEffect } from "react";
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import styles from './checkbox.module.css'
+import { useEffect } from 'react'
 
-export const Checkbox = ({
-  disabled,
-  required,
-  className,
-  name,
-  value,
-  jsonData,
-  onChange,
-  label,
-  keyNames,
-  onClick,
-  ...props
-}) => {
-  const classProps = classNames(styles.checkbox, className, 'checkbox-input-rem');
-  const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
-  const [data, setData] = useState(parseData);
+export const Checkbox = ({ disabled, required, className, jsonData, onChange, keyNames, onClick, ...props }) => {
+    const classProps = classNames(styles.checkbox, className, 'checkbox-input-rem')
+    const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : []
+    const [data, setData] = useState(parseData)
 
+    useEffect(() => {
+        const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : []
+        setData(parseData)
+    }, [jsonData])
+    useEffect(() => {
+        onChange ? onChange(data.filter((d) => d.checked)) : ''
+    }, [data])
 
-  useEffect(() => {
-    const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
-    setData(parseData);
-  },[jsonData])
-  useEffect(()=>{ 
-    onChange ? onChange(data.filter(d => d.checked)) : '';
-   },[data])
-  
-  const handleChange = e => {
-    let id;
-    data.forEach((value,key) => {
-      if (value[keyNames.value] === e.target.value){
-        id = key;
-      }
-    });
+    const handleChange = (e) => {
+        let id
+        data.forEach((value, key) => {
+            if (value[keyNames.value] === e.target.value) {
+                id = key
+            }
+        })
 
-    let items = [...data];
-    let item = {...items[id]};
-    item.checked = !item.checked;
-    items[id] = item;
-    setData(items);
-  };
+        let items = [...data]
+        let item = { ...items[id] }
+        item.checked = !item.checked
+        items[id] = item
+        setData(items)
+    }
 
-  !keyNames ? keyNames = {id:'id',name:'name',value:'value', label: 'label'} : ''
+    !keyNames ? (keyNames = { id: 'id', name: 'name', value: 'value', label: 'label' }) : ''
 
-  return (
-    <>
-      {data.map((element) => {
-        return (
-          <label className={`${styles["checkbox-wrap"]} checkbox-wrap-rem`} key={element.value}>
-            <input
-              type="checkbox"
-              className={classProps}
-              disabled={disabled}
-              required={required}
-              value={keyNames.value ? element[keyNames.value] : ''}
-              name={keyNames.name ? element[keyNames.name] : ''}
-              id={keyNames.id ? element[keyNames.id] : ''}
-              onChange={handleChange}
-              onClick={onClick ? onClick: ()=>{}}
-              defaultChecked = {element.checked}
-              {...props}
-            />
-            <span className={`${styles["checkmark"]} checkmark-rem`} />
-            {element[keyNames.label] ? (
-              <label
-                className={styles.labelCheckbox}
-                for={element[keyNames.id]}
-              >
-                {element[keyNames.label]}
-              </label>
-            ) : (
-              ""
-            )}
-          </label>
-        );
-      })}
-    </>
-  );
-};
+    return (
+        <>
+            {data.map((element) => {
+                return (
+                    <label className={`${styles['checkbox-wrap']} checkbox-wrap-rem`} key={element.value}>
+                        <input
+                            type="checkbox"
+                            className={classProps}
+                            disabled={disabled}
+                            required={required}
+                            value={keyNames.value ? element[keyNames.value] : ''}
+                            name={keyNames.name ? element[keyNames.name] : ''}
+                            id={keyNames.id ? element[keyNames.id] : ''}
+                            onChange={handleChange}
+                            onClick={onClick ? onClick : () => {}}
+                            defaultChecked={element.checked}
+                            {...props}
+                        />
+                        <span className={`${styles['checkmark']} checkmark-rem`} />
+                        {element[keyNames.label] ? (
+                            <label className={styles.labelCheckbox} htmlFor={element[keyNames.id]}>
+                                {element[keyNames.label]}
+                            </label>
+                        ) : (
+                            ''
+                        )}
+                    </label>
+                )
+            })}
+        </>
+    )
+}
 
 Checkbox.propTypes = {
-  className: PropTypes.string,
-  onChange: PropTypes.func,
-  onClick: PropTypes.func,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  name: PropTypes.string,
-  value: PropTypes.string,
-  jsonData: PropTypes.string,
-  label: PropTypes.string,
-  keyNames: PropTypes.object,
-};
+    className: PropTypes.string,
+    onChange: PropTypes.func,
+    onClick: PropTypes.func,
+    required: PropTypes.bool,
+    disabled: PropTypes.bool,
+    name: PropTypes.string,
+    value: PropTypes.string,
+    jsonData: PropTypes.string,
+    label: PropTypes.string,
+    keyNames: PropTypes.object,
+}
 
 Checkbox.defaultProps = {
-  onChange: undefined,
-  jsonData:
-    '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]',
-};
+    onChange: undefined,
+    jsonData:
+        '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]',
+}

package/src/components/file/file.stories.js

@@ -1,20 +1,20 @@
-import React from "react";
-import { File } from "./index";
+import React from 'react'
+import { File } from './index'
 
 export default {
-  component: File,
-  title: "Components/File",
-};
+    component: File,
+    title: 'Components/File',
+}
 
-const Template = (args) => <File {...args} />;
+const Template = (args) => <File {...args} />
 
-export const Default = Template.bind({});
+export const Default = Template.bind({})
 Default.args = {
-  label: 'ssa',
-  onChange: _ => _,
-  defaultData: {
-    url: 'https://images.pexels.com/photos/753626/pexels-photo-753626.jpeg?auto=compress&cs=tinysrgb&w=1600',
-    type: "image/png",
-  },
-  name: 'sss'
-};
+    label: 'ssa',
+    onChange: (_) => _,
+    defaultData: {
+        url: 'https://images.pexels.com/photos/753626/pexels-photo-753626.jpeg?auto=compress&cs=tinysrgb&w=1600',
+        type: 'image/png',
+    },
+    name: 'sss',
+}

package/src/components/file/index.js

@@ -1,134 +1,132 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import classnames from 'classnames'
 
-import PDF from './../icon/PDF';
+import PDF from './../icon/PDF'
 
-import styles from "./file.module.css";
+import styles from './file.module.css'
 
 export const File = ({
-  name,
-  label,
-  maxSize,
-  required,
-  disabled,
-  onChange,
-  className,
-  defaultData,
-  errorMessage,
-  fileExtensions,
-  ...props
+    name,
+    label,
+    maxSize,
+    required,
+    disabled,
+    onChange,
+    defaultData,
+    errorMessage,
+    fileExtensions,
 }) => {
-  const [error, setError] = useState('');
-  const [fileName, setFileName] = useState('no selected file');
-  const [image, setImage] = useState(defaultData ? defaultData.type != 'application/pdf' ? defaultData.url : 'pdf' : null);
+    const [error, setError] = useState('')
+    const [fileName, setFileName] = useState('no selected file')
+    const [image, setImage] = useState(
+        defaultData ? (defaultData.type != 'application/pdf' ? defaultData.url : 'pdf') : null
+    )
 
-  const handleCheckFile = (e) => {
-    const file = e.target.files;
+    const handleCheckFile = (e) => {
+        const file = e.target.files
 
-    if (file[0]) {
-      if (file[0].size <= maxSize * Math.pow(2, 20)) {
-        if (fileExtensions.includes(file[0].type.split('/')[1])) {
-          if (file[0].type === 'application/pdf') {
-            setError('');
-            onChange({file});
-            setImage('pdf');
-          } else {
-            setError('');
-            onChange({file});
-            setFileName(file[0].name);
-            setImage(URL.createObjectURL(file[0]));
-          }
+        if (file[0]) {
+            if (file[0].size <= maxSize * Math.pow(2, 20)) {
+                if (fileExtensions.includes(file[0].type.split('/')[1])) {
+                    if (file[0].type === 'application/pdf') {
+                        setError('')
+                        onChange({ file })
+                        setImage('pdf')
+                    } else {
+                        setError('')
+                        onChange({ file })
+                        setFileName(file[0].name)
+                        setImage(URL.createObjectURL(file[0]))
+                    }
+                } else {
+                    setImage(null)
+                    setError('ֆայլի սխալ ֆորմատ')
+                    setFileName('no selected file')
+                }
+            } else {
+                setImage(null)
+                setError('առավելագույն ծավալ')
+                setFileName('no selected file')
+            }
         } else {
-          setImage(null)
-          setError('ֆայլի սխալ ֆորմատ');
-          setFileName('no selected file');
+            setImage(null)
+            setError('Ֆայլը ընտրված չէ')
+            setFileName('no selected file')
         }
-      } else {
-        setImage(null)
-        setError('առավելագույն ծավալ');
-        setFileName('no selected file');
-      }
-    } else {
-      setImage(null)
-      setError('Ֆայլը ընտրված չէ');
-      setFileName('no selected file');
     }
-  };
 
-  const handleRemoveFile = () => {
-    setImage(null);
-    onChange({ target: null });
-    setFileName('no selected file');
-    document.querySelector(`.${name}`).value = "";
-  };
+    const handleRemoveFile = () => {
+        setImage(null)
+        onChange({ target: null })
+        setFileName('no selected file')
+        document.querySelector(`.${name}`).value = ''
+    }
 
-  return (
-      <>
-        <p className={`${styles['file-form-title']} ile-form-title-rem`}>
-          {label} {required && <sup style={{color: "#ee0000"}}>*</sup>}
-        </p>
-        <div className={classnames(`${styles['file-form-wrap']} file-form-wrap-rem`,image ? styles['active'] : '')}>
-          <div
-            className={`${styles['file-form']} file-form-rem ${error || errorMessage ? styles['error'] : '' }`}
-            onClick={() => document.querySelector(`.${name}`).click()}
-          >
-            <input
-              hidden
-              type='file'
-              className={name}
-              disabled={disabled}
-              onChange={(e) => handleCheckFile(e)}
-            />
-            {
-              image ?
-                <div className={`${styles['upload-file-content']} upload-file-content-rem`}>
-                  {
-                    image === 'pdf' ? <PDF /> : <img src={image} alt={fileName} />
-                  }
-                </div> :
-                <div className={`${styles['file-form-inner-upload']} ile-form-inner-upload-rem`}>
-                  <img src="../../assets/upload.svg" alt="" />
-                  <span className={`${styles['upload-info']} upload-info-rem`}>
-                    <span className={`${styles['upload-info-txt']} upload-info-txt-rem`}>Բեռնել</span>
-                  </span>
-                  <span className={`${styles['upload-info-size']} upload-info-size-rem`}>
-                    Առավելագույնը {maxSize}ՄԲ ( { fileExtensions.toString().split(',').join(', ') } )
-                  </span>
-                </div>
-            }
-          </div>
-          {
-            !disabled && <div
-              className={`${styles['delete-upload-icon']} delete-upload-icon-rem`}
-              onClick={handleRemoveFile}
+    return (
+        <>
+            <p className={`${styles['file-form-title']} ile-form-title-rem`}>
+                {label} {required && <sup style={{ color: '#ee0000' }}>*</sup>}
+            </p>
+            <div
+                className={classnames(`${styles['file-form-wrap']} file-form-wrap-rem`, image ? styles['active'] : '')}
             >
-              <i className="icon-delete" />
+                <div
+                    className={`${styles['file-form']} file-form-rem ${error || errorMessage ? styles['error'] : ''}`}
+                    onClick={() => document.querySelector(`.${name}`).click()}
+                >
+                    <input
+                        hidden
+                        type="file"
+                        className={name}
+                        disabled={disabled}
+                        onChange={(e) => handleCheckFile(e)}
+                    />
+                    {image ? (
+                        <div className={`${styles['upload-file-content']} upload-file-content-rem`}>
+                            {image === 'pdf' ? <PDF /> : <img src={image} alt={fileName} />}
+                        </div>
+                    ) : (
+                        <div className={`${styles['file-form-inner-upload']} ile-form-inner-upload-rem`}>
+                            <img src="../../assets/upload.svg" alt="" />
+                            <span className={`${styles['upload-info']} upload-info-rem`}>
+                                <span className={`${styles['upload-info-txt']} upload-info-txt-rem`}>Բեռնել</span>
+                            </span>
+                            <span className={`${styles['upload-info-size']} upload-info-size-rem`}>
+                                Առավելագույնը {maxSize}ՄԲ ( {fileExtensions.toString().split(',').join(', ')} )
+                            </span>
+                        </div>
+                    )}
+                </div>
+                {!disabled && (
+                    <div
+                        className={`${styles['delete-upload-icon']} delete-upload-icon-rem`}
+                        onClick={handleRemoveFile}
+                    >
+                        <i className="icon-delete" />
+                    </div>
+                )}
+
+                {error || errorMessage ? <span style={{ color: 'red' }}>{error || errorMessage}</span> : null}
             </div>
-          }
-          
-          {
-            error || errorMessage ? <span style={{ color: 'red' }}>{error || errorMessage}</span> : null
-          }
-      </div>
-    </>
-  );
-};
+        </>
+    )
+}
 
 File.propTypes = {
-  label: PropTypes.string,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  maxSize: PropTypes.number,
-  className: PropTypes.string,
-  errorMessage: PropTypes.string,
-  defaultData: PropTypes.object,
-  fileExtensions: PropTypes.arrayOf(PropTypes.string)
-};
+    label: PropTypes.string,
+    required: PropTypes.bool,
+    disabled: PropTypes.bool,
+    onChange: PropTypes.func,
+    maxSize: PropTypes.number,
+    className: PropTypes.string,
+    errorMessage: PropTypes.string,
+    defaultData: PropTypes.object,
+    fileExtensions: PropTypes.arrayOf(PropTypes.string),
+}
 
 File.defaultProps = {
-  maxSize: 5,
-  required: false,
-  fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
-};
+    maxSize: 5,
+    required: false,
+    fileExtensions: ['jpg', 'jpeg', 'png', 'pdf'],
+}

package/src/components/icon/Arrow.js

@@ -1,19 +1,19 @@
-import * as React from "react";
+import * as React from 'react'
 const SvgArrow = ({ title, titleId, fillColor, ...props }) => (
-  <svg
-    width="15"
-    height="9"
-    viewBox="0 0 15 9"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      d="M7.988 8a.997.997 0 0 1-.64-.23l-5.989-5a1.002 1.002 0 0 1 .548-1.767.998.998 0 0 1 .73.227l5.35 4.48 5.351-4.32a.997.997 0 0 1 1.408.15 1 1 0 0 1-.14 1.46l-5.99 4.83a.997.997 0 0 1-.628.17Z"
-      fill={fillColor ? fillColor : '#3C393E'}
-    />
-  </svg>
-);
-export default SvgArrow;
+    <svg
+        width="15"
+        height="9"
+        viewBox="0 0 15 9"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            d="M7.988 8a.997.997 0 0 1-.64-.23l-5.989-5a1.002 1.002 0 0 1 .548-1.767.998.998 0 0 1 .73.227l5.35 4.48 5.351-4.32a.997.997 0 0 1 1.408.15 1 1 0 0 1-.14 1.46l-5.99 4.83a.997.997 0 0 1-.628.17Z"
+            fill={fillColor ? fillColor : '#3C393E'}
+        />
+    </svg>
+)
+export default SvgArrow

package/src/components/icon/CaptchaArrowDown.js

@@ -1,19 +1,19 @@
-import * as React from "react";
+import * as React from 'react'
 const SvgCaptchaArrowDown = ({ title, titleId, fillColor, ...props }) => (
-  <svg
-    width="12"
-    height="15"
-    viewBox="0 0 12 15"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-        d="M6 0.00146537C5.77271 0.00146539 5.55473 0.0936418 5.39402 0.257718C5.2333 0.421795 5.14301 0.64433 5.14301 0.876368L5.14301 11.013L1.46482 7.25615C1.38514 7.17481 1.29055 7.11028 1.18644 7.06626C1.08233 7.02224 0.970753 6.99958 0.85807 6.99958C0.745386 6.99958 0.633807 7.02224 0.529701 7.06626C0.425595 7.11028 0.331002 7.17481 0.251322 7.25616C0.171643 7.3375 0.108438 7.43407 0.0653156 7.54035C0.0221934 7.64663 -5.45598e-07 7.76055 -5.35541e-07 7.87559C-5.25484e-07 7.99063 0.0221934 8.10454 0.0653157 8.21082C0.108438 8.3171 0.171643 8.41367 0.251322 8.49502L5.39325 13.7444C5.47286 13.8259 5.56743 13.8905 5.67155 13.9347C5.77566 13.9788 5.88728 14.0015 6 14.0015C6.11272 14.0015 6.22434 13.9788 6.32846 13.9347C6.43257 13.8905 6.52714 13.8259 6.60675 13.7444L11.7487 8.49502C11.9096 8.33073 12 8.10792 12 7.87559C12 7.64325 11.9096 7.42044 11.7487 7.25615C11.5878 7.09187 11.3695 6.99958 11.1419 6.99958C10.9144 6.99958 10.6961 7.09187 10.5352 7.25615L6.85699 11.013L6.85699 0.876368C6.85699 0.64433 6.7667 0.421794 6.60598 0.257718C6.44526 0.0936418 6.22729 0.00146535 6 0.00146537Z"
-        fill={fillColor ? fillColor : '#00236A'}
-    />
-  </svg>
-);
-export default SvgCaptchaArrowDown;
+    <svg
+        width="12"
+        height="15"
+        viewBox="0 0 12 15"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            d="M6 0.00146537C5.77271 0.00146539 5.55473 0.0936418 5.39402 0.257718C5.2333 0.421795 5.14301 0.64433 5.14301 0.876368L5.14301 11.013L1.46482 7.25615C1.38514 7.17481 1.29055 7.11028 1.18644 7.06626C1.08233 7.02224 0.970753 6.99958 0.85807 6.99958C0.745386 6.99958 0.633807 7.02224 0.529701 7.06626C0.425595 7.11028 0.331002 7.17481 0.251322 7.25616C0.171643 7.3375 0.108438 7.43407 0.0653156 7.54035C0.0221934 7.64663 -5.45598e-07 7.76055 -5.35541e-07 7.87559C-5.25484e-07 7.99063 0.0221934 8.10454 0.0653157 8.21082C0.108438 8.3171 0.171643 8.41367 0.251322 8.49502L5.39325 13.7444C5.47286 13.8259 5.56743 13.8905 5.67155 13.9347C5.77566 13.9788 5.88728 14.0015 6 14.0015C6.11272 14.0015 6.22434 13.9788 6.32846 13.9347C6.43257 13.8905 6.52714 13.8259 6.60675 13.7444L11.7487 8.49502C11.9096 8.33073 12 8.10792 12 7.87559C12 7.64325 11.9096 7.42044 11.7487 7.25615C11.5878 7.09187 11.3695 6.99958 11.1419 6.99958C10.9144 6.99958 10.6961 7.09187 10.5352 7.25615L6.85699 11.013L6.85699 0.876368C6.85699 0.64433 6.7667 0.421794 6.60598 0.257718C6.44526 0.0936418 6.22729 0.00146535 6 0.00146537Z"
+            fill={fillColor ? fillColor : '#00236A'}
+        />
+    </svg>
+)
+export default SvgCaptchaArrowDown

package/src/components/icon/CaptchaArrowUp.js

@@ -1,19 +1,19 @@
-import * as React from "react";
+import * as React from 'react'
 const SvgCaptchaArrowUp = ({ title, titleId, fillColor, ...props }) => (
-  <svg
-    width="12"
-    height="15"
-    viewBox="0 0 12 15"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-        d="M6 14.9988C6.22729 14.9988 6.44527 14.9066 6.60598 14.7425C6.7667 14.5785 6.85699 14.3559 6.85699 14.1239L6.85699 3.98726L10.5352 7.74409C10.6149 7.82543 10.7095 7.88996 10.8136 7.93398C10.9177 7.97801 11.0292 8.00067 11.1419 8.00067C11.2546 8.00067 11.3662 7.97801 11.4703 7.93398C11.5744 7.88996 11.669 7.82543 11.7487 7.74409C11.8284 7.66274 11.8916 7.56617 11.9347 7.45989C11.9778 7.35361 12 7.2397 12 7.12466C12 7.00962 11.9778 6.89571 11.9347 6.78943C11.8916 6.68314 11.8284 6.58657 11.7487 6.50523L6.60675 1.25581C6.52714 1.17434 6.43257 1.1097 6.32845 1.06559C6.22434 1.02148 6.11272 0.998779 6 0.998779C5.88728 0.998779 5.77566 1.02148 5.67154 1.06559C5.56743 1.1097 5.47286 1.17434 5.39325 1.25581L0.251323 6.50523C0.0904038 6.66951 0 6.89233 0 7.12466C0 7.35699 0.0904038 7.57981 0.251323 7.74409C0.412243 7.90837 0.630497 8.00067 0.858071 8.00067C1.08565 8.00067 1.3039 7.90837 1.46482 7.74409L5.14301 3.98726L5.14301 14.1239C5.14301 14.3559 5.2333 14.5785 5.39402 14.7425C5.55473 14.9066 5.77271 14.9988 6 14.9988Z"
-        fill={fillColor ? fillColor : '#00236A'}
-    />
-  </svg>
-);
-export default SvgCaptchaArrowUp;
+    <svg
+        width="12"
+        height="15"
+        viewBox="0 0 12 15"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            d="M6 14.9988C6.22729 14.9988 6.44527 14.9066 6.60598 14.7425C6.7667 14.5785 6.85699 14.3559 6.85699 14.1239L6.85699 3.98726L10.5352 7.74409C10.6149 7.82543 10.7095 7.88996 10.8136 7.93398C10.9177 7.97801 11.0292 8.00067 11.1419 8.00067C11.2546 8.00067 11.3662 7.97801 11.4703 7.93398C11.5744 7.88996 11.669 7.82543 11.7487 7.74409C11.8284 7.66274 11.8916 7.56617 11.9347 7.45989C11.9778 7.35361 12 7.2397 12 7.12466C12 7.00962 11.9778 6.89571 11.9347 6.78943C11.8916 6.68314 11.8284 6.58657 11.7487 6.50523L6.60675 1.25581C6.52714 1.17434 6.43257 1.1097 6.32845 1.06559C6.22434 1.02148 6.11272 0.998779 6 0.998779C5.88728 0.998779 5.77566 1.02148 5.67154 1.06559C5.56743 1.1097 5.47286 1.17434 5.39325 1.25581L0.251323 6.50523C0.0904038 6.66951 0 6.89233 0 7.12466C0 7.35699 0.0904038 7.57981 0.251323 7.74409C0.412243 7.90837 0.630497 8.00067 0.858071 8.00067C1.08565 8.00067 1.3039 7.90837 1.46482 7.74409L5.14301 3.98726L5.14301 14.1239C5.14301 14.3559 5.2333 14.5785 5.39402 14.7425C5.55473 14.9066 5.77271 14.9988 6 14.9988Z"
+            fill={fillColor ? fillColor : '#00236A'}
+        />
+    </svg>
+)
+export default SvgCaptchaArrowUp

package/src/components/icon/CheckboxChecked.js

@@ -1,21 +1,21 @@
-import * as React from "react";
+import * as React from 'react'
 const SvgCheckboxChecked = ({ title, titleId, fillColor, ...props }) => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12.8 0H3.2A3.2 3.2 0 0 0 0 3.2v9.6A3.2 3.2 0 0 0 3.2 16h9.6a3.2 3.2 0 0 0 3.2-3.2V3.2A3.2 3.2 0 0 0 12.8 0ZM6.85 10.966c.068.023.14.034.218.034.078 0 .151-.011.219-.034a.515.515 0 0 0 .19-.114l5.363-4.94A.496.496 0 0 0 13 5.53a.496.496 0 0 0-.16-.382.589.589 0 0 0-.415-.148.59.59 0 0 0-.416.148l-4.94 4.55-2.085-1.92a.579.579 0 0 0-.408-.147.579.579 0 0 0-.408.148A.52.52 0 0 0 4 8.16a.476.476 0 0 0 .154.383l2.506 2.308a.515.515 0 0 0 .19.114Z"
-      fill={fillColor ? fillColor : '#00236A'}
-    />
-  </svg>
-);
-export default SvgCheckboxChecked;
+    <svg
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-labelledby={titleId}
+        {...props}
+    >
+        {title ? <title id={titleId}>{title}</title> : null}
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.8 0H3.2A3.2 3.2 0 0 0 0 3.2v9.6A3.2 3.2 0 0 0 3.2 16h9.6a3.2 3.2 0 0 0 3.2-3.2V3.2A3.2 3.2 0 0 0 12.8 0ZM6.85 10.966c.068.023.14.034.218.034.078 0 .151-.011.219-.034a.515.515 0 0 0 .19-.114l5.363-4.94A.496.496 0 0 0 13 5.53a.496.496 0 0 0-.16-.382.589.589 0 0 0-.415-.148.59.59 0 0 0-.416.148l-4.94 4.55-2.085-1.92a.579.579 0 0 0-.408-.147.579.579 0 0 0-.408.148A.52.52 0 0 0 4 8.16a.476.476 0 0 0 .154.383l2.506 2.308a.515.515 0 0 0 .19.114Z"
+            fill={fillColor ? fillColor : '#00236A'}
+        />
+    </svg>
+)
+export default SvgCheckboxChecked