@xaypay/tui 0.0.34 → 0.0.35

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/select/index.js" afterPath="$PROJECT_DIR$/src/components/select/index.js" />
7
6
  </list>
8
7
  <ignored path="$PROJECT_DIR$/.tmp/" />
9
8
  <ignored path="$PROJECT_DIR$/temp/" />
@@ -39,11 +38,21 @@
39
38
  </provider>
40
39
  </entry>
41
40
  </file>
42
- <file leaf-file-name="modal.module.css" pinned="false" current-in-tab="true">
41
+ <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">
43
52
  <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
44
53
  <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" />
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" />
47
56
  <folding />
48
57
  </state>
49
58
  </provider>
@@ -62,8 +71,8 @@
62
71
  <file leaf-file-name="pagination.module.css" pinned="false" current-in-tab="false">
63
72
  <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
64
73
  <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" />
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" />
67
76
  <folding />
68
77
  </state>
69
78
  </provider>
@@ -73,7 +82,7 @@
73
82
  <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
74
83
  <provider selected="true" editor-type-id="text-editor">
75
84
  <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" />
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" />
77
86
  <folding />
78
87
  </state>
79
88
  </provider>
@@ -99,10 +108,6 @@
99
108
  </component>
100
109
  <component name="FindInProjectRecents">
101
110
  <findStrings>
102
- <find>con</find>
103
- <find>Icon</find>
104
- <find>img</find>
105
- <find>file-form-title</find>
106
111
  <find>select-title</find>
107
112
  <find>.select-title</find>
108
113
  <find>verification-numbers</find>
@@ -125,10 +130,14 @@
125
130
  <find>.react-datepic</find>
126
131
  <find>.react-datepi</find>
127
132
  <find>.modal-module_modal-title</find>
133
+ <find>.modal-module_modal-tit</find>
134
+ <find>modal-content-bottom</find>
128
135
  <find>.modal-module_modal-title</find>
129
136
  <find>.modal-module_modal-titl</find>
130
- <find>.modal-module_modal-tit</find>
137
+ <find>.modal-module_</find>
131
138
  <find>.modal-module</find>
139
+ <find>.modal-modul</find>
140
+ <find>.modal-modu</find>
132
141
  </findStrings>
133
142
  <replaceStrings>
134
143
  <replace />
@@ -166,7 +175,6 @@
166
175
  <option value="$PROJECT_DIR$/src/components/typography/index.js" />
167
176
  <option value="$PROJECT_DIR$/src/components/radio/index.js" />
168
177
  <option value="$PROJECT_DIR$/src/components/checkbox/index.js" />
169
- <option value="$PROJECT_DIR$/src/components/select/index.js" />
170
178
  <option value="$PROJECT_DIR$/src/assets_old/icons/style.css" />
171
179
  <option value="$PROJECT_DIR$/src/components/multiselect/index.js" />
172
180
  <option value="$PROJECT_DIR$/src/components/multiselect/multiselect.module.css" />
@@ -186,9 +194,10 @@
186
194
  <option value="$PROJECT_DIR$/src/components/file/file.module.css" />
187
195
  <option value="$PROJECT_DIR$/src/components/file/index.js" />
188
196
  <option value="$PROJECT_DIR$/src/components/checkbox/checkbox.module.css" />
189
- <option value="$PROJECT_DIR$/src/components/pagination/pagination.module.css" />
190
197
  <option value="$PROJECT_DIR$/src/components/typography/typography.module.css" />
198
+ <option value="$PROJECT_DIR$/src/components/pagination/pagination.module.css" />
191
199
  <option value="$PROJECT_DIR$/src/components/modal/modal.module.css" />
200
+ <option value="$PROJECT_DIR$/src/components/select/index.js" />
192
201
  </list>
193
202
  </option>
194
203
  </component>
@@ -845,7 +854,7 @@
845
854
  <servers />
846
855
  </component>
847
856
  <component name="TimeTrackingManager">
848
- <option name="totallyTimeSpent" value="72533000" />
857
+ <option name="totallyTimeSpent" value="75397000" />
849
858
  </component>
850
859
  <component name="TodoView">
851
860
  <todo-panel id="selected-file">
@@ -869,7 +878,7 @@
869
878
  <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
879
  <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
880
  <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" />
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" />
873
882
  <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
883
  <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
884
  <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" />
@@ -1259,14 +1268,6 @@
1259
1268
  </state>
1260
1269
  </provider>
1261
1270
  </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
1271
  <entry file="file://$PROJECT_DIR$/src/components/autocomplate/autocomplate.stories.js">
1271
1272
  <provider selected="true" editor-type-id="text-editor">
1272
1273
  <state relative-caret-position="0">
@@ -1339,26 +1340,34 @@
1339
1340
  </state>
1340
1341
  </provider>
1341
1342
  </entry>
1342
- <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
1343
+ <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1343
1344
  <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" />
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" />
1346
1347
  <folding />
1347
1348
  </state>
1348
1349
  </provider>
1349
1350
  </entry>
1350
- <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1351
+ <entry file="file://$PROJECT_DIR$/src/components/pagination/pagination.module.css">
1351
1352
  <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" />
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" />
1354
1355
  <folding />
1355
1356
  </state>
1356
1357
  </provider>
1357
1358
  </entry>
1358
1359
  <entry file="file://$PROJECT_DIR$/src/components/modal/modal.module.css">
1359
1360
  <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" />
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" />
1363
+ <folding />
1364
+ </state>
1365
+ </provider>
1366
+ </entry>
1367
+ <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
1368
+ <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" />
1362
1371
  <folding />
1363
1372
  </state>
1364
1373
  </provider>
package/dist/index.es.js CHANGED
@@ -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
 
@@ -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", {
@@ -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) {
@@ -1005,18 +1003,7 @@ const File = ({
1005
1003
  }
1006
1004
  }), image ? /*#__PURE__*/React.createElement("div", {
1007
1005
  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", {
1006
+ }, /*#__PURE__*/React.createElement("img", {
1020
1007
  src: image,
1021
1008
  height: 190,
1022
1009
  alt: fileName
@@ -1031,7 +1018,17 @@ const File = ({
1031
1018
  className: styles$2['upload-info-txt']
1032
1019
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React.createElement("span", {
1033
1020
  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", {
1021
+ }, "\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: () => {
1023
+ setFileName('no selected file');
1024
+ setImage(null);
1025
+ document.getElementsByTagName('input')[0].value = "";
1026
+ }
1027
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1028
+ className: styles$2['delete-upload-icon']
1029
+ }, /*#__PURE__*/React.createElement("i", {
1030
+ className: "icon-delete"
1031
+ }), "X"))), error ? /*#__PURE__*/React.createElement("span", {
1035
1032
  style: {
1036
1033
  color: 'red'
1037
1034
  }
@@ -1047,7 +1044,7 @@ File.propTypes = {
1047
1044
  defaultData: PropTypes.object
1048
1045
  };
1049
1046
 
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)}}";
1047
+ 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
1048
  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
1049
  styleInject(css_248z$1);
1053
1050
 
package/dist/index.js CHANGED
@@ -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
 
@@ -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", {
@@ -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) {
@@ -1016,18 +1014,7 @@ const File = ({
1016
1014
  }
1017
1015
  }), image ? /*#__PURE__*/React__default["default"].createElement("div", {
1018
1016
  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", {
1017
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
1031
1018
  src: image,
1032
1019
  height: 190,
1033
1020
  alt: fileName
@@ -1042,7 +1029,17 @@ const File = ({
1042
1029
  className: styles$2['upload-info-txt']
1043
1030
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
1044
1031
  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", {
1032
+ }, "\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: () => {
1034
+ setFileName('no selected file');
1035
+ setImage(null);
1036
+ document.getElementsByTagName('input')[0].value = "";
1037
+ }
1038
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
1039
+ className: styles$2['delete-upload-icon']
1040
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1041
+ className: "icon-delete"
1042
+ }), "X"))), error ? /*#__PURE__*/React__default["default"].createElement("span", {
1046
1043
  style: {
1047
1044
  color: 'red'
1048
1045
  }
@@ -1058,7 +1055,7 @@ File.propTypes = {
1058
1055
  defaultData: PropTypes__default["default"].object
1059
1056
  };
1060
1057
 
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)}}";
1058
+ 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
1059
  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
1060
  styleInject(css_248z$1);
1064
1061
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.34",
3
+ "version": "0.0.35",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -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) {
@@ -74,18 +69,6 @@ export const File = ({
74
69
  {
75
70
  image ?
76
71
  <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"/>
86
- </div>
87
- </div>
88
- </div>
89
72
  <img
90
73
  src={image}
91
74
  height={190}
@@ -99,6 +82,20 @@ export const File = ({
99
82
  </div>
100
83
  }
101
84
  </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>
98
+ </div>
102
99
  {
103
100
  error ? <span style={{ color: 'red' }}>{error}</span> : null
104
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
  {