@xqmsg/ui-core 0.25.1 → 0.26.0
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/ui-core.cjs.development.js +34 -3
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +34 -3
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/input/Input.stories.tsx +18 -1
- package/src/components/input/StackedPilledInput/index.tsx +38 -2
- package/src/components/input/components/token/index.tsx +1 -1
package/dist/ui-core.esm.js
CHANGED
|
@@ -1312,7 +1312,7 @@ var Token = function Token(_ref) {
|
|
|
1312
1312
|
wordBreak: "break-word",
|
|
1313
1313
|
color: colors.label.primary.light,
|
|
1314
1314
|
fontSize: isMobile ? '17px' : '13px',
|
|
1315
|
-
lineHeight:
|
|
1315
|
+
lineHeight: "1.5",
|
|
1316
1316
|
pr: "2px",
|
|
1317
1317
|
maxWidth: maxWidth,
|
|
1318
1318
|
overflow: "hidden",
|
|
@@ -1841,6 +1841,8 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
|
|
|
1841
1841
|
onClick: function onClick() {
|
|
1842
1842
|
if (isFocussed && tokenIndex !== null) {
|
|
1843
1843
|
setTokenIndex(null);
|
|
1844
|
+
} else if (!scrollMode) {
|
|
1845
|
+
setIsFocussed(true);
|
|
1844
1846
|
}
|
|
1845
1847
|
if (!disabled) {
|
|
1846
1848
|
var _inputRef$current;
|
|
@@ -1858,7 +1860,8 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
|
|
|
1858
1860
|
overflowX: scrollMode ? 'scroll' : 'hidden',
|
|
1859
1861
|
flexWrap: scrollMode ? 'nowrap' : 'wrap',
|
|
1860
1862
|
overflowY: "hidden",
|
|
1861
|
-
|
|
1863
|
+
width: scrollMode ? 'auto' : '100%',
|
|
1864
|
+
maxWidth: isFocussed && scrollMode ? '80%' : '100%',
|
|
1862
1865
|
style: {
|
|
1863
1866
|
scrollbarWidth: 'none' /* Firefox */,
|
|
1864
1867
|
msOverflowStyle: 'none'
|
|
@@ -1905,7 +1908,35 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
|
|
|
1905
1908
|
color: colors.label.secondary.light,
|
|
1906
1909
|
fontSize: isMobile ? '17px' : '13px',
|
|
1907
1910
|
pointerEvents: "none"
|
|
1908
|
-
}, placeholder) : null
|
|
1911
|
+
}, placeholder) : null, !disabled && !scrollMode && /*#__PURE__*/React__default.createElement(Flex, {
|
|
1912
|
+
flex: 1,
|
|
1913
|
+
minWidth: isFocussed && !tokenIndex ? 'auto' : '100px'
|
|
1914
|
+
}, /*#__PURE__*/React__default.createElement(Input$2, {
|
|
1915
|
+
onKeyDown: onHandleKeyDown,
|
|
1916
|
+
type: "text",
|
|
1917
|
+
padding: 0,
|
|
1918
|
+
alignContent: "flex-start",
|
|
1919
|
+
"float": "right",
|
|
1920
|
+
border: "none",
|
|
1921
|
+
height: "auto",
|
|
1922
|
+
color: tokenIndex !== null ? 'transparent' : colors.label.primary,
|
|
1923
|
+
_focus: {
|
|
1924
|
+
boxShadow: 'none !important'
|
|
1925
|
+
},
|
|
1926
|
+
value: localValue,
|
|
1927
|
+
onChange: handleOnChange,
|
|
1928
|
+
ref: inputRef,
|
|
1929
|
+
onFocus: function onFocus() {
|
|
1930
|
+
return setIsFocussed(true);
|
|
1931
|
+
},
|
|
1932
|
+
fontSize: isMobile ? '17px' : '13px',
|
|
1933
|
+
lineHeight: 1.5,
|
|
1934
|
+
placeholder: isMobile && label && lastestFormValueToArray.length === 0 ? label : '',
|
|
1935
|
+
variant: variant,
|
|
1936
|
+
style: isMobile ? {
|
|
1937
|
+
border: 'none'
|
|
1938
|
+
} : undefined
|
|
1939
|
+
}))), !disabled && scrollMode && /*#__PURE__*/React__default.createElement(Flex, {
|
|
1909
1940
|
flex: 1,
|
|
1910
1941
|
minWidth: isFocussed && !tokenIndex ? '20%' : 0
|
|
1911
1942
|
}, /*#__PURE__*/React__default.createElement(Input$2, {
|