@xaypay/tui 0.0.119 → 0.0.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +3983 -4344
- package/dist/index.js +3982 -4345
- package/package.json +1 -1
- package/tui.config.js +1 -1
- package/.eslintrc.js +0 -30
- package/.husky/pre-commit +0 -4
- package/.prettierrc +0 -10
- package/.storybook/main.js +0 -48
- package/.storybook/preview.js +0 -9
- package/rollup.config.js +0 -37
- package/src/assets/attach.svg +0 -4
- package/src/assets/delete.svg +0 -4
- package/src/assets/down-arrow.svg +0 -4
- package/src/assets/figma-image.png +0 -0
- package/src/assets/heart-filled.svg +0 -17
- package/src/assets/heart-outline.svg +0 -14
- package/src/assets/like-filled.svg +0 -21
- package/src/assets/like-outline.svg +0 -21
- package/src/assets/minus.svg +0 -4
- package/src/assets/pdf.svg +0 -3
- package/src/assets/plus.svg +0 -4
- package/src/assets/range-arrow-default.svg +0 -19
- package/src/assets/range-arrow-error.svg +0 -19
- package/src/assets/range-arrow-success.svg +0 -19
- package/src/assets/star-filled.svg +0 -21
- package/src/assets/star-outline.svg +0 -5
- package/src/assets/table-settings-icon.svg +0 -3
- package/src/assets/up-arrow.svg +0 -4
- package/src/assets_old/icons/Read Me.txt +0 -7
- package/src/assets_old/icons/demo-files/demo.css +0 -152
- package/src/assets_old/icons/demo-files/demo.js +0 -28
- package/src/assets_old/icons/demo.html +0 -192
- package/src/assets_old/icons/fonts/icomoon.eot +0 -0
- package/src/assets_old/icons/fonts/icomoon.svg +0 -21
- package/src/assets_old/icons/fonts/icomoon.ttf +0 -0
- package/src/assets_old/icons/fonts/icomoon.woff +0 -0
- package/src/assets_old/icons/selection.json +0 -1
- package/src/assets_old/icons/style.css +0 -58
- package/src/components/autocomplate/autocomplate.module.css +0 -95
- package/src/components/autocomplate/autocomplate.stories.js +0 -35
- package/src/components/autocomplate/index.js +0 -164
- package/src/components/button/button.stories.js +0 -13
- package/src/components/button/index.js +0 -187
- package/src/components/captcha/captcha.module.css +0 -74
- package/src/components/captcha/captcha.stories.js +0 -21
- package/src/components/captcha/index.js +0 -158
- package/src/components/checkbox/checkbox.module.css +0 -0
- package/src/components/checkbox/checkbox.stories.js +0 -76
- package/src/components/checkbox/index.js +0 -120
- package/src/components/file/file.module.css +0 -114
- package/src/components/file/file.stories.js +0 -20
- package/src/components/file/index.js +0 -138
- package/src/components/icon/Active.js +0 -20
- package/src/components/icon/Arrow.js +0 -19
- package/src/components/icon/Cancel.js +0 -19
- package/src/components/icon/CaptchaArrowDown.js +0 -19
- package/src/components/icon/CaptchaArrowUp.js +0 -19
- package/src/components/icon/CheckboxChecked.js +0 -21
- package/src/components/icon/CheckboxUnchecked.js +0 -21
- package/src/components/icon/Close.js +0 -19
- package/src/components/icon/CloseIcon.js +0 -19
- package/src/components/icon/CloseSlide.js +0 -19
- package/src/components/icon/DeActive.js +0 -20
- package/src/components/icon/DeleteComponent.js +0 -20
- package/src/components/icon/Done.js +0 -19
- package/src/components/icon/Dots.js +0 -19
- package/src/components/icon/DownArrow.js +0 -20
- package/src/components/icon/HeartFilled.js +0 -25
- package/src/components/icon/HeartOutline.js +0 -25
- package/src/components/icon/Heic.js +0 -21
- package/src/components/icon/Icon.js +0 -11
- package/src/components/icon/ListItemDelete.js +0 -19
- package/src/components/icon/ListItemJpeg.js +0 -21
- package/src/components/icon/ListItemJpg.js +0 -21
- package/src/components/icon/ListItemPdf.js +0 -21
- package/src/components/icon/ListItemPng.js +0 -21
- package/src/components/icon/Next.js +0 -20
- package/src/components/icon/Nextarrow.js +0 -19
- package/src/components/icon/PDF.js +0 -19
- package/src/components/icon/Prev.js +0 -20
- package/src/components/icon/RangeArrowDefault.js +0 -43
- package/src/components/icon/RangeArrowError.js +0 -43
- package/src/components/icon/RangeArrowSuccess.js +0 -43
- package/src/components/icon/Reject.js +0 -19
- package/src/components/icon/RemoveFile.js +0 -20
- package/src/components/icon/Required.js +0 -19
- package/src/components/icon/ToasterClose.js +0 -19
- package/src/components/icon/ToasterError.js +0 -19
- package/src/components/icon/ToasterInfo.js +0 -19
- package/src/components/icon/ToasterSuccess.js +0 -19
- package/src/components/icon/ToasterWarning.js +0 -19
- package/src/components/icon/Tooltip.js +0 -19
- package/src/components/icon/UpArrow.js +0 -20
- package/src/components/icon/Upload.js +0 -25
- package/src/components/icon/Wrong.js +0 -21
- package/src/components/icon/Zoom.js +0 -21
- package/src/components/icon/index.js +0 -0
- package/src/components/input/index.js +0 -688
- package/src/components/input/input.module.css +0 -51
- package/src/components/input/input.stories.js +0 -26
- package/src/components/modal/index.js +0 -436
- package/src/components/modal/modal.module.css +0 -22
- package/src/components/modal/modal.stories.js +0 -88
- package/src/components/newAutocomplete/NewAutocomplete.stories.js +0 -102
- package/src/components/newAutocomplete/autocomplete.module.css +0 -4
- package/src/components/newAutocomplete/index.js +0 -592
- package/src/components/newFile/fileItem.js +0 -281
- package/src/components/newFile/index.js +0 -731
- package/src/components/newFile/newFile.stories.js +0 -93
- package/src/components/pagination/index.js +0 -234
- package/src/components/pagination/pagination.module.css +0 -93
- package/src/components/pagination/pagination.stories.js +0 -371
- package/src/components/pagination/paginationRange.js +0 -45
- package/src/components/radio/index.js +0 -236
- package/src/components/radio/radio.module.css +0 -59
- package/src/components/radio/radio.stories.js +0 -59
- package/src/components/select/index.js +0 -534
- package/src/components/select/select.module.css +0 -93
- package/src/components/select/select.stories.js +0 -39
- package/src/components/singleCheckbox/Checkbox.js +0 -84
- package/src/components/singleCheckbox/index.js +0 -65
- package/src/components/singleCheckbox/singleCheckbox.stories.js +0 -24
- package/src/components/stepper/index.js +0 -45
- package/src/components/stepper/stepper.module.css +0 -57
- package/src/components/stepper/stepper.stories.js +0 -17
- package/src/components/table/index.js +0 -789
- package/src/components/table/table.module.css +0 -63
- package/src/components/table/table.stories.js +0 -497
- package/src/components/table/td.js +0 -429
- package/src/components/table/th.js +0 -103
- package/src/components/textarea/index.js +0 -285
- package/src/components/textarea/textarea.module.css +0 -25
- package/src/components/textarea/textarea.stories.js +0 -56
- package/src/components/toaster/Toast.js +0 -203
- package/src/components/toaster/index.js +0 -131
- package/src/components/toaster/toaster.module.css +0 -201
- package/src/components/toaster/toaster.stories.js +0 -593
- package/src/components/tooltip/index.js +0 -156
- package/src/components/tooltip/tooltip.module.css +0 -46
- package/src/components/tooltip/tooltip.stories.js +0 -30
- package/src/components/typography/index.js +0 -124
- package/src/components/typography/typography.module.css +0 -57
- package/src/components/typography/typography.stories.js +0 -22
- package/src/index.js +0 -19
- package/src/stories/Introduction.stories.mdx +0 -210
- package/src/stories/assets/code-brackets.svg +0 -1
- package/src/stories/assets/colors.svg +0 -1
- package/src/stories/assets/comments.svg +0 -1
- package/src/stories/assets/direction.svg +0 -1
- package/src/stories/assets/flow.svg +0 -1
- package/src/stories/assets/plugin.svg +0 -1
- package/src/stories/assets/repo.svg +0 -1
- package/src/stories/assets/stackalt.svg +0 -1
- package/src/stories/changelog.stories.mdx +0 -172
- package/src/stories/configuration.stories.mdx +0 -715
- package/src/stories/documentation.stories.mdx +0 -118
- package/src/stories/static/autocomplete-usage.png +0 -0
- package/src/stories/static/button-usage-icon.png +0 -0
- package/src/stories/static/button-usage.png +0 -0
- package/src/stories/static/captcha-usage.png +0 -0
- package/src/stories/static/checkbox-group-usage-2.png +0 -0
- package/src/stories/static/checkbox-group-usage.png +0 -0
- package/src/stories/static/file-single-usage.png +0 -0
- package/src/stories/static/file-usage.png +0 -0
- package/src/stories/static/input-usage.png +0 -0
- package/src/stories/static/modal-usage.png +0 -0
- package/src/stories/static/radio-usage.png +0 -0
- package/src/stories/static/select-usage.png +0 -0
- package/src/stories/static/table-body-data-structure-first-part-usage.png +0 -0
- package/src/stories/static/table-body-data-structure-second-part-usage.png +0 -0
- package/src/stories/static/table-body-data-structure-third-part-usage.png +0 -0
- package/src/stories/static/table-component-usage.png +0 -0
- package/src/stories/static/table-header-data-structure-usage.png +0 -0
- package/src/stories/static/table-new-data-structure-usage.png +0 -0
- package/src/stories/static/textarea-usage.png +0 -0
- package/src/stories/static/toaster-container-usage.png +0 -0
- package/src/stories/static/toaster-usage.png +0 -0
- package/src/stories/static/tooltip-usage.png +0 -0
- package/src/stories/usage.stories.mdx +0 -201
- package/src/utils/index.js +0 -29
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react'
|
|
2
|
-
import { NewAutocomplete } from './index'
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
component: NewAutocomplete,
|
|
6
|
-
title: 'Components/NewAutocomplete',
|
|
7
|
-
argTypes: {
|
|
8
|
-
options: {
|
|
9
|
-
control: 'array',
|
|
10
|
-
},
|
|
11
|
-
getItem: {
|
|
12
|
-
control: 'function',
|
|
13
|
-
},
|
|
14
|
-
change: {
|
|
15
|
-
control: 'function',
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
const Template = (args) => {
|
|
21
|
-
const [newOptions, setNewOptions] = useState([])
|
|
22
|
-
const [sel, setSel] = useState({ bbb: '0', name: 'gasdfgdsfgdsg' })
|
|
23
|
-
const handleClick = (selected) => {
|
|
24
|
-
console.log(selected, 'selected')
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
const handleChange = (value) => {
|
|
28
|
-
fetch(`http://dev2.govazd-api.yerevan.am/api/v1/companies/autocomplete?slug=${value.name ? value.name : ''}`, {
|
|
29
|
-
method: 'GET',
|
|
30
|
-
headers: {
|
|
31
|
-
'Content-Type': 'application/json',
|
|
32
|
-
Authorization:
|
|
33
|
-
'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiIwMjE0NzEyYTllNzQwZWMyMjNhYzE2MGQyNGVkY2UzNyIsImp0aSI6ImE1Mjk4NTU5ZjRiYWMxMzQyOTM3OTIzMTM2ZWQwNTM2ZWI1NjNlMzdhZGJjYjlkOWE1OWE5YjBlODBlM2JkMTJjZDE4YTAxM2NjNWEwOTM2IiwiaWF0IjoxNjg2ODA2NzEyLjgyNjEyLCJuYmYiOjE2ODY4MDY3MTIuODI2MTI4LCJleHAiOjE2ODY4MzE5MTIuODA0MTYxLCJzdWIiOiJtaW5hczg5QG1haWwucnUiLCJzY29wZXMiOlsiZW1haWwiXX0.Laezbf2xobWHCeDsFD_9nrGsPznIqUAz56Y-KyfvGt6x6F7WpxAg5HovIeiaLdhi0wdHWZhYnOMVktlHz-Gw0wdC6i-0IMq27tc968o21sTwp3jkVTl543J334u2-ju-s0nx9Yfcd84ySd499sMlhZRbsxuUPKJTiPAXeG6_tqlnMGRcQPIN24SIY4FLzES2vIQ6SqeiSQm9UQFlf4rmHVE7bEhFUPHXymNLMk8gS7Jm_xdhWtuv2Ei0ipiTApmUwpE4GYnpiHnnrEoZVrJ-sFgFZJekV0theZp5qPvjyLOVaC1rPIwwt8pdQZcfwFGxWWC9J3cEHtPfw9UhIsLi_IjS0OsFWuast6z6qSGVBpymQPA3oA1QSO4iA2UPAC0Yj7cYpYHP1q76jxbnSfYM0ifWwPUanX2OUdMWRMGuwzct7gi2jC3WIwTICahxrKFr_YpbEupxweL2IbxUeGoKCY13bq97C4u7bGELPlhoNHxm2HTD1Gp_sdQcEepJj2OMOvxE3eRCaJwyCtjZgsFpZSZYxo_6cSuCDGb0oxXESMjLPvCrleIXVJykc9ZjiK0gCZzeX83N9QlndsJ4elOcM8dLy0OOvXoojF1o_TMqSw8sD8wjpEo9Bp0MyUs4hPjmiBSrPNSAo9jbpgLYWuTUvCpPXFqmRkZhr4T_hnnuHkk',
|
|
34
|
-
},
|
|
35
|
-
})
|
|
36
|
-
.then((res) => {
|
|
37
|
-
return res.json()
|
|
38
|
-
})
|
|
39
|
-
.then((data) => {
|
|
40
|
-
if (data.data.success === false) {
|
|
41
|
-
setNewOptions([])
|
|
42
|
-
} else {
|
|
43
|
-
setNewOptions(data.data.companies)
|
|
44
|
-
}
|
|
45
|
-
console.log(data, 'data')
|
|
46
|
-
})
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
return (
|
|
50
|
-
<>
|
|
51
|
-
<NewAutocomplete
|
|
52
|
-
{...args}
|
|
53
|
-
getItem={handleClick}
|
|
54
|
-
selected={sel}
|
|
55
|
-
options={newOptions}
|
|
56
|
-
change={handleChange}
|
|
57
|
-
/>
|
|
58
|
-
<button
|
|
59
|
-
style={{
|
|
60
|
-
padding: '15px',
|
|
61
|
-
cursor: 'pointer',
|
|
62
|
-
margin: '10px 15px 0px 0px',
|
|
63
|
-
borderRadius: '10px',
|
|
64
|
-
fontSize: '22px',
|
|
65
|
-
}}
|
|
66
|
-
onClick={() => setSel({ bbb: '0', name: 'gasdfgdsfgdsg' })}
|
|
67
|
-
>
|
|
68
|
-
reset selected
|
|
69
|
-
</button>
|
|
70
|
-
<button
|
|
71
|
-
style={{
|
|
72
|
-
padding: '15px',
|
|
73
|
-
cursor: 'pointer',
|
|
74
|
-
margin: '10px 15px 0px 0px',
|
|
75
|
-
borderRadius: '10px',
|
|
76
|
-
fontSize: '22px',
|
|
77
|
-
}}
|
|
78
|
-
onClick={() => setSel({ dd: '1', name: 'just ok' })}
|
|
79
|
-
>
|
|
80
|
-
change selected
|
|
81
|
-
</button>
|
|
82
|
-
<button
|
|
83
|
-
style={{
|
|
84
|
-
padding: '15px',
|
|
85
|
-
cursor: 'pointer',
|
|
86
|
-
margin: '10px 15px 0px 0px',
|
|
87
|
-
borderRadius: '10px',
|
|
88
|
-
fontSize: '22px',
|
|
89
|
-
}}
|
|
90
|
-
onClick={() => setSel({ dd: '', name: '' })}
|
|
91
|
-
>
|
|
92
|
-
empty selected
|
|
93
|
-
</button>
|
|
94
|
-
</>
|
|
95
|
-
)
|
|
96
|
-
}
|
|
97
|
-
export const Default = Template.bind({})
|
|
98
|
-
Default.args = {
|
|
99
|
-
searchCount: 3,
|
|
100
|
-
keyNames: { name: 'name', id: 'bbb' },
|
|
101
|
-
selected: { bbb: '0', name: 'gasdfgdsfgdsg' },
|
|
102
|
-
}
|