@xaypay/tui 0.0.34 → 0.0.36

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.
@@ -2,8 +2,7 @@
2
2
  <project version="4">
3
3
  <component name="ChangeListManager">
4
4
  <list default="true" id="2ce9202b-7142-421e-9ae6-10ddc79c4729" name="Default" comment="">
5
- <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
6
- <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/modal/modal.module.css" afterPath="$PROJECT_DIR$/src/components/modal/modal.module.css" />
5
+ <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/typography/typography.module.css" afterPath="$PROJECT_DIR$/src/components/typography/typography.module.css" />
7
6
  </list>
8
7
  <ignored path="$PROJECT_DIR$/.tmp/" />
9
8
  <ignored path="$PROJECT_DIR$/temp/" />
@@ -20,74 +19,40 @@
20
19
  <favorites_list name="tui" />
21
20
  </component>
22
21
  <component name="FileEditorManager">
23
- <splitter split-orientation="horizontal" split-proportion="0.53333336">
22
+ <splitter split-orientation="horizontal" split-proportion="0.67908084">
24
23
  <split-first>
25
- <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
26
- <file leaf-file-name="index.js" pinned="false" current-in-tab="false">
24
+ <leaf>
25
+ <file leaf-file-name="index.js" pinned="false" current-in-tab="true">
27
26
  <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
28
27
  <provider selected="true" editor-type-id="text-editor">
29
- <state relative-caret-position="948">
30
- <caret line="71" column="20" lean-forward="false" selection-start-line="71" selection-start-column="20" selection-end-line="71" selection-end-column="20" />
31
- <folding>
32
- <marker date="1671562423273" expanded="true" signature="2758:3044" ph="&lt;div/&gt;" />
33
- <marker date="1671562423273" expanded="true" signature="2758:3071" ph="&lt;div/&gt;" />
34
- <marker date="1671562423273" expanded="true" signature="2758:3164" ph="&lt;xml/&gt;" />
35
- <marker date="1671562423273" expanded="true" signature="2758:3171" ph="{...}" />
36
- <marker date="1671562423273" expanded="true" signature="3191:3401" ph="{&quot;className&quot;: PropTypes.string...}" />
37
- </folding>
38
- </state>
39
- </provider>
40
- </entry>
41
- </file>
42
- <file leaf-file-name="modal.module.css" pinned="false" current-in-tab="true">
43
- <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
44
- <provider selected="true" editor-type-id="text-editor">
45
- <state relative-caret-position="284">
46
- <caret line="39" column="17" lean-forward="false" selection-start-line="39" selection-start-column="17" selection-end-line="39" selection-end-column="17" />
28
+ <state relative-caret-position="402">
29
+ <caret line="91" column="38" lean-forward="false" selection-start-line="91" selection-start-column="38" selection-end-line="91" selection-end-column="38" />
47
30
  <folding />
48
31
  </state>
49
32
  </provider>
50
33
  </entry>
51
34
  </file>
52
- <file leaf-file-name="checkbox.module.css" pinned="false" current-in-tab="false">
53
- <entry file="file://$PROJECT_DIR$/src/components/checkbox/checkbox.module.css">
54
- <provider selected="true" editor-type-id="text-editor">
55
- <state relative-caret-position="119">
56
- <caret line="22" column="16" lean-forward="false" selection-start-line="22" selection-start-column="16" selection-end-line="22" selection-end-column="16" />
57
- <folding />
58
- </state>
59
- </provider>
60
- </entry>
61
- </file>
62
- <file leaf-file-name="pagination.module.css" pinned="false" current-in-tab="false">
63
- <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
35
+ </leaf>
36
+ </split-first>
37
+ <split-second>
38
+ <leaf>
39
+ <file leaf-file-name="file.module.css" pinned="false" current-in-tab="false">
40
+ <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
64
41
  <provider selected="true" editor-type-id="text-editor">
65
- <state relative-caret-position="221">
66
- <caret line="13" column="28" lean-forward="false" selection-start-line="13" selection-start-column="28" selection-end-line="13" selection-end-column="28" />
67
- <folding />
42
+ <state relative-caret-position="459">
43
+ <caret line="33" column="25" lean-forward="false" selection-start-line="33" selection-start-column="25" selection-end-line="33" selection-end-column="25" />
44
+ <folding>
45
+ <marker date="1672138325361" expanded="true" signature="340:714" ph="..." />
46
+ </folding>
68
47
  </state>
69
48
  </provider>
70
49
  </entry>
71
50
  </file>
72
- <file leaf-file-name="typography.module.css" pinned="false" current-in-tab="false">
51
+ <file leaf-file-name="typography.module.css" pinned="false" current-in-tab="true">
73
52
  <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
74
53
  <provider selected="true" editor-type-id="text-editor">
75
- <state relative-caret-position="335">
76
- <caret line="46" column="21" lean-forward="true" selection-start-line="46" selection-start-column="21" selection-end-line="46" selection-end-column="21" />
77
- <folding />
78
- </state>
79
- </provider>
80
- </entry>
81
- </file>
82
- </leaf>
83
- </split-first>
84
- <split-second>
85
- <leaf>
86
- <file leaf-file-name="file.module.css" pinned="false" current-in-tab="true">
87
- <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
88
- <provider selected="true" editor-type-id="text-editor">
89
- <state relative-caret-position="17">
90
- <caret line="15" column="15" lean-forward="false" selection-start-line="15" selection-start-column="15" selection-end-line="15" selection-end-column="15" />
54
+ <state relative-caret-position="344">
55
+ <caret line="45" column="19" lean-forward="false" selection-start-line="45" selection-start-column="19" selection-end-line="45" selection-end-column="19" />
91
56
  <folding />
92
57
  </state>
93
58
  </provider>
@@ -99,12 +64,6 @@
99
64
  </component>
100
65
  <component name="FindInProjectRecents">
101
66
  <findStrings>
102
- <find>con</find>
103
- <find>Icon</find>
104
- <find>img</find>
105
- <find>file-form-title</find>
106
- <find>select-title</find>
107
- <find>.select-title</find>
108
67
  <find>verification-numbers</find>
109
68
  <find>react-datepicker-wrapper</find>
110
69
  <find>.react-datepicker-wrapp</find>
@@ -125,10 +84,15 @@
125
84
  <find>.react-datepic</find>
126
85
  <find>.react-datepi</find>
127
86
  <find>.modal-module_modal-title</find>
128
- <find>.modal-module_modal-title</find>
129
- <find>.modal-module_modal-titl</find>
130
87
  <find>.modal-module_modal-tit</find>
88
+ <find>modal-content-bottom</find>
89
+ <find>.modal-module_modal-titl</find>
90
+ <find>.modal-module_</find>
131
91
  <find>.modal-module</find>
92
+ <find>.modal-modul</find>
93
+ <find>.modal-modu</find>
94
+ <find>icon-close</find>
95
+ <find>icon-delete</find>
132
96
  </findStrings>
133
97
  <replaceStrings>
134
98
  <replace />
@@ -166,7 +130,6 @@
166
130
  <option value="$PROJECT_DIR$/src/components/typography/index.js" />
167
131
  <option value="$PROJECT_DIR$/src/components/radio/index.js" />
168
132
  <option value="$PROJECT_DIR$/src/components/checkbox/index.js" />
169
- <option value="$PROJECT_DIR$/src/components/select/index.js" />
170
133
  <option value="$PROJECT_DIR$/src/assets_old/icons/style.css" />
171
134
  <option value="$PROJECT_DIR$/src/components/multiselect/index.js" />
172
135
  <option value="$PROJECT_DIR$/src/components/multiselect/multiselect.module.css" />
@@ -178,17 +141,18 @@
178
141
  <option value="$PROJECT_DIR$/src/components/stepper/index.js" />
179
142
  <option value="$PROJECT_DIR$/src/components/button/button.module.css" />
180
143
  <option value="$PROJECT_DIR$/src/components/pagination/index.js" />
181
- <option value="$PROJECT_DIR$/src/components/select/select.module.css" />
182
144
  <option value="$PROJECT_DIR$/src/components/autocomplate/autocomplate.module.css" />
183
145
  <option value="$PROJECT_DIR$/src/components/input/input.module.css" />
184
146
  <option value="$PROJECT_DIR$/src/components/input/index.js" />
185
147
  <option value="$PROJECT_DIR$/src/components/autocomplate/index.js" />
186
- <option value="$PROJECT_DIR$/src/components/file/file.module.css" />
187
- <option value="$PROJECT_DIR$/src/components/file/index.js" />
188
148
  <option value="$PROJECT_DIR$/src/components/checkbox/checkbox.module.css" />
189
149
  <option value="$PROJECT_DIR$/src/components/pagination/pagination.module.css" />
190
- <option value="$PROJECT_DIR$/src/components/typography/typography.module.css" />
191
150
  <option value="$PROJECT_DIR$/src/components/modal/modal.module.css" />
151
+ <option value="$PROJECT_DIR$/src/components/select/index.js" />
152
+ <option value="$PROJECT_DIR$/src/components/select/select.module.css" />
153
+ <option value="$PROJECT_DIR$/src/components/file/index.js" />
154
+ <option value="$PROJECT_DIR$/src/components/file/file.module.css" />
155
+ <option value="$PROJECT_DIR$/src/components/typography/typography.module.css" />
192
156
  </list>
193
157
  </option>
194
158
  </component>
@@ -841,11 +805,25 @@
841
805
  <option name="project" value="LOCAL" />
842
806
  <updated>1670431192852</updated>
843
807
  </task>
844
- <option name="localTasksCounter" value="21" />
808
+ <task id="LOCAL-00021" summary="change styles">
809
+ <created>1672134053019</created>
810
+ <option name="number" value="00021" />
811
+ <option name="presentableId" value="LOCAL-00021" />
812
+ <option name="project" value="LOCAL" />
813
+ <updated>1672134053019</updated>
814
+ </task>
815
+ <task id="LOCAL-00022" summary="change styles">
816
+ <created>1672135466544</created>
817
+ <option name="number" value="00022" />
818
+ <option name="presentableId" value="LOCAL-00022" />
819
+ <option name="project" value="LOCAL" />
820
+ <updated>1672135466544</updated>
821
+ </task>
822
+ <option name="localTasksCounter" value="23" />
845
823
  <servers />
846
824
  </component>
847
825
  <component name="TimeTrackingManager">
848
- <option name="totallyTimeSpent" value="72533000" />
826
+ <option name="totallyTimeSpent" value="83269000" />
849
827
  </component>
850
828
  <component name="TodoView">
851
829
  <todo-panel id="selected-file">
@@ -860,7 +838,7 @@
860
838
  <frame x="-8" y="-8" width="1616" height="876" extended-state="0" />
861
839
  <editor active="true" />
862
840
  <layout>
863
- <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.20152092" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
841
+ <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25792143" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
864
842
  <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
865
843
  <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
866
844
  <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="11" side_tool="true" content_ui="tabs" />
@@ -869,11 +847,12 @@
869
847
  <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.5491252" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
870
848
  <window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="true" content_ui="tabs" />
871
849
  <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
872
- <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.16823688" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
850
+ <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3001346" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
873
851
  <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
874
852
  <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="true" content_ui="tabs" />
875
853
  <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
876
854
  <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
855
+ <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
877
856
  <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
878
857
  <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
879
858
  <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="11" side_tool="true" content_ui="tabs" />
@@ -885,6 +864,7 @@
885
864
  <window_info id="TypeScript" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="10" side_tool="false" content_ui="tabs" />
886
865
  <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
887
866
  <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.20152092" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
867
+ <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
888
868
  <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
889
869
  <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
890
870
  <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
@@ -1176,16 +1156,6 @@
1176
1156
  </state>
1177
1157
  </provider>
1178
1158
  </entry>
1179
- <entry file="file://$PROJECT_DIR$/src/components/file/file.stories.js">
1180
- <provider selected="true" editor-type-id="text-editor">
1181
- <state relative-caret-position="0">
1182
- <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
1183
- <folding>
1184
- <element signature="e#0#26#0" expanded="false" />
1185
- </folding>
1186
- </state>
1187
- </provider>
1188
- </entry>
1189
1159
  <entry file="file://$PROJECT_DIR$/src/assets_old/icons/style.css">
1190
1160
  <provider selected="true" editor-type-id="text-editor">
1191
1161
  <state relative-caret-position="463">
@@ -1207,14 +1177,6 @@
1207
1177
  </state>
1208
1178
  </provider>
1209
1179
  </entry>
1210
- <entry file="file://$PROJECT_DIR$/src/components/select/select.module.css">
1211
- <provider selected="true" editor-type-id="text-editor">
1212
- <state relative-caret-position="394">
1213
- <caret line="95" column="20" lean-forward="false" selection-start-line="95" selection-start-column="20" selection-end-line="95" selection-end-column="20" />
1214
- <folding />
1215
- </state>
1216
- </provider>
1217
- </entry>
1218
1180
  <entry file="file://$PROJECT_DIR$/src/components/multiselect/multiselect.stories.js">
1219
1181
  <provider selected="true" editor-type-id="text-editor">
1220
1182
  <state relative-caret-position="0">
@@ -1233,21 +1195,7 @@
1233
1195
  <provider selected="true" editor-type-id="text-editor">
1234
1196
  <state relative-caret-position="289">
1235
1197
  <caret line="20" column="22" lean-forward="false" selection-start-line="20" selection-start-column="22" selection-end-line="20" selection-end-column="62" />
1236
- <folding>
1237
- <marker date="1670339338533" expanded="false" signature="7:155" ph="..." />
1238
- <marker date="1670339338533" expanded="true" signature="185:288" ph="{&quot;className&quot;: className...}" />
1239
- <marker date="1670339338533" expanded="true" signature="293:3038" ph="{...}" />
1240
- <marker date="1670339338533" expanded="true" signature="934:1577" ph="{...}" />
1241
- <marker date="1670339338533" expanded="true" signature="973:995" ph="{...}" />
1242
- <marker date="1670339338533" expanded="true" signature="1205:1447" ph="{...}" />
1243
- <marker date="1670339338533" expanded="true" signature="1611:1824" ph="{...}" />
1244
- <marker date="1670339338533" expanded="true" signature="1685:1792" ph="{...}" />
1245
- <marker date="1670339338533" expanded="true" signature="2036:2055" ph="{...}" />
1246
- <marker date="1670339338533" expanded="true" signature="2215:2237" ph="{...}" />
1247
- <marker date="1670339338533" expanded="true" signature="2288:2316" ph="{...}" />
1248
- <marker date="1670339338533" expanded="true" signature="2510:2792" ph="{...}" />
1249
- <marker date="1670339338533" expanded="true" signature="3065:3266" ph="{&quot;className&quot;: PropTypes.string...}" />
1250
- </folding>
1198
+ <folding />
1251
1199
  </state>
1252
1200
  </provider>
1253
1201
  </entry>
@@ -1259,14 +1207,6 @@
1259
1207
  </state>
1260
1208
  </provider>
1261
1209
  </entry>
1262
- <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
1263
- <provider selected="true" editor-type-id="text-editor">
1264
- <state relative-caret-position="499">
1265
- <caret line="67" column="40" lean-forward="false" selection-start-line="67" selection-start-column="40" selection-end-line="67" selection-end-column="40" />
1266
- <folding />
1267
- </state>
1268
- </provider>
1269
- </entry>
1270
1210
  <entry file="file://$PROJECT_DIR$/src/components/autocomplate/autocomplate.stories.js">
1271
1211
  <provider selected="true" editor-type-id="text-editor">
1272
1212
  <state relative-caret-position="0">
@@ -1281,7 +1221,6 @@
1281
1221
  <provider selected="true" editor-type-id="text-editor">
1282
1222
  <state relative-caret-position="213">
1283
1223
  <caret line="91" column="10" lean-forward="false" selection-start-line="91" selection-start-column="10" selection-end-line="91" selection-end-column="10" />
1284
- <folding />
1285
1224
  </state>
1286
1225
  </provider>
1287
1226
  </entry>
@@ -1289,7 +1228,6 @@
1289
1228
  <provider selected="true" editor-type-id="text-editor">
1290
1229
  <state relative-caret-position="499">
1291
1230
  <caret line="64" column="8" lean-forward="false" selection-start-line="64" selection-start-column="8" selection-end-line="64" selection-end-column="8" />
1292
- <folding />
1293
1231
  </state>
1294
1232
  </provider>
1295
1233
  </entry>
@@ -1305,60 +1243,78 @@
1305
1243
  <provider selected="true" editor-type-id="text-editor">
1306
1244
  <state relative-caret-position="499">
1307
1245
  <caret line="104" column="18" lean-forward="false" selection-start-line="104" selection-start-column="18" selection-end-line="104" selection-end-column="18" />
1246
+ </state>
1247
+ </provider>
1248
+ </entry>
1249
+ <entry file="file://$PROJECT_DIR$/src/components/checkbox/checkbox.module.css">
1250
+ <provider selected="true" editor-type-id="text-editor">
1251
+ <state relative-caret-position="119">
1252
+ <caret line="22" column="16" lean-forward="false" selection-start-line="22" selection-start-column="16" selection-end-line="22" selection-end-column="16" />
1308
1253
  <folding />
1309
1254
  </state>
1310
1255
  </provider>
1311
1256
  </entry>
1312
- <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
1257
+ <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
1313
1258
  <provider selected="true" editor-type-id="text-editor">
1314
- <state relative-caret-position="17">
1315
- <caret line="15" column="15" lean-forward="false" selection-start-line="15" selection-start-column="15" selection-end-line="15" selection-end-column="15" />
1259
+ <state relative-caret-position="374">
1260
+ <caret line="34" column="28" lean-forward="false" selection-start-line="34" selection-start-column="28" selection-end-line="34" selection-end-column="28" />
1316
1261
  <folding />
1317
1262
  </state>
1318
1263
  </provider>
1319
1264
  </entry>
1320
- <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
1265
+ <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
1321
1266
  <provider selected="true" editor-type-id="text-editor">
1322
- <state relative-caret-position="948">
1323
- <caret line="71" column="20" lean-forward="false" selection-start-line="71" selection-start-column="20" selection-end-line="71" selection-end-column="20" />
1324
- <folding>
1325
- <marker date="1671562423273" expanded="true" signature="2758:3044" ph="&lt;div/&gt;" />
1326
- <marker date="1671562423273" expanded="true" signature="2758:3071" ph="&lt;div/&gt;" />
1327
- <marker date="1671562423273" expanded="true" signature="2758:3164" ph="&lt;xml/&gt;" />
1328
- <marker date="1671562423273" expanded="true" signature="2758:3171" ph="{...}" />
1329
- <marker date="1671562423273" expanded="true" signature="3191:3401" ph="{&quot;className&quot;: PropTypes.string...}" />
1330
- </folding>
1267
+ <state relative-caret-position="374">
1268
+ <caret line="22" column="20" lean-forward="false" selection-start-line="22" selection-start-column="20" selection-end-line="22" selection-end-column="20" />
1269
+ <folding />
1331
1270
  </state>
1332
1271
  </provider>
1333
1272
  </entry>
1334
- <entry file="file://$PROJECT_DIR$/src/components/checkbox/checkbox.module.css">
1273
+ <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
1335
1274
  <provider selected="true" editor-type-id="text-editor">
1336
- <state relative-caret-position="119">
1337
- <caret line="22" column="16" lean-forward="false" selection-start-line="22" selection-start-column="16" selection-end-line="22" selection-end-column="16" />
1275
+ <state relative-caret-position="239">
1276
+ <caret line="87" column="42" lean-forward="false" selection-start-line="87" selection-start-column="42" selection-end-line="87" selection-end-column="42" />
1277
+ </state>
1278
+ </provider>
1279
+ </entry>
1280
+ <entry file="file://$PROJECT_DIR$/src/components/select/select.module.css">
1281
+ <provider selected="true" editor-type-id="text-editor">
1282
+ <state relative-caret-position="290">
1283
+ <caret line="83" column="19" lean-forward="true" selection-start-line="83" selection-start-column="19" selection-end-line="83" selection-end-column="19" />
1338
1284
  <folding />
1339
1285
  </state>
1340
1286
  </provider>
1341
1287
  </entry>
1342
- <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
1288
+ <entry file="file://$PROJECT_DIR$/src/components/file/file.stories.js">
1343
1289
  <provider selected="true" editor-type-id="text-editor">
1344
- <state relative-caret-position="221">
1345
- <caret line="13" column="28" lean-forward="false" selection-start-line="13" selection-start-column="28" selection-end-line="13" selection-end-column="28" />
1290
+ <state relative-caret-position="0">
1291
+ <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
1346
1292
  <folding />
1347
1293
  </state>
1348
1294
  </provider>
1349
1295
  </entry>
1350
- <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1296
+ <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
1351
1297
  <provider selected="true" editor-type-id="text-editor">
1352
- <state relative-caret-position="335">
1353
- <caret line="46" column="21" lean-forward="true" selection-start-line="46" selection-start-column="21" selection-end-line="46" selection-end-column="21" />
1298
+ <state relative-caret-position="402">
1299
+ <caret line="91" column="38" lean-forward="false" selection-start-line="91" selection-start-column="38" selection-end-line="91" selection-end-column="38" />
1354
1300
  <folding />
1355
1301
  </state>
1356
1302
  </provider>
1357
1303
  </entry>
1358
- <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
1304
+ <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
1305
+ <provider selected="true" editor-type-id="text-editor">
1306
+ <state relative-caret-position="459">
1307
+ <caret line="33" column="25" lean-forward="false" selection-start-line="33" selection-start-column="25" selection-end-line="33" selection-end-column="25" />
1308
+ <folding>
1309
+ <marker date="1672138325361" expanded="true" signature="340:714" ph="..." />
1310
+ </folding>
1311
+ </state>
1312
+ </provider>
1313
+ </entry>
1314
+ <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1359
1315
  <provider selected="true" editor-type-id="text-editor">
1360
- <state relative-caret-position="284">
1361
- <caret line="39" column="17" lean-forward="false" selection-start-line="39" selection-start-column="17" selection-end-line="39" selection-end-column="17" />
1316
+ <state relative-caret-position="344">
1317
+ <caret line="45" column="19" lean-forward="false" selection-start-line="45" selection-start-column="19" selection-end-line="45" selection-end-column="19" />
1362
1318
  <folding />
1363
1319
  </state>
1364
1320
  </provider>
package/dist/index.es.js CHANGED
@@ -129,7 +129,7 @@ Button.defaultProps = {
129
129
  outline: false
130
130
  };
131
131
 
132
- var css_248z$c = "h1{font-size:70px;line-height:78px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:56px}h3{font-size:38px;font-weight:400;line-height:44px;text-transform:uppercase}h4{font-size:24px;line-height:28px}h4,h5{font-weight:600;text-transform:uppercase}h5{font-size:20px;line-height:26px}h6{font-size:14px;font-weight:600;line-height:20px;text-transform:none}p{font-size:16px;line-height:22px}p,span{color:#3c393e;font-weight:500;text-transform:none}span{font-size:12px;line-height:16px}i{font-family:icomoon;font-style:inherit}";
132
+ var css_248z$c = "h1{font-size:70px;line-height:78px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:56px}h3{font-size:38px;font-weight:400;line-height:44px;text-transform:uppercase}h4{font-size:24px;line-height:28px}h4,h5{font-weight:600;text-transform:uppercase}h5{font-size:20px;line-height:26px}h6{font-size:14px;font-weight:600;line-height:20px;text-transform:none}p{font-size:13px;line-height:18px}p,span{color:#3c393e;font-weight:500;text-transform:none}span{font-size:12px;line-height:16px}i{font-family:icomoon;font-style:inherit}";
133
133
  styleInject(css_248z$c);
134
134
 
135
135
  const TypographyType = {
@@ -266,7 +266,7 @@ const Autocomplate = ({
266
266
  className: styles$a['autocomplate-content-bottom-row']
267
267
  }, /*#__PURE__*/React.createElement("div", {
268
268
  className: styles$a['no-option']
269
- }, inputValue.length <= searchCount ? `առնվազն ${searchCount} նիշ` : 'no Option!'))));
269
+ }, inputValue.length <= searchCount ? `առնվազն ${searchCount} նիշ` : 'տվյալներ չկան'))));
270
270
  }
271
271
  }
272
272
  return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("label", {
@@ -493,7 +493,7 @@ Input.defaultProps = {
493
493
  value: ""
494
494
  };
495
495
 
496
- var css_248z$7 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
496
+ var css_248z$7 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:13px;line-height:16px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
497
497
  var styles$7 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
498
498
  styleInject(css_248z$7);
499
499
 
@@ -809,8 +809,8 @@ Stepper.propTypes = {
809
809
  activeSteps: PropTypes.number
810
810
  };
811
811
 
812
- var css_248z$3 = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;line-height:22px;margin-bottom:2px;min-height:46px;padding:0 15px;transition:background .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
813
- var styles$3 = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
812
+ var css_248z$3 = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:12px}.select-module_select-content-top-icon__MBrGK>i.select-module_icon-close__KQkij{align-items:center;border-right:1px solid #eee;display:flex;height:22px;margin-right:8px;padding:0 8px}.select-module_select-content-bottom-row__eKq5L{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;line-height:22px;margin-bottom:2px;min-height:46px;padding:0 15px;transition:background .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
813
+ var styles$3 = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","icon-close":"select-module_icon-close__KQkij","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
814
814
  styleInject(css_248z$3);
815
815
 
816
816
  const SelectTheme = {
@@ -883,14 +883,15 @@ const Select = ({
883
883
  className: styles$3['select-content-top-text']
884
884
  }, newSelected && newSelected[keyNames.name] ? newSelected[keyNames.name] : defaultOption), /*#__PURE__*/React.createElement("div", {
885
885
  className: styles$3['select-content-top-icon']
886
- }, Object.keys(newSelected).length > 0 && /*#__PURE__*/React.createElement("span", {
886
+ }, Object.keys(newSelected).length > 0 && /*#__PURE__*/React.createElement("i", {
887
+ className: "icon-close",
887
888
  onClick: e => {
888
889
  setNewSelected({});
889
890
  onChange({});
890
891
  e.stopPropagation();
891
892
  }
892
- }, "X"), /*#__PURE__*/React.createElement("i", {
893
- className: opened ? 'icon-arrow-up' : 'icon-arrow-down'
893
+ }), /*#__PURE__*/React.createElement("i", {
894
+ className: opened ? 'icon-icon-up' : 'icon-icon-down'
894
895
  }))), opened && !disabled ? /*#__PURE__*/React.createElement("div", {
895
896
  className: styles$3['select-content-bottom']
896
897
  }, /*#__PURE__*/React.createElement("div", {
@@ -929,8 +930,8 @@ Select.defaultProps = {
929
930
  size: 'medium'
930
931
  };
931
932
 
932
- var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form__l13d5:hover+.file-module_delete-upload-file__DirSm{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-file__DirSm{background:rgba(60,57,62,.4);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;position:fixed;right:10px;top:10px;width:26px;z-index:2}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn>img{display:block;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
933
- var styles$2 = {"file-form":"file-module_file-form__l13d5","delete-upload-file":"file-module_delete-upload-file__DirSm","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","delete-upload-icon":"file-module_delete-upload-icon__PWN66","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB","file-form-wrap":"file-module_file-form-wrap__qY--B"};
933
+ var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:calc(100% + 4px);z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
934
+ var styles$2 = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
934
935
  styleInject(css_248z$2);
935
936
 
936
937
  const File = ({
@@ -946,9 +947,6 @@ const File = ({
946
947
  }) => {
947
948
  const pdfImageName = 'https://play-lh.googleusercontent.com/kIwlXqs28otssKK_9AKwdkB6gouex_U2WmtLshTACnwIJuvOqVvJEzewpzuYBXwXQQ';
948
949
  const [image, setImage] = useState(defaultData ? defaultData.type != 'application/pdf' ? defaultData.url : pdfImageName : null);
949
- useEffect(() => {
950
- setImage(defaultData ? defaultData.type != 'application/pdf' ? defaultData.url : pdfImageName : null);
951
- }, [defaultData]);
952
950
  const [error, setError] = useState(errorMesage);
953
951
  const [fileName, setFileName] = useState('no selected file');
954
952
  function fileType(file) {
@@ -973,6 +971,8 @@ const File = ({
973
971
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
974
972
  className: styles$2['file-form-title']
975
973
  }, label), /*#__PURE__*/React.createElement("div", {
974
+ className: classnames(styles$2['file-form-wrap'], image ? styles$2['active'] : '')
975
+ }, /*#__PURE__*/React.createElement("div", {
976
976
  className: styles$2['file-form'],
977
977
  onChange: e => {
978
978
  console.log(e);
@@ -1005,18 +1005,7 @@ const File = ({
1005
1005
  }
1006
1006
  }), image ? /*#__PURE__*/React.createElement("div", {
1007
1007
  className: styles$2['upload-file-content']
1008
- }, /*#__PURE__*/React.createElement("div", {
1009
- onClick: () => {
1010
- setFileName('no selected file');
1011
- setImage(null);
1012
- }
1013
- }, /*#__PURE__*/React.createElement("div", {
1014
- className: styles$2['delete-upload-file']
1015
- }, /*#__PURE__*/React.createElement("div", {
1016
- className: styles$2['delete-upload-icon']
1017
- }, /*#__PURE__*/React.createElement("i", {
1018
- className: "icon-delete"
1019
- })))), /*#__PURE__*/React.createElement("img", {
1008
+ }, /*#__PURE__*/React.createElement("img", {
1020
1009
  src: image,
1021
1010
  height: 190,
1022
1011
  alt: fileName
@@ -1031,11 +1020,20 @@ const File = ({
1031
1020
  className: styles$2['upload-info-txt']
1032
1021
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React.createElement("span", {
1033
1022
  className: styles$2['upload-info-size']
1034
- }, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 5\u0544\u0532 ( jpg, jpeg, png, pdf)"))), error ? /*#__PURE__*/React.createElement("span", {
1023
+ }, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 5\u0544\u0532 ( jpg, jpeg, png, pdf)"))), /*#__PURE__*/React.createElement("div", {
1024
+ className: styles$2['delete-upload-icon'],
1025
+ onClick: e => {
1026
+ setFileName('no selected file');
1027
+ setImage(null);
1028
+ e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1029
+ }
1030
+ }, /*#__PURE__*/React.createElement("i", {
1031
+ className: "icon-delete"
1032
+ })), error ? /*#__PURE__*/React.createElement("span", {
1035
1033
  style: {
1036
1034
  color: 'red'
1037
1035
  }
1038
- }, error) : null);
1036
+ }, error) : null));
1039
1037
  };
1040
1038
  File.propTypes = {
1041
1039
  className: PropTypes.string,
@@ -1047,7 +1045,7 @@ File.propTypes = {
1047
1045
  defaultData: PropTypes.object
1048
1046
  };
1049
1047
 
1050
- var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
1048
+ var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
1051
1049
  var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
1052
1050
  styleInject(css_248z$1);
1053
1051
 
package/dist/index.js CHANGED
@@ -140,7 +140,7 @@ Button.defaultProps = {
140
140
  outline: false
141
141
  };
142
142
 
143
- var css_248z$c = "h1{font-size:70px;line-height:78px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:56px}h3{font-size:38px;font-weight:400;line-height:44px;text-transform:uppercase}h4{font-size:24px;line-height:28px}h4,h5{font-weight:600;text-transform:uppercase}h5{font-size:20px;line-height:26px}h6{font-size:14px;font-weight:600;line-height:20px;text-transform:none}p{font-size:16px;line-height:22px}p,span{color:#3c393e;font-weight:500;text-transform:none}span{font-size:12px;line-height:16px}i{font-family:icomoon;font-style:inherit}";
143
+ var css_248z$c = "h1{font-size:70px;line-height:78px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:56px}h3{font-size:38px;font-weight:400;line-height:44px;text-transform:uppercase}h4{font-size:24px;line-height:28px}h4,h5{font-weight:600;text-transform:uppercase}h5{font-size:20px;line-height:26px}h6{font-size:14px;font-weight:600;line-height:20px;text-transform:none}p{font-size:13px;line-height:18px}p,span{color:#3c393e;font-weight:500;text-transform:none}span{font-size:12px;line-height:16px}i{font-family:icomoon;font-style:inherit}";
144
144
  styleInject(css_248z$c);
145
145
 
146
146
  const TypographyType = {
@@ -277,7 +277,7 @@ const Autocomplate = ({
277
277
  className: styles$a['autocomplate-content-bottom-row']
278
278
  }, /*#__PURE__*/React__default["default"].createElement("div", {
279
279
  className: styles$a['no-option']
280
- }, inputValue.length <= searchCount ? `առնվազն ${searchCount} նիշ` : 'no Option!'))));
280
+ }, inputValue.length <= searchCount ? `առնվազն ${searchCount} նիշ` : 'տվյալներ չկան'))));
281
281
  }
282
282
  }
283
283
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
@@ -504,7 +504,7 @@ Input.defaultProps = {
504
504
  value: ""
505
505
  };
506
506
 
507
- var css_248z$7 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
507
+ var css_248z$7 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:13px;line-height:16px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
508
508
  var styles$7 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
509
509
  styleInject(css_248z$7);
510
510
 
@@ -820,8 +820,8 @@ Stepper.propTypes = {
820
820
  activeSteps: PropTypes__default["default"].number
821
821
  };
822
822
 
823
- var css_248z$3 = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;line-height:22px;margin-bottom:2px;min-height:46px;padding:0 15px;transition:background .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
824
- var styles$3 = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
823
+ var css_248z$3 = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:12px}.select-module_select-content-top-icon__MBrGK>i.select-module_icon-close__KQkij{align-items:center;border-right:1px solid #eee;display:flex;height:22px;margin-right:8px;padding:0 8px}.select-module_select-content-bottom-row__eKq5L{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;line-height:22px;margin-bottom:2px;min-height:46px;padding:0 15px;transition:background .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
824
+ var styles$3 = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","icon-close":"select-module_icon-close__KQkij","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
825
825
  styleInject(css_248z$3);
826
826
 
827
827
  const SelectTheme = {
@@ -894,14 +894,15 @@ const Select = ({
894
894
  className: styles$3['select-content-top-text']
895
895
  }, newSelected && newSelected[keyNames.name] ? newSelected[keyNames.name] : defaultOption), /*#__PURE__*/React__default["default"].createElement("div", {
896
896
  className: styles$3['select-content-top-icon']
897
- }, Object.keys(newSelected).length > 0 && /*#__PURE__*/React__default["default"].createElement("span", {
897
+ }, Object.keys(newSelected).length > 0 && /*#__PURE__*/React__default["default"].createElement("i", {
898
+ className: "icon-close",
898
899
  onClick: e => {
899
900
  setNewSelected({});
900
901
  onChange({});
901
902
  e.stopPropagation();
902
903
  }
903
- }, "X"), /*#__PURE__*/React__default["default"].createElement("i", {
904
- className: opened ? 'icon-arrow-up' : 'icon-arrow-down'
904
+ }), /*#__PURE__*/React__default["default"].createElement("i", {
905
+ className: opened ? 'icon-icon-up' : 'icon-icon-down'
905
906
  }))), opened && !disabled ? /*#__PURE__*/React__default["default"].createElement("div", {
906
907
  className: styles$3['select-content-bottom']
907
908
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -940,8 +941,8 @@ Select.defaultProps = {
940
941
  size: 'medium'
941
942
  };
942
943
 
943
- var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form__l13d5:hover+.file-module_delete-upload-file__DirSm{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-file__DirSm{background:rgba(60,57,62,.4);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;position:fixed;right:10px;top:10px;width:26px;z-index:2}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn>img{display:block;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
944
- var styles$2 = {"file-form":"file-module_file-form__l13d5","delete-upload-file":"file-module_delete-upload-file__DirSm","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","delete-upload-icon":"file-module_delete-upload-icon__PWN66","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB","file-form-wrap":"file-module_file-form-wrap__qY--B"};
944
+ var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:calc(100% + 4px);z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
945
+ var styles$2 = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
945
946
  styleInject(css_248z$2);
946
947
 
947
948
  const File = ({
@@ -957,9 +958,6 @@ const File = ({
957
958
  }) => {
958
959
  const pdfImageName = 'https://play-lh.googleusercontent.com/kIwlXqs28otssKK_9AKwdkB6gouex_U2WmtLshTACnwIJuvOqVvJEzewpzuYBXwXQQ';
959
960
  const [image, setImage] = React.useState(defaultData ? defaultData.type != 'application/pdf' ? defaultData.url : pdfImageName : null);
960
- React.useEffect(() => {
961
- setImage(defaultData ? defaultData.type != 'application/pdf' ? defaultData.url : pdfImageName : null);
962
- }, [defaultData]);
963
961
  const [error, setError] = React.useState(errorMesage);
964
962
  const [fileName, setFileName] = React.useState('no selected file');
965
963
  function fileType(file) {
@@ -984,6 +982,8 @@ const File = ({
984
982
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
985
983
  className: styles$2['file-form-title']
986
984
  }, label), /*#__PURE__*/React__default["default"].createElement("div", {
985
+ className: classnames__default["default"](styles$2['file-form-wrap'], image ? styles$2['active'] : '')
986
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
987
987
  className: styles$2['file-form'],
988
988
  onChange: e => {
989
989
  console.log(e);
@@ -1016,18 +1016,7 @@ const File = ({
1016
1016
  }
1017
1017
  }), image ? /*#__PURE__*/React__default["default"].createElement("div", {
1018
1018
  className: styles$2['upload-file-content']
1019
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1020
- onClick: () => {
1021
- setFileName('no selected file');
1022
- setImage(null);
1023
- }
1024
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1025
- className: styles$2['delete-upload-file']
1026
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1027
- className: styles$2['delete-upload-icon']
1028
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1029
- className: "icon-delete"
1030
- })))), /*#__PURE__*/React__default["default"].createElement("img", {
1019
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
1031
1020
  src: image,
1032
1021
  height: 190,
1033
1022
  alt: fileName
@@ -1042,11 +1031,20 @@ const File = ({
1042
1031
  className: styles$2['upload-info-txt']
1043
1032
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
1044
1033
  className: styles$2['upload-info-size']
1045
- }, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 5\u0544\u0532 ( jpg, jpeg, png, pdf)"))), error ? /*#__PURE__*/React__default["default"].createElement("span", {
1034
+ }, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 5\u0544\u0532 ( jpg, jpeg, png, pdf)"))), /*#__PURE__*/React__default["default"].createElement("div", {
1035
+ className: styles$2['delete-upload-icon'],
1036
+ onClick: e => {
1037
+ setFileName('no selected file');
1038
+ setImage(null);
1039
+ e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1040
+ }
1041
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1042
+ className: "icon-delete"
1043
+ })), error ? /*#__PURE__*/React__default["default"].createElement("span", {
1046
1044
  style: {
1047
1045
  color: 'red'
1048
1046
  }
1049
- }, error) : null);
1047
+ }, error) : null));
1050
1048
  };
1051
1049
  File.propTypes = {
1052
1050
  className: PropTypes__default["default"].string,
@@ -1058,7 +1056,7 @@ File.propTypes = {
1058
1056
  defaultData: PropTypes__default["default"].object
1059
1057
  };
1060
1058
 
1061
- var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
1059
+ var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
1062
1060
  var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
1063
1061
  styleInject(css_248z$1);
1064
1062
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.34",
3
+ "version": "0.0.36",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -81,7 +81,7 @@ export const Autocomplate = ({
81
81
  <div className={styles['autocomplate-content-bottom']}>
82
82
  <div className={styles['autocomplate-content-bottom-inner']}>
83
83
  <div className={styles['autocomplate-content-bottom-row']}>
84
- <div className={styles['no-option']}>{inputValue.length <= searchCount ? `առնվազն ${searchCount} նիշ` : 'no Option!'}</div>
84
+ <div className={styles['no-option']}>{inputValue.length <= searchCount ? `առնվազն ${searchCount} նիշ` : 'տվյալներ չկան'}</div>
85
85
  </div>
86
86
  </div>
87
87
  </div>
@@ -1,4 +1,7 @@
1
- .file-form{
1
+ .file-form-wrap {
2
+ position: relative;
3
+ }
4
+ .file-form {
2
5
  position: relative;
3
6
  display: flex;
4
7
  flex-direction: column;
@@ -12,7 +15,25 @@
12
15
  padding: 4px 0;
13
16
  cursor: pointer;
14
17
  }
15
- .file-form:hover + .delete-upload-file {
18
+ .file-form-wrap:before {
19
+ content: '';
20
+ position: absolute;
21
+ top: 0;
22
+ left: 0;
23
+ width: calc(100% + 4px);
24
+ height: 100%;
25
+ background: rgba(60, 57, 62, 0.4);
26
+ z-index: 1;
27
+ opacity: 0;
28
+ transition: opacity 240ms;
29
+ border-radius: 6px;
30
+ pointer-events: none;
31
+ }
32
+ .file-form-wrap.active:hover:before {
33
+ opacity: 1;
34
+ pointer-events: unset;
35
+ }
36
+ .file-form-wrap.active:hover .delete-upload-icon {
16
37
  opacity: 1;
17
38
  }
18
39
  .file-form-inner-upload {
@@ -44,19 +65,8 @@
44
65
  .file-form.accept {
45
66
  border-color: #00236A;
46
67
  }
47
- .delete-upload-file {
48
- position: absolute;
49
- top: 0;
50
- left: 0;
51
- width: 100%;
52
- height: 100%;
53
- background: rgba(60, 57, 62, 0.4);
54
- z-index: 1;
55
- opacity: 0;
56
- transition: opacity 240ms;
57
- }
58
68
  .delete-upload-icon {
59
- position: fixed;
69
+ position: absolute;
60
70
  display: flex;
61
71
  align-items: center;
62
72
  justify-content: center;
@@ -66,13 +76,23 @@
66
76
  top: 10px;
67
77
  background: #ffffff;
68
78
  border-radius: 6px;
69
- z-index: 2;
79
+ z-index: 11;
70
80
  cursor: pointer;
81
+ opacity: 0;
82
+ transition: opacity 240ms;
71
83
  }
72
84
  .delete-upload-icon > i {
73
85
  color: #00236A;
74
86
  font-size: 16px;
75
87
  }
88
+ .upload-file-content {
89
+ position: relative;
90
+ width: 100%;
91
+ height: 100%;
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: center;
95
+ }
76
96
  .upload-file-content > img {
77
97
  display: block;
78
98
  max-width: 400px;
@@ -85,4 +105,4 @@
85
105
  .file-form-wrap {
86
106
  position: relative;
87
107
  transform: translate3d(0,0,0);
88
- }
108
+ }
@@ -19,11 +19,6 @@ export const File = ({
19
19
  const [image, setImage] = useState(defaultData ?
20
20
  defaultData.type != 'application/pdf' ?
21
21
  defaultData.url : pdfImageName : null);
22
- useEffect(()=>{
23
- setImage(defaultData ?
24
- defaultData.type != 'application/pdf' ?
25
- defaultData.url : pdfImageName : null);
26
- },[defaultData]);
27
22
  const [error, setError] = useState(errorMesage);
28
23
  const [fileName, setFileName] = useState('no selected file');
29
24
  function fileType(file) {
@@ -52,57 +47,55 @@ export const File = ({
52
47
  }
53
48
 
54
49
  return (
55
- <>
50
+ <>
56
51
  <p className={styles['file-form-title']}>{label}</p>
57
- <div
58
- className={styles['file-form']}
59
- onChange={(e) => { console.log(e) }}
60
- style={error ? { borderColor: 'red' } : {}}
61
- onClick={() => {
62
- document.querySelector(`.${name}`).click()
63
- }}
52
+ <div className={classnames(styles['file-form-wrap'],image ? styles['active'] : '')}>
53
+ <div
54
+ className={styles['file-form']}
55
+ onChange={(e) => { console.log(e) }}
56
+ style={error ? { borderColor: 'red' } : {}}
57
+ onClick={() => {
58
+ document.querySelector(`.${name}`).click()
59
+ }}
64
60
  >
65
61
  <input type='file' className={name} hidden disabled={disabled}
66
- onChange={({ target: { files } }) => {
67
- onChange({ target: { files } })
68
- files[0] && setFileName(files[0].name)
69
- if (files[0]) {
70
- fileType(files[0])
71
- }
72
- }}
62
+ onChange={({ target: { files } }) => {
63
+ onChange({ target: { files } })
64
+ files[0] && setFileName(files[0].name)
65
+ if (files[0]) {
66
+ fileType(files[0])
67
+ }
68
+ }}
73
69
  />
74
- {
75
- image ?
76
- <div className={styles['upload-file-content']}>
77
- <div
78
- onClick={() => {
79
- setFileName('no selected file');
80
- setImage(null)
81
- }}
82
- >
83
- <div className={styles['delete-upload-file']}>
84
- <div className={styles['delete-upload-icon']}>
85
- <i className="icon-delete"/>
70
+ {
71
+ image ?
72
+ <div className={styles['upload-file-content']}>
73
+ <img
74
+ src={image}
75
+ height={190}
76
+ alt={fileName}
77
+ />
78
+ </div> :
79
+ <div className={styles['file-form-inner-upload']}>
80
+ <img src="../../assets/upload.svg" alt=""/>
81
+ <span className={styles['upload-info']}>Տեղադրել ֆայլը այստեղ կամ <span className={styles['upload-info-txt']}>Բեռնել</span></span>
82
+ <span className={styles['upload-info-size']}>Առավելագույնը 5ՄԲ ( jpg, jpeg, png, pdf)</span>
86
83
  </div>
87
- </div>
88
- </div>
89
- <img
90
- src={image}
91
- height={190}
92
- alt={fileName}
93
- />
94
- </div> :
95
- <div className={styles['file-form-inner-upload']}>
96
- <img src="../../assets/upload.svg" alt=""/>
97
- <span className={styles['upload-info']}>Տեղադրել ֆայլը այստեղ կամ <span className={styles['upload-info-txt']}>Բեռնել</span></span>
98
- <span className={styles['upload-info-size']}>Առավելագույնը 5ՄԲ ( jpg, jpeg, png, pdf)</span>
99
- </div>
100
- }
84
+ }
101
85
  </div>
102
- {
103
- error ? <span style={{ color: 'red' }}>{error}</span> : null
104
- }
105
- </>
86
+ <div className={styles['delete-upload-icon']}
87
+ onClick={(e) => {
88
+ setFileName('no selected file');
89
+ setImage(null);
90
+ e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
91
+ }}>
92
+ <i className="icon-delete"/>
93
+ </div>
94
+ {
95
+ error ? <span style={{ color: 'red' }}>{error}</span> : null
96
+ }
97
+ </div>
98
+ </>
106
99
  );
107
100
  };
108
101
 
@@ -21,6 +21,7 @@
21
21
  display: flex;
22
22
  align-items: center;
23
23
  font-size: 20px;
24
+ padding-right: 20px;
24
25
  line-height: 24px;
25
26
  font-weight: 500;
26
27
  color: #3C393E;
@@ -36,8 +36,8 @@
36
36
  width: 34px;
37
37
  height: 34px;
38
38
  position: relative;
39
- font-size: 16px;
40
- line-height: 22px;
39
+ font-size: 13px;
40
+ line-height: 16px;
41
41
  background-color: rgba(255, 255, 255, 1);
42
42
  box-shadow: 0 0 0 1px rgba(238,238,238, 1);
43
43
  border-radius: 6px;
@@ -85,16 +85,18 @@ export const Select = ({
85
85
  >
86
86
  <div className={styles['select-content-top-text']}>{newSelected && newSelected[keyNames.name] ? newSelected[keyNames.name] : defaultOption}</div>
87
87
  <div className={styles['select-content-top-icon']}>
88
+
88
89
  {Object.keys(newSelected).length > 0 &&
89
- <span onClick={
90
+ <i className="icon-close" onClick={
90
91
  (e) => {
91
92
  setNewSelected({})
92
93
  onChange({});
93
94
  e.stopPropagation()
94
95
  }
95
- }>X</span>
96
+ }/>
96
97
  }
97
- <i className={opened ? 'icon-arrow-up' : 'icon-arrow-down'}/>
98
+ <i className={opened ? 'icon-icon-up' : 'icon-icon-down'}/>
99
+
98
100
  </div>
99
101
  </div>
100
102
  {
@@ -77,9 +77,17 @@
77
77
  flex: 0 0 auto;
78
78
  }
79
79
  .select-content-top-icon > i{
80
- font-size: 8px;
80
+ font-size: 12px;
81
81
  color: #3C393E;
82
82
  }
83
+ .select-content-top-icon > i.icon-close{
84
+ padding: 0 8px;
85
+ border-right: 1px solid #EEEEEE;
86
+ margin-right: 8px;
87
+ height: 22px;
88
+ display: flex;
89
+ align-items: center;
90
+ }
83
91
  .select-content-bottom-row {
84
92
  display: flex;
85
93
  align-items: center;
@@ -42,8 +42,8 @@ h6 {
42
42
 
43
43
  p {
44
44
  text-transform: none;
45
- font-size: 16px;
46
- line-height: 22px;
45
+ font-size: 13px;
46
+ line-height: 18px;
47
47
  font-weight: 500;
48
48
  color: #3C393E;
49
49
  }