@xaypay/tui 0.0.35 → 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,7 +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$/src/components/select/index.js" afterPath="$PROJECT_DIR$/src/components/select/index.js" />
5
+ <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/typography/typography.module.css" afterPath="$PROJECT_DIR$/src/components/typography/typography.module.css" />
6
6
  </list>
7
7
  <ignored path="$PROJECT_DIR$/.tmp/" />
8
8
  <ignored path="$PROJECT_DIR$/temp/" />
@@ -19,84 +19,40 @@
19
19
  <favorites_list name="tui" />
20
20
  </component>
21
21
  <component name="FileEditorManager">
22
- <splitter split-orientation="horizontal" split-proportion="0.53333336">
22
+ <splitter split-orientation="horizontal" split-proportion="0.67908084">
23
23
  <split-first>
24
- <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
25
- <file leaf-file-name="index.js" pinned="false" current-in-tab="false">
26
- <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
27
- <provider selected="true" editor-type-id="text-editor">
28
- <state relative-caret-position="948">
29
- <caret line="71" column="20" lean-forward="false" selection-start-line="71" selection-start-column="20" selection-end-line="71" selection-end-column="20" />
30
- <folding>
31
- <marker date="1671562423273" expanded="true" signature="2758:3044" ph="&lt;div/&gt;" />
32
- <marker date="1671562423273" expanded="true" signature="2758:3071" ph="&lt;div/&gt;" />
33
- <marker date="1671562423273" expanded="true" signature="2758:3164" ph="&lt;xml/&gt;" />
34
- <marker date="1671562423273" expanded="true" signature="2758:3171" ph="{...}" />
35
- <marker date="1671562423273" expanded="true" signature="3191:3401" ph="{&quot;className&quot;: PropTypes.string...}" />
36
- </folding>
37
- </state>
38
- </provider>
39
- </entry>
40
- </file>
24
+ <leaf>
41
25
  <file leaf-file-name="index.js" pinned="false" current-in-tab="true">
42
- <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
43
- <provider selected="true" editor-type-id="text-editor">
44
- <state relative-caret-position="298">
45
- <caret line="95" column="30" lean-forward="true" selection-start-line="95" selection-start-column="30" selection-end-line="95" selection-end-column="30" />
46
- <folding />
47
- </state>
48
- </provider>
49
- </entry>
50
- </file>
51
- <file leaf-file-name="modal.module.css" pinned="false" current-in-tab="false">
52
- <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
53
- <provider selected="true" editor-type-id="text-editor">
54
- <state relative-caret-position="374">
55
- <caret line="22" column="20" lean-forward="true" selection-start-line="22" selection-start-column="20" selection-end-line="22" selection-end-column="20" />
56
- <folding />
57
- </state>
58
- </provider>
59
- </entry>
60
- </file>
61
- <file leaf-file-name="checkbox.module.css" pinned="false" current-in-tab="false">
62
- <entry file="file://$PROJECT_DIR$/src/components/checkbox/checkbox.module.css">
26
+ <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
63
27
  <provider selected="true" editor-type-id="text-editor">
64
- <state relative-caret-position="119">
65
- <caret line="22" column="16" lean-forward="false" selection-start-line="22" selection-start-column="16" selection-end-line="22" selection-end-column="16" />
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" />
66
30
  <folding />
67
31
  </state>
68
32
  </provider>
69
33
  </entry>
70
34
  </file>
71
- <file leaf-file-name="pagination.module.css" pinned="false" current-in-tab="false">
72
- <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">
73
41
  <provider selected="true" editor-type-id="text-editor">
74
- <state relative-caret-position="374">
75
- <caret line="34" column="28" lean-forward="true" selection-start-line="34" selection-start-column="28" selection-end-line="34" selection-end-column="28" />
76
- <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>
77
47
  </state>
78
48
  </provider>
79
49
  </entry>
80
50
  </file>
81
- <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">
82
52
  <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
83
53
  <provider selected="true" editor-type-id="text-editor">
84
- <state relative-caret-position="335">
85
- <caret line="46" column="21" lean-forward="false" selection-start-line="46" selection-start-column="21" selection-end-line="46" selection-end-column="21" />
86
- <folding />
87
- </state>
88
- </provider>
89
- </entry>
90
- </file>
91
- </leaf>
92
- </split-first>
93
- <split-second>
94
- <leaf>
95
- <file leaf-file-name="file.module.css" pinned="false" current-in-tab="true">
96
- <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
97
- <provider selected="true" editor-type-id="text-editor">
98
- <state relative-caret-position="17">
99
- <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" />
100
56
  <folding />
101
57
  </state>
102
58
  </provider>
@@ -108,8 +64,6 @@
108
64
  </component>
109
65
  <component name="FindInProjectRecents">
110
66
  <findStrings>
111
- <find>select-title</find>
112
- <find>.select-title</find>
113
67
  <find>verification-numbers</find>
114
68
  <find>react-datepicker-wrapper</find>
115
69
  <find>.react-datepicker-wrapp</find>
@@ -132,12 +86,13 @@
132
86
  <find>.modal-module_modal-title</find>
133
87
  <find>.modal-module_modal-tit</find>
134
88
  <find>modal-content-bottom</find>
135
- <find>.modal-module_modal-title</find>
136
89
  <find>.modal-module_modal-titl</find>
137
90
  <find>.modal-module_</find>
138
91
  <find>.modal-module</find>
139
92
  <find>.modal-modul</find>
140
93
  <find>.modal-modu</find>
94
+ <find>icon-close</find>
95
+ <find>icon-delete</find>
141
96
  </findStrings>
142
97
  <replaceStrings>
143
98
  <replace />
@@ -186,18 +141,18 @@
186
141
  <option value="$PROJECT_DIR$/src/components/stepper/index.js" />
187
142
  <option value="$PROJECT_DIR$/src/components/button/button.module.css" />
188
143
  <option value="$PROJECT_DIR$/src/components/pagination/index.js" />
189
- <option value="$PROJECT_DIR$/src/components/select/select.module.css" />
190
144
  <option value="$PROJECT_DIR$/src/components/autocomplate/autocomplate.module.css" />
191
145
  <option value="$PROJECT_DIR$/src/components/input/input.module.css" />
192
146
  <option value="$PROJECT_DIR$/src/components/input/index.js" />
193
147
  <option value="$PROJECT_DIR$/src/components/autocomplate/index.js" />
194
- <option value="$PROJECT_DIR$/src/components/file/file.module.css" />
195
- <option value="$PROJECT_DIR$/src/components/file/index.js" />
196
148
  <option value="$PROJECT_DIR$/src/components/checkbox/checkbox.module.css" />
197
- <option value="$PROJECT_DIR$/src/components/typography/typography.module.css" />
198
149
  <option value="$PROJECT_DIR$/src/components/pagination/pagination.module.css" />
199
150
  <option value="$PROJECT_DIR$/src/components/modal/modal.module.css" />
200
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" />
201
156
  </list>
202
157
  </option>
203
158
  </component>
@@ -850,11 +805,25 @@
850
805
  <option name="project" value="LOCAL" />
851
806
  <updated>1670431192852</updated>
852
807
  </task>
853
- <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" />
854
823
  <servers />
855
824
  </component>
856
825
  <component name="TimeTrackingManager">
857
- <option name="totallyTimeSpent" value="75397000" />
826
+ <option name="totallyTimeSpent" value="83269000" />
858
827
  </component>
859
828
  <component name="TodoView">
860
829
  <todo-panel id="selected-file">
@@ -869,7 +838,7 @@
869
838
  <frame x="-8" y="-8" width="1616" height="876" extended-state="0" />
870
839
  <editor active="true" />
871
840
  <layout>
872
- <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" />
873
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" />
874
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" />
875
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" />
@@ -878,11 +847,12 @@
878
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" />
879
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" />
880
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" />
881
- <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.33647376" 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" />
882
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" />
883
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" />
884
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" />
885
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" />
886
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" />
887
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" />
888
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" />
@@ -894,6 +864,7 @@
894
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" />
895
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" />
896
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" />
897
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" />
898
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" />
899
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" />
@@ -1185,16 +1156,6 @@
1185
1156
  </state>
1186
1157
  </provider>
1187
1158
  </entry>
1188
- <entry file="file://$PROJECT_DIR$/src/components/file/file.stories.js">
1189
- <provider selected="true" editor-type-id="text-editor">
1190
- <state relative-caret-position="0">
1191
- <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
1192
- <folding>
1193
- <element signature="e#0#26#0" expanded="false" />
1194
- </folding>
1195
- </state>
1196
- </provider>
1197
- </entry>
1198
1159
  <entry file="file://$PROJECT_DIR$/src/assets_old/icons/style.css">
1199
1160
  <provider selected="true" editor-type-id="text-editor">
1200
1161
  <state relative-caret-position="463">
@@ -1216,14 +1177,6 @@
1216
1177
  </state>
1217
1178
  </provider>
1218
1179
  </entry>
1219
- <entry file="file://$PROJECT_DIR$/src/components/select/select.module.css">
1220
- <provider selected="true" editor-type-id="text-editor">
1221
- <state relative-caret-position="394">
1222
- <caret line="95" column="20" lean-forward="false" selection-start-line="95" selection-start-column="20" selection-end-line="95" selection-end-column="20" />
1223
- <folding />
1224
- </state>
1225
- </provider>
1226
- </entry>
1227
1180
  <entry file="file://$PROJECT_DIR$/src/components/multiselect/multiselect.stories.js">
1228
1181
  <provider selected="true" editor-type-id="text-editor">
1229
1182
  <state relative-caret-position="0">
@@ -1242,21 +1195,7 @@
1242
1195
  <provider selected="true" editor-type-id="text-editor">
1243
1196
  <state relative-caret-position="289">
1244
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" />
1245
- <folding>
1246
- <marker date="1670339338533" expanded="false" signature="7:155" ph="..." />
1247
- <marker date="1670339338533" expanded="true" signature="185:288" ph="{&quot;className&quot;: className...}" />
1248
- <marker date="1670339338533" expanded="true" signature="293:3038" ph="{...}" />
1249
- <marker date="1670339338533" expanded="true" signature="934:1577" ph="{...}" />
1250
- <marker date="1670339338533" expanded="true" signature="973:995" ph="{...}" />
1251
- <marker date="1670339338533" expanded="true" signature="1205:1447" ph="{...}" />
1252
- <marker date="1670339338533" expanded="true" signature="1611:1824" ph="{...}" />
1253
- <marker date="1670339338533" expanded="true" signature="1685:1792" ph="{...}" />
1254
- <marker date="1670339338533" expanded="true" signature="2036:2055" ph="{...}" />
1255
- <marker date="1670339338533" expanded="true" signature="2215:2237" ph="{...}" />
1256
- <marker date="1670339338533" expanded="true" signature="2288:2316" ph="{...}" />
1257
- <marker date="1670339338533" expanded="true" signature="2510:2792" ph="{...}" />
1258
- <marker date="1670339338533" expanded="true" signature="3065:3266" ph="{&quot;className&quot;: PropTypes.string...}" />
1259
- </folding>
1198
+ <folding />
1260
1199
  </state>
1261
1200
  </provider>
1262
1201
  </entry>
@@ -1282,7 +1221,6 @@
1282
1221
  <provider selected="true" editor-type-id="text-editor">
1283
1222
  <state relative-caret-position="213">
1284
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" />
1285
- <folding />
1286
1224
  </state>
1287
1225
  </provider>
1288
1226
  </entry>
@@ -1290,7 +1228,6 @@
1290
1228
  <provider selected="true" editor-type-id="text-editor">
1291
1229
  <state relative-caret-position="499">
1292
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" />
1293
- <folding />
1294
1231
  </state>
1295
1232
  </provider>
1296
1233
  </entry>
@@ -1306,68 +1243,78 @@
1306
1243
  <provider selected="true" editor-type-id="text-editor">
1307
1244
  <state relative-caret-position="499">
1308
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" />
1309
- <folding />
1310
1246
  </state>
1311
1247
  </provider>
1312
1248
  </entry>
1313
- <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
1249
+ <entry file="file://$PROJECT_DIR$/src/components/checkbox/checkbox.module.css">
1314
1250
  <provider selected="true" editor-type-id="text-editor">
1315
- <state relative-caret-position="17">
1316
- <caret line="15" column="15" lean-forward="false" selection-start-line="15" selection-start-column="15" selection-end-line="15" selection-end-column="15" />
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" />
1317
1253
  <folding />
1318
1254
  </state>
1319
1255
  </provider>
1320
1256
  </entry>
1321
- <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
1257
+ <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
1322
1258
  <provider selected="true" editor-type-id="text-editor">
1323
- <state relative-caret-position="948">
1324
- <caret line="71" column="20" lean-forward="false" selection-start-line="71" selection-start-column="20" selection-end-line="71" selection-end-column="20" />
1325
- <folding>
1326
- <marker date="1671562423273" expanded="true" signature="2758:3044" ph="&lt;div/&gt;" />
1327
- <marker date="1671562423273" expanded="true" signature="2758:3071" ph="&lt;div/&gt;" />
1328
- <marker date="1671562423273" expanded="true" signature="2758:3164" ph="&lt;xml/&gt;" />
1329
- <marker date="1671562423273" expanded="true" signature="2758:3171" ph="{...}" />
1330
- <marker date="1671562423273" expanded="true" signature="3191:3401" ph="{&quot;className&quot;: PropTypes.string...}" />
1331
- </folding>
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" />
1261
+ <folding />
1332
1262
  </state>
1333
1263
  </provider>
1334
1264
  </entry>
1335
- <entry file="file://$PROJECT_DIR$/src/components/checkbox/checkbox.module.css">
1265
+ <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
1336
1266
  <provider selected="true" editor-type-id="text-editor">
1337
- <state relative-caret-position="119">
1338
- <caret line="22" column="16" lean-forward="false" selection-start-line="22" selection-start-column="16" selection-end-line="22" selection-end-column="16" />
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" />
1339
1269
  <folding />
1340
1270
  </state>
1341
1271
  </provider>
1342
1272
  </entry>
1343
- <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1273
+ <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
1344
1274
  <provider selected="true" editor-type-id="text-editor">
1345
- <state relative-caret-position="335">
1346
- <caret line="46" column="21" lean-forward="false" selection-start-line="46" selection-start-column="21" selection-end-line="46" selection-end-column="21" />
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" />
1347
1284
  <folding />
1348
1285
  </state>
1349
1286
  </provider>
1350
1287
  </entry>
1351
- <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
1288
+ <entry file="file://$PROJECT_DIR$/src/components/file/file.stories.js">
1352
1289
  <provider selected="true" editor-type-id="text-editor">
1353
- <state relative-caret-position="374">
1354
- <caret line="34" column="28" lean-forward="true" selection-start-line="34" selection-start-column="28" selection-end-line="34" 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" />
1355
1292
  <folding />
1356
1293
  </state>
1357
1294
  </provider>
1358
1295
  </entry>
1359
- <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
1296
+ <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
1360
1297
  <provider selected="true" editor-type-id="text-editor">
1361
- <state relative-caret-position="374">
1362
- <caret line="22" column="20" lean-forward="true" selection-start-line="22" selection-start-column="20" selection-end-line="22" selection-end-column="20" />
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" />
1363
1300
  <folding />
1364
1301
  </state>
1365
1302
  </provider>
1366
1303
  </entry>
1367
- <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
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">
1368
1315
  <provider selected="true" editor-type-id="text-editor">
1369
- <state relative-caret-position="298">
1370
- <caret line="95" column="30" lean-forward="true" selection-start-line="95" selection-start-column="30" selection-end-line="95" selection-end-column="30" />
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" />
1371
1318
  <folding />
1372
1319
  </state>
1373
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", {
@@ -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 = {
@@ -930,8 +930,8 @@ Select.defaultProps = {
930
930
  size: 'medium'
931
931
  };
932
932
 
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__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)}";
934
- 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"};
935
935
  styleInject(css_248z$2);
936
936
 
937
937
  const File = ({
@@ -971,6 +971,8 @@ const File = ({
971
971
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
972
972
  className: styles$2['file-form-title']
973
973
  }, label), /*#__PURE__*/React.createElement("div", {
974
+ className: classnames(styles$2['file-form-wrap'], image ? styles$2['active'] : '')
975
+ }, /*#__PURE__*/React.createElement("div", {
974
976
  className: styles$2['file-form'],
975
977
  onChange: e => {
976
978
  console.log(e);
@@ -1019,20 +1021,19 @@ const File = ({
1019
1021
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React.createElement("span", {
1020
1022
  className: styles$2['upload-info-size']
1021
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", {
1022
- onClick: () => {
1024
+ className: styles$2['delete-upload-icon'],
1025
+ onClick: e => {
1023
1026
  setFileName('no selected file');
1024
1027
  setImage(null);
1025
- document.getElementsByTagName('input')[0].value = "";
1028
+ e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1026
1029
  }
1027
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1028
- className: styles$2['delete-upload-icon']
1029
1030
  }, /*#__PURE__*/React.createElement("i", {
1030
1031
  className: "icon-delete"
1031
- }), "X"))), error ? /*#__PURE__*/React.createElement("span", {
1032
+ })), error ? /*#__PURE__*/React.createElement("span", {
1032
1033
  style: {
1033
1034
  color: 'red'
1034
1035
  }
1035
- }, error) : null);
1036
+ }, error) : null));
1036
1037
  };
1037
1038
  File.propTypes = {
1038
1039
  className: PropTypes.string,
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", {
@@ -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 = {
@@ -941,8 +941,8 @@ Select.defaultProps = {
941
941
  size: 'medium'
942
942
  };
943
943
 
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__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)}";
945
- 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"};
946
946
  styleInject(css_248z$2);
947
947
 
948
948
  const File = ({
@@ -982,6 +982,8 @@ const File = ({
982
982
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
983
983
  className: styles$2['file-form-title']
984
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", {
985
987
  className: styles$2['file-form'],
986
988
  onChange: e => {
987
989
  console.log(e);
@@ -1030,20 +1032,19 @@ const File = ({
1030
1032
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
1031
1033
  className: styles$2['upload-info-size']
1032
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", {
1033
- onClick: () => {
1035
+ className: styles$2['delete-upload-icon'],
1036
+ onClick: e => {
1034
1037
  setFileName('no selected file');
1035
1038
  setImage(null);
1036
- document.getElementsByTagName('input')[0].value = "";
1039
+ e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1037
1040
  }
1038
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
1039
- className: styles$2['delete-upload-icon']
1040
1041
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1041
1042
  className: "icon-delete"
1042
- }), "X"))), error ? /*#__PURE__*/React__default["default"].createElement("span", {
1043
+ })), error ? /*#__PURE__*/React__default["default"].createElement("span", {
1043
1044
  style: {
1044
1045
  color: 'red'
1045
1046
  }
1046
- }, error) : null);
1047
+ }, error) : null));
1047
1048
  };
1048
1049
  File.propTypes = {
1049
1050
  className: PropTypes__default["default"].string,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.35",
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
+ }
@@ -47,59 +47,55 @@ export const File = ({
47
47
  }
48
48
 
49
49
  return (
50
- <>
50
+ <>
51
51
  <p className={styles['file-form-title']}>{label}</p>
52
- <div
53
- className={styles['file-form']}
54
- onChange={(e) => { console.log(e) }}
55
- style={error ? { borderColor: 'red' } : {}}
56
- onClick={() => {
57
- document.querySelector(`.${name}`).click()
58
- }}
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
+ }}
59
60
  >
60
61
  <input type='file' className={name} hidden disabled={disabled}
61
- onChange={({ target: { files } }) => {
62
- onChange({ target: { files } })
63
- files[0] && setFileName(files[0].name)
64
- if (files[0]) {
65
- fileType(files[0])
66
- }
67
- }}
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
+ }}
68
69
  />
69
- {
70
- image ?
71
- <div className={styles['upload-file-content']}>
72
- <img
73
- src={image}
74
- height={190}
75
- alt={fileName}
76
- />
77
- </div> :
78
- <div className={styles['file-form-inner-upload']}>
79
- <img src="../../assets/upload.svg" alt=""/>
80
- <span className={styles['upload-info']}>Տեղադրել ֆայլը այստեղ կամ <span className={styles['upload-info-txt']}>Բեռնել</span></span>
81
- <span className={styles['upload-info-size']}>Առավելագույնը 5ՄԲ ( jpg, jpeg, png, pdf)</span>
82
- </div>
83
- }
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>
83
+ </div>
84
+ }
84
85
  </div>
85
- <div
86
- onClick={() => {
87
- setFileName('no selected file');
88
- setImage(null);
89
- document.getElementsByTagName('input')[0].value = "";
90
- }}
91
- >
92
- <div>
93
- <div className={styles['delete-upload-icon']}>
94
- <i className="icon-delete"/>
95
- X
96
- </div>
97
- </div>
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"/>
98
93
  </div>
99
- {
100
- error ? <span style={{ color: 'red' }}>{error}</span> : null
101
- }
102
- </>
94
+ {
95
+ error ? <span style={{ color: 'red' }}>{error}</span> : null
96
+ }
97
+ </div>
98
+ </>
103
99
  );
104
100
  };
105
101
 
@@ -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
  }