@xaypay/tui 0.0.103 → 0.0.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +6 -3
- package/dist/index.js +6 -3
- package/package.json +1 -1
- package/src/components/input/input.module.css +2 -1
- package/src/components/newAutocomplete/autocomplete.module.css +3 -2
- package/src/components/newAutocomplete/index.js +8 -1
- package/src/stories/configuration.stories.mdx +1 -0
- package/tui.config.js +2 -1
package/dist/index.es.js
CHANGED
|
@@ -690,7 +690,7 @@ Modal.defaultProps = {
|
|
|
690
690
|
type: 'content'
|
|
691
691
|
};
|
|
692
692
|
|
|
693
|
-
var css_248z$c = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{
|
|
693
|
+
var css_248z$c = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{appearance:none!important;-webkit-appearance:none!important;display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}input::-ms-clear,input::-ms-reveal{display:none}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}.input-module_inp-num__vH7HL::-webkit-inner-spin-button,.input-module_inp-num__vH7HL::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-module_inp-num__vH7HL[type=number]{-moz-appearance:textfield}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
|
|
694
694
|
var styles$a = {"input-wrap":"input-module_input-wrap__NunrE","input-content":"input-module_input-content__kP7lZ","error-message-show":"input-module_error-message-show__OrVSo","error-show":"input-module_error-show__9MP6k","inp-num":"input-module_inp-num__vH7HL"};
|
|
695
695
|
styleInject(css_248z$c);
|
|
696
696
|
|
|
@@ -3968,7 +3968,7 @@ Autocomplate.defaultProps = {
|
|
|
3968
3968
|
required: false
|
|
3969
3969
|
};
|
|
3970
3970
|
|
|
3971
|
-
var css_248z = ".autocomplete-module_auto-complete__tdYkw{
|
|
3971
|
+
var css_248z = ".autocomplete-module_auto-complete__tdYkw{appearance:none!important;-webkit-appearance:none!important}";
|
|
3972
3972
|
var styles = {"auto-complete":"autocomplete-module_auto-complete__tdYkw"};
|
|
3973
3973
|
styleInject(css_248z);
|
|
3974
3974
|
|
|
@@ -3981,6 +3981,7 @@ const NewAutocomplete = ({
|
|
|
3981
3981
|
required,
|
|
3982
3982
|
disabled,
|
|
3983
3983
|
selected,
|
|
3984
|
+
className,
|
|
3984
3985
|
errorSize,
|
|
3985
3986
|
labelSize,
|
|
3986
3987
|
marginTop,
|
|
@@ -4056,6 +4057,7 @@ const NewAutocomplete = ({
|
|
|
4056
4057
|
const [innerValue, setInnerValue] = useState('');
|
|
4057
4058
|
const [innerOptions, setInnerOptions] = useState([]);
|
|
4058
4059
|
const configStyles = compereConfigs();
|
|
4060
|
+
const classProps = classnames(className ? className : configStyles.NEWAUTOCOMPLETE.className, styles['auto-complete']);
|
|
4059
4061
|
const showOption = keyframes`
|
|
4060
4062
|
100% {
|
|
4061
4063
|
max-height: 400px;
|
|
@@ -4230,7 +4232,7 @@ const NewAutocomplete = ({
|
|
|
4230
4232
|
onInput: handleChange,
|
|
4231
4233
|
onMouseEnter: handleMouseEnter,
|
|
4232
4234
|
onMouseLeave: handleMouseLeave,
|
|
4233
|
-
className:
|
|
4235
|
+
className: classProps,
|
|
4234
4236
|
placeholder: placeHolder ? placeHolder : '',
|
|
4235
4237
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4236
4238
|
style: {
|
|
@@ -4268,6 +4270,7 @@ NewAutocomplete.propTypes = {
|
|
|
4268
4270
|
disabled: PropTypes.bool,
|
|
4269
4271
|
keyNames: PropTypes.object,
|
|
4270
4272
|
selected: PropTypes.object,
|
|
4273
|
+
className: PropTypes.string,
|
|
4271
4274
|
errorSize: PropTypes.string,
|
|
4272
4275
|
marginTop: PropTypes.string,
|
|
4273
4276
|
labelSize: PropTypes.string,
|
package/dist/index.js
CHANGED
|
@@ -720,7 +720,7 @@ Modal.defaultProps = {
|
|
|
720
720
|
type: 'content'
|
|
721
721
|
};
|
|
722
722
|
|
|
723
|
-
var css_248z$c = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{
|
|
723
|
+
var css_248z$c = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{appearance:none!important;-webkit-appearance:none!important;display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}input::-ms-clear,input::-ms-reveal{display:none}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}.input-module_inp-num__vH7HL::-webkit-inner-spin-button,.input-module_inp-num__vH7HL::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-module_inp-num__vH7HL[type=number]{-moz-appearance:textfield}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
|
|
724
724
|
var styles$a = {"input-wrap":"input-module_input-wrap__NunrE","input-content":"input-module_input-content__kP7lZ","error-message-show":"input-module_error-message-show__OrVSo","error-show":"input-module_error-show__9MP6k","inp-num":"input-module_inp-num__vH7HL"};
|
|
725
725
|
styleInject(css_248z$c);
|
|
726
726
|
|
|
@@ -3998,7 +3998,7 @@ Autocomplate.defaultProps = {
|
|
|
3998
3998
|
required: false
|
|
3999
3999
|
};
|
|
4000
4000
|
|
|
4001
|
-
var css_248z = ".autocomplete-module_auto-complete__tdYkw{
|
|
4001
|
+
var css_248z = ".autocomplete-module_auto-complete__tdYkw{appearance:none!important;-webkit-appearance:none!important}";
|
|
4002
4002
|
var styles = {"auto-complete":"autocomplete-module_auto-complete__tdYkw"};
|
|
4003
4003
|
styleInject(css_248z);
|
|
4004
4004
|
|
|
@@ -4011,6 +4011,7 @@ const NewAutocomplete = ({
|
|
|
4011
4011
|
required,
|
|
4012
4012
|
disabled,
|
|
4013
4013
|
selected,
|
|
4014
|
+
className,
|
|
4014
4015
|
errorSize,
|
|
4015
4016
|
labelSize,
|
|
4016
4017
|
marginTop,
|
|
@@ -4086,6 +4087,7 @@ const NewAutocomplete = ({
|
|
|
4086
4087
|
const [innerValue, setInnerValue] = React.useState('');
|
|
4087
4088
|
const [innerOptions, setInnerOptions] = React.useState([]);
|
|
4088
4089
|
const configStyles = compereConfigs();
|
|
4090
|
+
const classProps = classnames__default["default"](className ? className : configStyles.NEWAUTOCOMPLETE.className, styles['auto-complete']);
|
|
4089
4091
|
const showOption = styled.keyframes`
|
|
4090
4092
|
100% {
|
|
4091
4093
|
max-height: 400px;
|
|
@@ -4260,7 +4262,7 @@ const NewAutocomplete = ({
|
|
|
4260
4262
|
onInput: handleChange,
|
|
4261
4263
|
onMouseEnter: handleMouseEnter,
|
|
4262
4264
|
onMouseLeave: handleMouseLeave,
|
|
4263
|
-
className:
|
|
4265
|
+
className: classProps,
|
|
4264
4266
|
placeholder: placeHolder ? placeHolder : '',
|
|
4265
4267
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4266
4268
|
style: {
|
|
@@ -4298,6 +4300,7 @@ NewAutocomplete.propTypes = {
|
|
|
4298
4300
|
disabled: PropTypes__default["default"].bool,
|
|
4299
4301
|
keyNames: PropTypes__default["default"].object,
|
|
4300
4302
|
selected: PropTypes__default["default"].object,
|
|
4303
|
+
className: PropTypes__default["default"].string,
|
|
4301
4304
|
errorSize: PropTypes__default["default"].string,
|
|
4302
4305
|
marginTop: PropTypes__default["default"].string,
|
|
4303
4306
|
labelSize: PropTypes__default["default"].string,
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
|
|
4
|
+
import classnames from 'classnames';
|
|
4
5
|
import { keyframes, css } from 'styled-components';
|
|
5
6
|
|
|
6
7
|
import { compereConfigs } from './../../utils';
|
|
@@ -16,6 +17,7 @@ export const NewAutocomplete = ({
|
|
|
16
17
|
required,
|
|
17
18
|
disabled,
|
|
18
19
|
selected,
|
|
20
|
+
className,
|
|
19
21
|
errorSize,
|
|
20
22
|
labelSize,
|
|
21
23
|
marginTop,
|
|
@@ -91,6 +93,10 @@ export const NewAutocomplete = ({
|
|
|
91
93
|
const [innerValue, setInnerValue] = useState('');
|
|
92
94
|
const [innerOptions, setInnerOptions] = useState([]);
|
|
93
95
|
const configStyles = compereConfigs();
|
|
96
|
+
const classProps = classnames(
|
|
97
|
+
className ? className : configStyles.NEWAUTOCOMPLETE.className,
|
|
98
|
+
styles['auto-complete']
|
|
99
|
+
);
|
|
94
100
|
|
|
95
101
|
const showOption = keyframes`
|
|
96
102
|
100% {
|
|
@@ -328,7 +334,7 @@ export const NewAutocomplete = ({
|
|
|
328
334
|
onInput={handleChange}
|
|
329
335
|
onMouseEnter={handleMouseEnter}
|
|
330
336
|
onMouseLeave={handleMouseLeave}
|
|
331
|
-
className={
|
|
337
|
+
className={classProps}
|
|
332
338
|
placeholder={placeHolder ? placeHolder : ''}
|
|
333
339
|
autoComplete={autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete}
|
|
334
340
|
style={{
|
|
@@ -387,6 +393,7 @@ NewAutocomplete.propTypes = {
|
|
|
387
393
|
disabled: PropTypes.bool,
|
|
388
394
|
keyNames: PropTypes.object,
|
|
389
395
|
selected: PropTypes.object,
|
|
396
|
+
className: PropTypes.string,
|
|
390
397
|
errorSize: PropTypes.string,
|
|
391
398
|
marginTop: PropTypes.string,
|
|
392
399
|
labelSize: PropTypes.string,
|
|
@@ -461,6 +461,7 @@ import StackAlt from './assets/stackalt.svg';
|
|
|
461
461
|
labelTextTransform: 'none', // for label text transform
|
|
462
462
|
labelRequiredColor: '#ee0000', // for label required mark color
|
|
463
463
|
|
|
464
|
+
className: '', // for autocomplete class if it need
|
|
464
465
|
searchCount: 3, // for autocomplete show result logic
|
|
465
466
|
errorSize: '16px', // for error font size
|
|
466
467
|
autoComplete: 'off', // for off auto fill functionality ( browser specific, maybe will not work )
|
package/tui.config.js
CHANGED
|
@@ -270,7 +270,8 @@ module.exports = {
|
|
|
270
270
|
labelMarginBottom: '6px', // for label margin bottom
|
|
271
271
|
labelTextTransform: 'none', // for label text transform
|
|
272
272
|
labelRequiredColor: '#ee0000', // for label required mark color
|
|
273
|
-
|
|
273
|
+
|
|
274
|
+
className: '', // for autocomplete class if it need
|
|
274
275
|
searchCount: 3, // for autocomplete show result logic
|
|
275
276
|
errorSize: '16px', // for error font size
|
|
276
277
|
autoComplete: 'off', // for off auto fill functionality ( browser specific, maybe will not work )
|