react-magma-dom 4.14.0 → 4.14.1-next.1
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/esm/index.js +21 -11
- package/dist/esm/index.js.map +1 -1
- package/dist/react-magma-dom.cjs.development.js +21 -11
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -6715,7 +6715,7 @@ var StyledInputMessage = /*#__PURE__*/_styled(InputMessage, {
|
|
|
6715
6715
|
label: "StyledInputMessage"
|
|
6716
6716
|
})("font-weight:", buildFontWeight, ";font-family:", function (props) {
|
|
6717
6717
|
return props.theme.bodyFont;
|
|
6718
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
6718
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYXJhY3RlckNvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCZ0QiLCJmaWxlIjoiQ2hhcmFjdGVyQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRGV2aWNlRGV0ZWN0IH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlRGV2aWNlRGV0ZWN0JztcclxuaW1wb3J0IHsgSTE4bkNvbnRleHQgfSBmcm9tICcuLi8uLi9pMThuJztcclxuaW1wb3J0IHsgbWFnbWEgfSBmcm9tICcuLi8uLi90aGVtZS9tYWdtYSc7XHJcbmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xyXG5pbXBvcnQgeyBIaWRkZW5MYWJlbFRleHQgfSBmcm9tICcuLi9DaGVja2JveCc7XHJcbmltcG9ydCB7IElucHV0TWVzc2FnZSB9IGZyb20gJy4uL0lucHV0L0lucHV0TWVzc2FnZSc7XHJcbi8vIENoYW5nZXMgdGhlIGZvbnQgd2VpZ2h0IHRvIGJvbGQgYmFzZWQgb24gbWF4Q291bnQuXHJcbmZ1bmN0aW9uIGJ1aWxkRm9udFdlaWdodChwcm9wcykge1xyXG4gICAgaWYgKChwcm9wcy5pbnB1dExlbmd0aCA8IHByb3BzLm1heENvdW50ICYmIHByb3BzLmlucHV0TGVuZ3RoID49IDEpIHx8XHJcbiAgICAgICAgcHJvcHMuaW5wdXRMZW5ndGggPT09IHByb3BzLm1heENvdW50KSB7XHJcbiAgICAgICAgcmV0dXJuIG1hZ21hLnR5cG9ncmFwaHlWaXN1YWxTdHlsZXMuaGVhZGluZ1hTbWFsbC5mb250V2VpZ2h0O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICdpbmhlcml0JztcclxufVxyXG5jb25zdCBTdHlsZWRJbnB1dE1lc3NhZ2UgPSBzdHlsZWQoSW5wdXRNZXNzYWdlKSBgXG4gIGZvbnQtd2VpZ2h0OiAke2J1aWxkRm9udFdlaWdodH07XG4gIGZvbnQtZmFtaWx5OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmJvZHlGb250fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGFyYWN0ZXJDb3VudGVyID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xyXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgaGFzQ2hhcmFjdGVyQ291bnRlciwgaWQsIGlucHV0TGVuZ3RoLCBtYXhDb3VudCwgbWF4TGVuZ3RoLCB0ZXN0SWQsIGlzSW52ZXJzZSwgLi4ucmVzdCB9ID0gcHJvcHM7XHJcbiAgICBjb25zdCBpMThuID0gUmVhY3QudXNlQ29udGV4dChJMThuQ29udGV4dCk7XHJcbiAgICBjb25zdCB7IGlzV2luZG93cywgaXNDaHJvbWUgfSA9IHVzZURldmljZURldGVjdCgpO1xyXG4gICAgLy8gVGVtcG9yYXJ5IHdoaWxlIGJvdGggJ21heExlbmd0aCcgYW5kICdtYXhDb3VudCcgYXJlIHN1cHBvcnRlZC4gVG8gYmUgcmVtb3ZlZCBpbiBmdXR1cmUgaXRlcmF0aW9ucy5cclxuICAgIGNvbnN0IG1heENoYXJhY3RlcnMgPSB0eXBlb2YgbWF4Q291bnQgPT09ICdudW1iZXInID8gbWF4Q291bnQgOiBtYXhMZW5ndGg7XHJcbiAgICBjb25zdCBpc092ZXJNYXhDb3VudCA9IGlucHV0TGVuZ3RoID4gbWF4Q2hhcmFjdGVycztcclxuICAgIC8vIEdldHMgcGVyY2VudGFnZSB2YWx1ZSBvZiB0b3RhbCBjaGFyYWN0ZXJzIHdpdGhpbiBJbnB1dCB0byBsZXQgYXJpYS1saXZlIGhhdmUgZHluYW1pYyBzdGF0ZXMuXHJcbiAgICBjb25zdCBnZXRQZXJjZW50YWdlID0gKGlucHV0TGVuZ3RoIC8gbWF4Q2hhcmFjdGVycykgKiAxMDA7XHJcbiAgICAvLyBSZXR1cm5zIGFyaWEtbGl2ZSBzdGF0ZXMgYmFzZWQgb24gcGVyY2VudGFnZSBvZiBjaGFyYWN0ZXJzIHdpdGhpbiBJbnB1dC5cclxuICAgIGZ1bmN0aW9uIGdldEFyaWFMaXZlU3RhdGUoKSB7XHJcbiAgICAgICAgaWYgKGlzV2luZG93cyAmJiBpc0Nocm9tZSkge1xyXG4gICAgICAgICAgICByZXR1cm4gJ29mZic7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChnZXRQZXJjZW50YWdlID4gMTAwKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAnYXNzZXJ0aXZlJztcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuICdwb2xpdGUnO1xyXG4gICAgfVxyXG4gICAgLy8gQXMgdGhlIHVzZXIgdHlwZXMsIHRoaXMgY2FsY3VsYXRlcyB0aGUgcmVtYWluaW5nIGNoYXJhY3RlcnMgc2V0IGJ5IG1heENvdW50IHdoaWNoIGNvdW50cyBkb3duIHRvIHplcm8gdGhlbiBjb3VudHMgdXAgaWYgb3ZlciB0aGUgbGltaXQuXHJcbiAgICBjb25zdCBjaGFyYWN0ZXJMaW1pdCA9IG1heENoYXJhY3RlcnMgPiBpbnB1dExlbmd0aFxyXG4gICAgICAgID8gbWF4Q2hhcmFjdGVycyAtIGlucHV0TGVuZ3RoXHJcbiAgICAgICAgOiBpbnB1dExlbmd0aCAtIG1heENoYXJhY3RlcnM7XHJcbiAgICAvKlxyXG4gICAgICogUmV0dXJucyB0aGUgY2hhcmFjdGVyIGNvdW50ZXIgZGVzY3JpcHRpb24uXHJcbiAgICAgKiBXaGVuIHRoZXJlJ3Mgbm8gaW5wdXRMZW5ndGgsIHJldHVybnMgXCIjIGNoYXJhY3RlcihzKSBhbGxvd2VkXCJcclxuICAgICAqIFdoZW4gaW5wdXRMZW5ndGggPCBtYXhDb3VudCBvciBpbnB1dExlbmd0aCA9PT0gbWF4Q291bnQsIHJldHVybnMgXCIjIGNoYXJhY3RlcihzKSBsZWZ0XCJcclxuICAgICAqIFdoZW4gaW5wdXRMZW5ndGggPiBtYXhDb3VudCwgcmV0dXJucyBcIiMgY2hhcmFjdGVyKHMpIG92ZXIgbGltaXRcIlxyXG4gICAgICovXHJcbiAgICBjb25zdCBjaGFyYWN0ZXJUaXRsZSA9IFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGlmIChpbnB1dExlbmd0aCA+IDApIHtcclxuICAgICAgICAgICAgaWYgKGlucHV0TGVuZ3RoIDwgbWF4Q2hhcmFjdGVycykge1xyXG4gICAgICAgICAgICAgICAgaWYgKGlucHV0TGVuZ3RoID09PSBtYXhDaGFyYWN0ZXJzIC0gMSkge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgJHtjaGFyYWN0ZXJMaW1pdH0gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyTGVmdH1gO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgZWxzZSBpZiAoY2hhcmFjdGVyTGltaXQgPiAxKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke2NoYXJhY3RlckxpbWl0fSAke2kxOG4uY2hhcmFjdGVyQ291bnRlci5jaGFyYWN0ZXJzTGVmdH1gO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmIChpbnB1dExlbmd0aCA+IG1heENoYXJhY3RlcnMpIHtcclxuICAgICAgICAgICAgICAgIGlmIChpbnB1dExlbmd0aCA9PT0gbWF4Q2hhcmFjdGVycyArIDEpIHtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCR7Y2hhcmFjdGVyTGltaXR9ICR7aTE4bi5jaGFyYWN0ZXJDb3VudGVyLmNoYXJhY3Rlck92ZXJ9YDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtjaGFyYWN0ZXJMaW1pdH0gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyc092ZXJ9YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoaW5wdXRMZW5ndGggPT09IG1heENoYXJhY3RlcnMpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBgMCAke2kxOG4uY2hhcmFjdGVyQ291bnRlci5jaGFyYWN0ZXJzTGVmdH1gO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICBpZiAobWF4Q2hhcmFjdGVycyA9PT0gMSkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke21heENoYXJhY3RlcnN9ICR7aTE4bi5jaGFyYWN0ZXJDb3VudGVyLmNoYXJhY3RlckFsbG93ZWR9YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gYCR7bWF4Q2hhcmFjdGVyc30gJHtpMThuLmNoYXJhY3RlckNvdW50ZXIuY2hhcmFjdGVyc0FsbG93ZWR9YDtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY2hhcmFjdGVyTGltaXQsIGlucHV0TGVuZ3RoLCBpMThuLmNoYXJhY3RlckNvdW50ZXIsIG1heENoYXJhY3RlcnNdKTtcclxuICAgIC8vIFNldHMgdGhlIHNjcmVlbiByZWFkZXIgbWVzc2FnZSB0byBhbm5vdW5jZSB0aGUgY2hhcmFjdGVyIGNvdW50ZXIuXHJcbiAgICBjb25zdCBbc2NyZWVuUmVhZGVyTWVzc2FnZSwgc2V0U2NyZWVuUmVhZGVyTWVzc2FnZV0gPSBSZWFjdC51c2VTdGF0ZSgpO1xyXG4gICAgY29uc3QgZGVib3VuY2VkU2V0U2NyZWVuUmVhZGVyTWVzc2FnZSA9IFJlYWN0LnVzZU1lbW8oKCkgPT4gZGVib3VuY2UoKHN0YXR1c01lc3NhZ2UpID0+IHtcclxuICAgICAgICBzZXRTY3JlZW5SZWFkZXJNZXNzYWdlKHN0YXR1c01lc3NhZ2UpO1xyXG4gICAgfSwgMzAwMCksIFtdKTtcclxuICAgIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgZGVib3VuY2VkU2V0U2NyZWVuUmVhZGVyTWVzc2FnZShjaGFyYWN0ZXJUaXRsZSk7XHJcbiAgICAgICAgcmV0dXJuICgpID0+IHtcclxuICAgICAgICAgICAgZGVib3VuY2VkU2V0U2NyZWVuUmVhZGVyTWVzc2FnZS5jbGVhcigpO1xyXG4gICAgICAgIH07XHJcbiAgICB9LCBbaW5wdXRMZW5ndGgsIGRlYm91bmNlZFNldFNjcmVlblJlYWRlck1lc3NhZ2UsIGNoYXJhY3RlclRpdGxlXSk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoUmVhY3QuRnJhZ21lbnQsIG51bGwsXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgcmVmOiByZWYsIFwiZGF0YS10ZXN0aWRcIjogdGVzdElkIH0sIHJlc3QsIHsgaWQ6IGlkIH0pLFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZElucHV0TWVzc2FnZSwgeyBcImFyaWEtbGl2ZVwiOiBcIm9mZlwiLCBoYXNDaGFyYWN0ZXJDb3VudGVyOiBoYXNDaGFyYWN0ZXJDb3VudGVyLCBoYXNFcnJvcjogaXNPdmVyTWF4Q291bnQsIGlzSW52ZXJzZTogaXNJbnZlcnNlLCBpbnB1dExlbmd0aDogaW5wdXRMZW5ndGgsIG1heENvdW50OiBtYXhDaGFyYWN0ZXJzLCBtYXhMZW5ndGg6IG1heENoYXJhY3RlcnMgfSwgY2hhcmFjdGVyVGl0bGUpKSxcclxuICAgICAgICBzY3JlZW5SZWFkZXJNZXNzYWdlICYmIChSZWFjdC5jcmVhdGVFbGVtZW50KEhpZGRlbkxhYmVsVGV4dCwgeyBcImFyaWEtbGl2ZVwiOiBnZXRBcmlhTGl2ZVN0YXRlKCksIFwiZGF0YS10ZXN0aWRcIjogXCJzY3JlZW5SZWFkZXJNZXNzYWdlXCIgfSwgc2NyZWVuUmVhZGVyTWVzc2FnZSkpKSk7XHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGFyYWN0ZXJDb3VudGVyLmpzLm1hcCJdfQ== */"));
|
|
6719
6719
|
var CharacterCounter = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6720
6720
|
var hasCharacterCounter = props.hasCharacterCounter,
|
|
6721
6721
|
id = props.id,
|
|
@@ -6726,6 +6726,9 @@ var CharacterCounter = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
6726
6726
|
isInverse = props.isInverse,
|
|
6727
6727
|
rest = _objectWithoutPropertiesLoose(props, _excluded$x);
|
|
6728
6728
|
var i18n = useContext(I18nContext);
|
|
6729
|
+
var _useDeviceDetect = useDeviceDetect(),
|
|
6730
|
+
isWindows = _useDeviceDetect.isWindows,
|
|
6731
|
+
isChrome = _useDeviceDetect.isChrome;
|
|
6729
6732
|
// Temporary while both 'maxLength' and 'maxCount' are supported. To be removed in future iterations.
|
|
6730
6733
|
var maxCharacters = typeof maxCount === 'number' ? maxCount : maxLength;
|
|
6731
6734
|
var isOverMaxCount = inputLength > maxCharacters;
|
|
@@ -6733,6 +6736,9 @@ var CharacterCounter = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
6733
6736
|
var getPercentage = inputLength / maxCharacters * 100;
|
|
6734
6737
|
// Returns aria-live states based on percentage of characters within Input.
|
|
6735
6738
|
function getAriaLiveState() {
|
|
6739
|
+
if (isWindows && isChrome) {
|
|
6740
|
+
return 'off';
|
|
6741
|
+
}
|
|
6736
6742
|
if (getPercentage > 100) {
|
|
6737
6743
|
return 'assertive';
|
|
6738
6744
|
}
|
|
@@ -18738,16 +18744,20 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
18738
18744
|
var theme = useContext(ThemeContext);
|
|
18739
18745
|
var isInverse = useIsInverse(props.isInverse);
|
|
18740
18746
|
var usesDefaultText = SHOW_PASSWORD_BUTTON_TEXT === i18n.password.shown.buttonText && HIDE_PASSWORD_BUTTON_TEXT === i18n.password.hidden.buttonText;
|
|
18741
|
-
var buttonRef = useRef();
|
|
18747
|
+
var buttonRef = useRef(null);
|
|
18748
|
+
var _React$useState2 = useState(0),
|
|
18749
|
+
buttonWidth = _React$useState2[0],
|
|
18750
|
+
setButtonWidth = _React$useState2[1];
|
|
18751
|
+
useLayoutEffect(function () {
|
|
18752
|
+
if (buttonRef.current && !usesDefaultText) {
|
|
18753
|
+
setButtonWidth(buttonRef.current.offsetWidth);
|
|
18754
|
+
}
|
|
18755
|
+
}, [usesDefaultText, passwordShown, SHOW_PASSWORD_BUTTON_TEXT, HIDE_PASSWORD_BUTTON_TEXT]);
|
|
18742
18756
|
var getButtonWidth = function getButtonWidth() {
|
|
18743
18757
|
if (usesDefaultText) {
|
|
18744
|
-
|
|
18745
|
-
|
|
18746
|
-
|
|
18747
|
-
return '54px';
|
|
18748
|
-
} else {
|
|
18749
|
-
var _buttonRef$current;
|
|
18750
|
-
return (buttonRef == null || (_buttonRef$current = buttonRef.current) == null ? void 0 : _buttonRef$current.offsetWidth) + "px";
|
|
18758
|
+
return inputSize === InputSize.large ? '64px' : '54px';
|
|
18759
|
+
} else if (buttonWidth !== 0) {
|
|
18760
|
+
return buttonWidth + "px";
|
|
18751
18761
|
}
|
|
18752
18762
|
};
|
|
18753
18763
|
var getInputStyle = function getInputStyle() {
|
|
@@ -18762,9 +18772,9 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
18762
18772
|
width: 'calc(100% - 64px)'
|
|
18763
18773
|
};
|
|
18764
18774
|
} else {
|
|
18765
|
-
|
|
18775
|
+
// right margin (3px) so input doesn't overflow
|
|
18766
18776
|
return {
|
|
18767
|
-
width: "calc(100% - " + (
|
|
18777
|
+
width: "calc(100% - " + (buttonWidth + 3) + "px)"
|
|
18768
18778
|
};
|
|
18769
18779
|
}
|
|
18770
18780
|
};
|