@xaypay/tui 0.0.119 → 0.0.121

package/src/components/select/select.stories.js

@@ -1,39 +0,0 @@
-import React from 'react'
-import { Select } from '.'
-
-export default {
-    component: Select,
-    title: 'Components/Select',
-    argTypes: {
-        options: {
-            control: 'array',
-        },
-        selected: {
-            control: 'array',
-        },
-    },
-}
-
-const Template = (args) => (
-    <Select label="" {...args}>
-        Default
-    </Select>
-)
-
-export const Default = Template.bind({})
-Default.args = {
-    showCloseIcon: true,
-    label: 'վարչական շրջան',
-    options: [
-        { bbb: '0', value: 'Արաբկիր' },
-        { bbb: '1', value: 'Կենտրոն' },
-        { bbb: '2', value: 'Մալաթիա' },
-    ],
-    onChange: () => {},
-    defaultOption: 'Ընտրել',
-    selected: [
-        { bbb: '1', value: 'Կենտրոն' },
-        { bbb: '2', value: 'Մալաթիա' },
-    ],
-    keyNames: { name: 'value', id: 'bbb' },
-}

package/src/components/singleCheckbox/Checkbox.js

@@ -1,84 +0,0 @@
-import React, { useEffect, useState } from 'react'
-
-import { compereConfigs } from './../../utils'
-
-import ReactCheckbox from '../icon/CheckboxUnchecked'
-import ReactCheckboxChecked from '../icon/CheckboxChecked'
-
-const Checkbox = ({
-    data,
-    index,
-    label,
-    styles,
-    checked,
-    disabled,
-    innerIndex,
-    checkedIcon,
-    checkedColor,
-    unCheckedIcon,
-    handleChecked,
-    unCheckedColor,
-    labelMarginLeft,
-    ignoreDisabledForChecked,
-}) => {
-    const configStyles = compereConfigs()
-
-    const [innerChecked, setInnerChecked] = useState(false)
-    const [innerDisabled, setInnerDisabled] = useState(false)
-
-    const handleClick = (e) => {
-        handleChecked(data, e, index, innerIndex)
-    }
-
-    useEffect(() => {
-        setInnerDisabled(disabled)
-    }, [disabled])
-
-    useEffect(() => {
-        setInnerChecked(checked)
-    }, [checked])
-
-    useEffect(() => {
-        if (index && typeof index !== 'number') {
-            alert('Please set index value as valid number')
-        }
-    }, [index])
-
-    useEffect(() => {
-        if (innerIndex && typeof innerIndex !== 'number') {
-            alert('Please set index value as valid number')
-        }
-    }, [innerIndex])
-
-    return (
-        <div
-            style={{
-                width: label ? 'fit-content' : '16px',
-                height: '16px',
-                marginRight: '9px',
-                display: label ? 'flex' : 'inline-block',
-                cursor: !innerDisabled ? 'pointer' : 'not-allowed',
-                ...styles,
-            }}
-            onClick={!innerDisabled && handleChecked ? handleClick : (_) => _}
-        >
-            {innerChecked && (ignoreDisabledForChecked ? ignoreDisabledForChecked : !innerDisabled) ? (
-                checkedIcon ? (
-                    checkedIcon
-                ) : (
-                    <ReactCheckboxChecked
-                        fillColor={checkedColor ? checkedColor : configStyles.CHECKBOX.checkedColor}
-                    />
-                )
-            ) : unCheckedIcon ? (
-                unCheckedIcon
-            ) : (
-                <ReactCheckbox fillColor={unCheckedColor ? unCheckedColor : configStyles.CHECKBOX.unCheckedColor} />
-            )}
-
-            {label && <span style={{ marginLeft: labelMarginLeft }}>{label}</span>}
-        </div>
-    )
-}
-
-export default Checkbox

package/src/components/singleCheckbox/index.js

@@ -1,65 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-
-import { compereConfigs } from './../../utils'
-
-import Checkbox from './Checkbox'
-
-export const SingleCheckbox = ({
-    data,
-    index,
-    label,
-    styles,
-    checked,
-    disabled,
-    innerIndex,
-    checkedIcon,
-    checkedColor,
-    unCheckedIcon,
-    handleChecked,
-    unCheckedColor,
-    labelMarginLeft,
-    ignoreDisabledForChecked,
-}) => {
-    const configStyles = compereConfigs()
-    const [innerData, setInnerData] = useState(null)
-
-    useEffect(() => {
-        setInnerData(data)
-    }, [data])
-
-    return (
-        <Checkbox
-            index={index}
-            label={label}
-            styles={styles}
-            data={innerData}
-            checked={checked}
-            disabled={disabled}
-            innerIndex={innerIndex}
-            checkedIcon={checkedIcon}
-            checkedColor={checkedColor}
-            unCheckedIcon={unCheckedIcon}
-            handleChecked={handleChecked}
-            unCheckedColor={unCheckedColor}
-            ignoreDisabledForChecked={ignoreDisabledForChecked}
-            labelMarginLeft={labelMarginLeft ? labelMarginLeft : configStyles.CHECKBOX.labelMarginLeft}
-        />
-    )
-}
-
-SingleCheckbox.propTypes = {
-    data: PropTypes.object,
-    label: PropTypes.string,
-    onClick: PropTypes.func,
-    index: PropTypes.number,
-    styles: PropTypes.object,
-    disabled: PropTypes.bool,
-    innerIndex: PropTypes.number,
-    checkedColor: PropTypes.string,
-    checkedIcon: PropTypes.element,
-    unCheckedIcon: PropTypes.element,
-    unCheckedColor: PropTypes.string,
-    labelMarginLeft: PropTypes.string,
-    ignoreDisabledForChecked: PropTypes.bool,
-}

package/src/components/singleCheckbox/singleCheckbox.stories.js

@@ -1,24 +0,0 @@
-import React, { useState } from 'react'
-import { SingleCheckbox } from '.'
-export default {
-    component: SingleCheckbox,
-    title: 'Components/SingleCheckbox',
-}
-
-const Template = (args) => {
-    const [check, setCheck] = useState(false)
-
-    const handleChecked = (data, e) => {
-        console.log(e, 'target event')
-        console.log(data, 'data')
-        setCheck(!check)
-    }
-
-    return <SingleCheckbox checked={check} handleChecked={handleChecked} {...args} />
-}
-
-export const Default = Template.bind({})
-Default.args = {
-    checkedColor: '#00236A',
-    unCheckedColor: '#D1D1D1',
-}

package/src/components/stepper/index.js

@@ -1,45 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-import { compereConfigs } from './../../utils'
-import styles from './stepper.module.css'
-
-export const Stepper = ({ stepLength, activeSteps, className }) => {
-    const configStyles = compereConfigs()
-    return (
-        <div
-            className={classNames(
-                className ? className : configStyles.STEPPER.className,
-                `${styles['stepper-container']} stepper-container-rem`
-            )}
-        >
-            {(() => {
-                let steppers = []
-                for (let step = 1; step <= stepLength; step++) {
-                    steppers.push(
-                        <div
-                            className={classNames(`${step <= activeSteps ? styles.activeRing : styles.bigRing}`)}
-                            key={step}
-                        >
-                            <div
-                                className={classNames(
-                                    `${step <= activeSteps ? styles.smallActiveRing : styles.smallRing}`
-                                )}
-                            >
-                                {step <= activeSteps ? step : ''}
-                            </div>
-                        </div>
-                    )
-                }
-                return steppers
-            })()}
-        </div>
-    )
-}
-
-Stepper.propTypes = {
-    className: PropTypes.string,
-    onChange: PropTypes.func,
-    stepLength: PropTypes.number,
-    activeSteps: PropTypes.number,
-}

package/src/components/stepper/stepper.module.css

@@ -1,57 +0,0 @@
-.stepper-container > div:last-child:before {
-  display: none;
-}
-.bigRing, .activeRing {
-  position: relative;
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  margin-bottom: 36px;
-}
-.bigRing {
-  box-shadow: 0 0 0 2px #D1D1D1;
-}
-.bigRing:before {
-  background: #D1D1D1;
-}
-.activeRing {
-  box-shadow: 0 0 0 2px #00236A;
-}
-.activeRing:before {
-  background: #00236A;
-}
-.bigRing:before, .activeRing:before {
-  position: absolute;
-  content: '';
-  width: 2px;
-  height: 28px;
-  bottom: -32px;
-  left: 0;
-  right: 0;
-  margin: auto;
-  border-radius: 20px;
-  overflow: hidden;
-}
-.smallRing, .smallActiveRing {
-  border-radius: 50%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-}
-.smallRing {
-  width: 14px;
-  height: 14px;
-  background-color: #D1D1D1;
-}
-.smallActiveRing {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  background-color: #00236A;
-  color: #ffffff;
-}

package/src/components/stepper/stepper.stories.js

@@ -1,17 +0,0 @@
-import React from 'react'
-import { Stepper } from './index'
-export default {
-    component: Stepper,
-    title: 'Components/Stepper',
-}
-
-const Template = ({ stepLength, activeSteps }) => {
-    return <Stepper stepLength={stepLength} activeSteps={activeSteps} />
-}
-
-export const Default = Template.bind({})
-
-Default.args = {
-    stepLength: 5,
-    activeSteps: 3,
-}