@transferwise/components 0.0.0-experimental-4671d74 → 0.0.0-experimental-2c07811
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/build/index.js +17 -35
- package/build/index.js.map +1 -1
- package/build/index.mjs +17 -35
- package/build/index.mjs.map +1 -1
- package/build/types/inputs/InputGroup.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts +3 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/inputs/InputGroup.tsx +13 -35
- package/src/inputs/SelectInput.spec.tsx +1 -1
- package/src/inputs/SelectInput.tsx +4 -1
- package/src/inputs/InputGroup.spec.tsx +0 -26
- package/src/inputs/SearchInput.spec.tsx +0 -16
package/build/index.js
CHANGED
|
@@ -5766,45 +5766,25 @@ function InputGroup({
|
|
|
5766
5766
|
className,
|
|
5767
5767
|
children
|
|
5768
5768
|
}) {
|
|
5769
|
-
const inputAttributes = useInputAttributes({
|
|
5770
|
-
nonLabelable: true
|
|
5771
|
-
});
|
|
5772
5769
|
const [paddingStart, setPaddingStart] = React.useState(inputPaddingInitialState(addonStart));
|
|
5773
5770
|
const [paddingEnd, setPaddingEnd] = React.useState(inputPaddingInitialState(addonEnd));
|
|
5774
|
-
return (
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5780
|
-
|
|
5781
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
5782
|
-
|
|
5783
|
-
|
|
5784
|
-
|
|
5785
|
-
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
value: React.useMemo(() => [paddingEnd, setPaddingEnd], [paddingEnd]),
|
|
5789
|
-
children: /*#__PURE__*/jsxRuntime.jsxs("fieldset", {
|
|
5790
|
-
...inputAttributes,
|
|
5791
|
-
disabled: disabled,
|
|
5792
|
-
className: classNames__default.default(className, 'np-input-group'),
|
|
5793
|
-
children: [addonStart != null ? /*#__PURE__*/jsxRuntime.jsx(InputAddon, {
|
|
5794
|
-
placement: "start",
|
|
5795
|
-
...addonStart
|
|
5796
|
-
}) : null, children, addonEnd != null ? /*#__PURE__*/jsxRuntime.jsx(InputAddon, {
|
|
5797
|
-
placement: "end",
|
|
5798
|
-
...addonEnd
|
|
5799
|
-
}) : null]
|
|
5800
|
-
})
|
|
5801
|
-
})
|
|
5802
|
-
})
|
|
5803
|
-
})
|
|
5804
|
-
})
|
|
5771
|
+
return /*#__PURE__*/jsxRuntime.jsx(InputPaddingStartContext.Provider, {
|
|
5772
|
+
value: React.useMemo(() => [paddingStart, setPaddingStart], [paddingStart]),
|
|
5773
|
+
children: /*#__PURE__*/jsxRuntime.jsx(InputPaddingEndContext.Provider, {
|
|
5774
|
+
value: React.useMemo(() => [paddingEnd, setPaddingEnd], [paddingEnd]),
|
|
5775
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("fieldset", {
|
|
5776
|
+
disabled: disabled,
|
|
5777
|
+
className: classNames__default.default(className, 'np-input-group'),
|
|
5778
|
+
children: [addonStart != null ? /*#__PURE__*/jsxRuntime.jsx(InputAddon, {
|
|
5779
|
+
placement: "start",
|
|
5780
|
+
...addonStart
|
|
5781
|
+
}) : null, children, addonEnd != null ? /*#__PURE__*/jsxRuntime.jsx(InputAddon, {
|
|
5782
|
+
placement: "end",
|
|
5783
|
+
...addonEnd
|
|
5784
|
+
}) : null]
|
|
5805
5785
|
})
|
|
5806
5786
|
})
|
|
5807
|
-
);
|
|
5787
|
+
});
|
|
5808
5788
|
}
|
|
5809
5789
|
const inputAddonContentWidthAddendByPadding = {
|
|
5810
5790
|
none: 0,
|
|
@@ -6669,6 +6649,7 @@ function SelectInput({
|
|
|
6669
6649
|
disabled,
|
|
6670
6650
|
size = 'md',
|
|
6671
6651
|
className,
|
|
6652
|
+
UNSAFE_triggerButtonProps,
|
|
6672
6653
|
onFilterChange = noop,
|
|
6673
6654
|
onChange,
|
|
6674
6655
|
onClose,
|
|
@@ -6737,6 +6718,7 @@ function SelectInput({
|
|
|
6737
6718
|
triggerRef.current = node;
|
|
6738
6719
|
},
|
|
6739
6720
|
...inputAttributes,
|
|
6721
|
+
...UNSAFE_triggerButtonProps,
|
|
6740
6722
|
id,
|
|
6741
6723
|
...mergeProps__default.default({
|
|
6742
6724
|
onClick: () => {
|