@commercetools-uikit/select-utils 15.14.2 → 15.15.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/commercetools-uikit-select-utils.cjs.dev.js +17 -4
- package/dist/commercetools-uikit-select-utils.cjs.prod.js +9 -2
- package/dist/commercetools-uikit-select-utils.esm.js +17 -5
- package/dist/declarations/src/clear-indicator/clear-indicator.d.ts +2 -2
- package/dist/declarations/src/clear-indicator/index.d.ts +0 -1
- package/dist/declarations/src/create-select-styles.d.ts +1 -0
- package/dist/declarations/src/export-types.d.ts +3 -0
- package/dist/declarations/src/index.d.ts +2 -0
- package/dist/declarations/src/tag-remove/index.d.ts +0 -1
- package/dist/declarations/src/tag-remove/tag-remove.d.ts +2 -2
- package/dist/declarations/src/warning.d.ts +8 -0
- package/dist/declarations/src/wrapper-with-icon/index.d.ts +0 -1
- package/dist/declarations/src/wrapper-with-icon/wrapper-with-icon.d.ts +5 -5
- package/package.json +7 -7
- package/dist/declarations/src/clear-indicator/export-types.d.ts +0 -2
- package/dist/declarations/src/tag-remove/export-types.d.ts +0 -3
- package/dist/declarations/src/wrapper-with-icon/export-types.d.ts +0 -5
|
@@ -14,6 +14,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
|
|
|
14
14
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
15
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
16
16
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
17
|
+
var utils = require('@commercetools-uikit/utils');
|
|
17
18
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
18
19
|
var react = require('@emotion/react');
|
|
19
20
|
var icons = require('@commercetools-uikit/icons');
|
|
@@ -66,7 +67,7 @@ var ClearIndicator = function ClearIndicator(props) {
|
|
|
66
67
|
|
|
67
68
|
return jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({}, restInnerProps), {}, {
|
|
68
69
|
ref: ref,
|
|
69
|
-
css: /*#__PURE__*/react.css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designSystem.designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designSystem.designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+
|
|
70
|
+
css: /*#__PURE__*/react.css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designSystem.designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designSystem.designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYnV0dG9uJ107XG5cbmV4cG9ydCB0eXBlIFRDbGVhckluZGljYXRvclByb3BzID0ge1xuICBpbm5lclByb3BzOiBUSW5uZXJQcm9wcztcbn0gJiBDbGVhckluZGljYXRvclByb3BzO1xuXG5jb25zdCBDbGVhckluZGljYXRvciA9IChwcm9wczogVENsZWFySW5kaWNhdG9yUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3Qge1xuICAgIGdldFN0eWxlcyxcbiAgICBpbm5lclByb3BzOiB7IHJlZiwgb25Nb3VzZURvd24sIC4uLnJlc3RJbm5lclByb3BzIH0sXG4gIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICB7Li4ucmVzdElubmVyUHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDbGVhcklucHV0SWNvbn07XG4gICAgICAgIDpob3ZlciBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ2xlYXJJbnB1dEljb25XaGVuSG92ZXJlZH07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBzdHlsZT17Z2V0U3R5bGVzKCdjbGVhckluZGljYXRvcicsIHByb3BzKSBhcyBDU1NQcm9wZXJ0aWVzfVxuICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbGVhckJ1dHRvbkxhYmVsKX1cbiAgICAgIGFyaWEtbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbGVhckJ1dHRvbkxhYmVsKX1cbiAgICAgIC8vIG92ZXJyaWRpbmcgdGhlIGRlZmF1bHQgYGFyaWEtaGlkZGVuYCBwcm9wIHZhbHVlIHRvIG1ha2UgdGhlIGNvbXBvbmVudCBhY2Nlc3NpYmxlIGJ5IGtleWJvYXJkIC0gaHR0cHM6Ly9naXRodWIuY29tL0plZFdhdHNvbi9yZWFjdC1zZWxlY3QvaXNzdWVzLzQ3OTNcbiAgICAgIGFyaWEtaGlkZGVuPXtmYWxzZX1cbiAgICAgIC8vIG9ubHkgb25Nb3VzZURvd24gYW5kIG9uVG91Y2hFbmQgZXZlbnQgaGFuZGxlcnMgYXJlIHBhc3NlZCBieSBgcmVhY3Qtc2VsZWN0YCB0byB0aGUgY29tcG9uZW50IGJ5IGRlZmF1bHQsIHdoaWNoIG1ha2VzIGl0IG5vdCBhY2Nlc3NpYmxlIGJ5IGtleWJvYXJkXG4gICAgICBvbkNsaWNrPXtvbk1vdXNlRG93bn1cbiAgICA+XG4gICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgIDwvYnV0dG9uPlxuICApO1xufTtcblxuQ2xlYXJJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnQ2xlYXJJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBDbGVhckluZGljYXRvcjtcbiJdfQ== */"),
|
|
70
71
|
style: getStyles('clearIndicator', props),
|
|
71
72
|
title: intl.formatMessage(messages$1.clearButtonLabel),
|
|
72
73
|
"aria-label": intl.formatMessage(messages$1.clearButtonLabel) // overriding the default `aria-hidden` prop value to make the component accessible by keyboard - https://github.com/JedWatson/react-select/issues/4793
|
|
@@ -163,7 +164,7 @@ var WrapperWithIcon = function WrapperWithIcon(props) {
|
|
|
163
164
|
// react-select uses absolute positioning for the SingleValue/Placeholder
|
|
164
165
|
// the icon has a fixed size of 24px (== SpacingsXl), therefore we can use a fixed margin
|
|
165
166
|
// spacingsXs is the margin between the icon and value
|
|
166
|
-
css: /*#__PURE__*/react.css("margin-left:", designSystem.designTokens.marginLeftForSelectInputIcon, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:WrapperWithIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
167
|
+
css: /*#__PURE__*/react.css("margin-left:", designSystem.designTokens.marginLeftForSelectInputIcon, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:WrapperWithIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndyYXBwZXItd2l0aC1pY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGdCIiwiZmlsZSI6IndyYXBwZXItd2l0aC1pY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsb25lRWxlbWVudCwgdHlwZSBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudHMgYXMgZGVmYXVsdENvbXBvbmVudHMsXG4gIHR5cGUgU2luZ2xlVmFsdWVQcm9wcyxcbiAgdHlwZSBQbGFjZWhvbGRlclByb3BzLFxufSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuXG5leHBvcnQgdHlwZSBUV3JhcHBlcldpdGhJY29uU2VsZWN0UHJvcHMgPSB7XG4gIGljb25MZWZ0PzogUmVhY3RFbGVtZW50O1xufTtcbmV4cG9ydCB0eXBlIFRTaW5nbGVWYWx1ZVdyYXBwZXJXaXRoSWNvblByb3BzID0ge1xuICB0eXBlOiAnc2luZ2xlVmFsdWUnO1xuICBzZWxlY3RQcm9wcz86IFRXcmFwcGVyV2l0aEljb25TZWxlY3RQcm9wcztcbn0gJiBTaW5nbGVWYWx1ZVByb3BzO1xuZXhwb3J0IHR5cGUgVFBsYWNlaG9sZGVyV3JhcHBlcldpdGhJY29uUHJvcHMgPSB7XG4gIHR5cGU6ICdwbGFjZWhvbGRlcic7XG4gIHNlbGVjdFByb3BzPzogVFdyYXBwZXJXaXRoSWNvblNlbGVjdFByb3BzO1xufSAmIFBsYWNlaG9sZGVyUHJvcHM7XG5leHBvcnQgdHlwZSBUV3JhcHBlcldpdGhJY29uUHJvcHM8VHlwZSBleHRlbmRzICdzaW5nbGVWYWx1ZScgfCAncGxhY2Vob2xkZXInPiA9XG4gIFR5cGUgZXh0ZW5kcyAnc2luZ2xlVmFsdWUnXG4gICAgPyBUU2luZ2xlVmFsdWVXcmFwcGVyV2l0aEljb25Qcm9wc1xuICAgIDogVHlwZSBleHRlbmRzICdwbGFjZWhvbGRlcidcbiAgICA/IFRQbGFjZWhvbGRlcldyYXBwZXJXaXRoSWNvblByb3BzXG4gICAgOiBuZXZlcjtcbmV4cG9ydCB0eXBlIFREZWZhdWx0Q29tcG9uZW50PFR5cGUgZXh0ZW5kcyAnc2luZ2xlVmFsdWUnIHwgJ3BsYWNlaG9sZGVyJz4gPSAoXG4gIHByb3BzOiBUeXBlIGV4dGVuZHMgJ3NpbmdsZVZhbHVlJ1xuICAgID8gU2luZ2xlVmFsdWVQcm9wc1xuICAgIDogVHlwZSBleHRlbmRzICdwbGFjZWhvbGRlcidcbiAgICA/IFBsYWNlaG9sZGVyUHJvcHNcbiAgICA6IG5ldmVyXG4pID0+IEpTWC5FbGVtZW50O1xuXG5jb25zdCBnZXREZWZhdWx0Q29tcG9uZW50ID0gPFR5cGUgZXh0ZW5kcyAnc2luZ2xlVmFsdWUnIHwgJ3BsYWNlaG9sZGVyJz4oXG4gIHR5cGU6IFRXcmFwcGVyV2l0aEljb25Qcm9wczxUeXBlPlsndHlwZSddXG4pOiBURGVmYXVsdENvbXBvbmVudDxUeXBlPiB8IG51bGwgPT4ge1xuICBpZiAodHlwZSA9PT0gJ3NpbmdsZVZhbHVlJylcbiAgICByZXR1cm4gZGVmYXVsdENvbXBvbmVudHMuU2luZ2xlVmFsdWUgYXMgVERlZmF1bHRDb21wb25lbnQ8VHlwZT47XG4gIGlmICh0eXBlID09PSAncGxhY2Vob2xkZXInKVxuICAgIHJldHVybiBkZWZhdWx0Q29tcG9uZW50cy5QbGFjZWhvbGRlciBhcyBURGVmYXVsdENvbXBvbmVudDxUeXBlPjtcbiAgcmV0dXJuIG51bGw7XG59O1xuXG5jb25zdCBXcmFwcGVyV2l0aEljb24gPSA8VHlwZSBleHRlbmRzICdzaW5nbGVWYWx1ZScgfCAncGxhY2Vob2xkZXInPihcbiAgcHJvcHM6IFRXcmFwcGVyV2l0aEljb25Qcm9wczxUeXBlPlxuKSA9PiB7XG4gIGNvbnN0IERlZmF1bHRDb21wb25lbnQgPSBnZXREZWZhdWx0Q29tcG9uZW50PFR5cGU+KHByb3BzLnR5cGUpO1xuXG4gIGlmICghRGVmYXVsdENvbXBvbmVudCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3Byb3BzLnNlbGVjdFByb3BzLmljb25MZWZ0ICYmXG4gICAgICAgIGNsb25lRWxlbWVudChwcm9wcy5zZWxlY3RQcm9wcy5pY29uTGVmdCwge1xuICAgICAgICAgIHNpemU6ICdiaWcnLFxuICAgICAgICB9KX1cbiAgICAgIDxzcGFuXG4gICAgICAgIC8vIHJlYWN0LXNlbGVjdCB1c2VzIGFic29sdXRlIHBvc2l0aW9uaW5nIGZvciB0aGUgU2luZ2xlVmFsdWUvUGxhY2Vob2xkZXJcbiAgICAgICAgLy8gdGhlIGljb24gaGFzIGEgZml4ZWQgc2l6ZSBvZiAyNHB4ICg9PSBTcGFjaW5nc1hsKSwgdGhlcmVmb3JlIHdlIGNhbiB1c2UgYSBmaXhlZCBtYXJnaW5cbiAgICAgICAgLy8gc3BhY2luZ3NYcyBpcyB0aGUgbWFyZ2luIGJldHdlZW4gdGhlIGljb24gYW5kIHZhbHVlXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5tYXJnaW5MZWZ0Rm9yU2VsZWN0SW5wdXRJY29ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgey8qIEB0cy1pZ25vcmUgKi99XG4gICAgICAgIDxEZWZhdWx0Q29tcG9uZW50IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvc3Bhbj5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbldyYXBwZXJXaXRoSWNvbi5kaXNwbGF5TmFtZSA9ICdXcmFwcGVyV2l0aEljb24nO1xuXG5leHBvcnQgZGVmYXVsdCBXcmFwcGVyV2l0aEljb247XG5cbmNvbnN0IGN1c3RvbUNvbXBvbmVudHMgPSB7XG4gIFNpbmdsZVZhbHVlOiAocHJvcHM6IFRXcmFwcGVyV2l0aEljb25Qcm9wczwnc2luZ2xlVmFsdWUnPikgPT4gKFxuICAgIDxXcmFwcGVyV2l0aEljb248J3NpbmdsZVZhbHVlJz4gey4uLnByb3BzfSB0eXBlPVwic2luZ2xlVmFsdWVcIiAvPlxuICApLFxuICBQbGFjZWhvbGRlcjogKHByb3BzOiBUV3JhcHBlcldpdGhJY29uUHJvcHM8J3BsYWNlaG9sZGVyJz4pID0+IChcbiAgICA8V3JhcHBlcldpdGhJY29uPCdwbGFjZWhvbGRlcic+IHsuLi5wcm9wc30gdHlwZT1cInBsYWNlaG9sZGVyXCIgLz5cbiAgKSxcbn07XG5cbmV4cG9ydCB7IGN1c3RvbUNvbXBvbmVudHMgfTtcbiJdfQ== */"),
|
|
167
168
|
children: jsxRuntime.jsx(DefaultComponent, _objectSpread$2({}, props))
|
|
168
169
|
})]
|
|
169
170
|
});
|
|
@@ -488,7 +489,7 @@ var valueContainerStyles = function valueContainerStyles(props) {
|
|
|
488
489
|
// Display property should be grid when isMulti and has no value so the Placeholder component is positioned correctly with the Input
|
|
489
490
|
// Display property should be Flex when there is an iconLeft, also when the input has some values when isMulti.
|
|
490
491
|
// See PR from react select for more insight https://github.com/JedWatson/react-select/pull/4833
|
|
491
|
-
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue ? 'flex' : 'grid',
|
|
492
|
+
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue && props.controlShouldRenderValue ? 'flex' : 'grid',
|
|
492
493
|
fill: props.isDisabled || props.isReadOnly ? designSystem.designTokens.fontColorForInputWhenDisabled : designSystem.designTokens.fontColorForSelectInputIcon
|
|
493
494
|
});
|
|
494
495
|
};
|
|
@@ -657,8 +658,19 @@ function createSelectStyles(props) {
|
|
|
657
658
|
};
|
|
658
659
|
}
|
|
659
660
|
|
|
661
|
+
var getMessage = function getMessage(componentName) {
|
|
662
|
+
return "".concat(componentName, ": use `menuPortalZIndex` in conjunction with `menuPortalTarget`");
|
|
663
|
+
};
|
|
664
|
+
|
|
665
|
+
var warnIfMenuPortalPropsAreMissing = function warnIfMenuPortalPropsAreMissing(props) {
|
|
666
|
+
if (typeof props.menuPortalZIndex !== 'undefined' && props.menuPortalZIndex !== 1 // 1 is the value passed in default props
|
|
667
|
+
) {
|
|
668
|
+
process.env.NODE_ENV !== "production" ? utils.warning(props.menuPortalTarget, getMessage(props.componentName)) : void 0;
|
|
669
|
+
}
|
|
670
|
+
};
|
|
671
|
+
|
|
660
672
|
// NOTE: This string will be replaced on build time with the package version.
|
|
661
|
-
var version = "15.
|
|
673
|
+
var version = "15.15.0";
|
|
662
674
|
|
|
663
675
|
exports.ClearIndicator = ClearIndicator$1;
|
|
664
676
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -673,3 +685,4 @@ exports.createSelectStyles = createSelectStyles;
|
|
|
673
685
|
exports.customComponentsWithIcons = customComponents;
|
|
674
686
|
exports.messages = messages;
|
|
675
687
|
exports.version = version;
|
|
688
|
+
exports.warnIfMenuPortalPropsAreMissing = warnIfMenuPortalPropsAreMissing;
|
|
@@ -14,6 +14,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
|
|
|
14
14
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
15
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
16
16
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
17
|
+
require('@commercetools-uikit/utils');
|
|
17
18
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
18
19
|
var react = require('@emotion/react');
|
|
19
20
|
var icons = require('@commercetools-uikit/icons');
|
|
@@ -488,7 +489,7 @@ var valueContainerStyles = function valueContainerStyles(props) {
|
|
|
488
489
|
// Display property should be grid when isMulti and has no value so the Placeholder component is positioned correctly with the Input
|
|
489
490
|
// Display property should be Flex when there is an iconLeft, also when the input has some values when isMulti.
|
|
490
491
|
// See PR from react select for more insight https://github.com/JedWatson/react-select/pull/4833
|
|
491
|
-
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue ? 'flex' : 'grid',
|
|
492
|
+
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue && props.controlShouldRenderValue ? 'flex' : 'grid',
|
|
492
493
|
fill: props.isDisabled || props.isReadOnly ? designSystem.designTokens.fontColorForInputWhenDisabled : designSystem.designTokens.fontColorForSelectInputIcon
|
|
493
494
|
});
|
|
494
495
|
};
|
|
@@ -657,8 +658,13 @@ function createSelectStyles(props) {
|
|
|
657
658
|
};
|
|
658
659
|
}
|
|
659
660
|
|
|
661
|
+
var warnIfMenuPortalPropsAreMissing = function warnIfMenuPortalPropsAreMissing(props) {
|
|
662
|
+
if (typeof props.menuPortalZIndex !== 'undefined' && props.menuPortalZIndex !== 1 // 1 is the value passed in default props
|
|
663
|
+
) ;
|
|
664
|
+
};
|
|
665
|
+
|
|
660
666
|
// NOTE: This string will be replaced on build time with the package version.
|
|
661
|
-
var version = "15.
|
|
667
|
+
var version = "15.15.0";
|
|
662
668
|
|
|
663
669
|
exports.ClearIndicator = ClearIndicator$1;
|
|
664
670
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -673,3 +679,4 @@ exports.createSelectStyles = createSelectStyles;
|
|
|
673
679
|
exports.customComponentsWithIcons = customComponents;
|
|
674
680
|
exports.messages = messages;
|
|
675
681
|
exports.version = version;
|
|
682
|
+
exports.warnIfMenuPortalPropsAreMissing = warnIfMenuPortalPropsAreMissing;
|
|
@@ -10,6 +10,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
|
|
|
10
10
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
11
11
|
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
12
12
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
13
|
+
import { warning } from '@commercetools-uikit/utils';
|
|
13
14
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
14
15
|
import { css } from '@emotion/react';
|
|
15
16
|
import { CloseIcon, CloseBoldIcon, CaretDownIcon, SearchIcon } from '@commercetools-uikit/icons';
|
|
@@ -46,7 +47,7 @@ var ClearIndicator = function ClearIndicator(props) {
|
|
|
46
47
|
|
|
47
48
|
return jsx("button", _objectSpread$6(_objectSpread$6({}, restInnerProps), {}, {
|
|
48
49
|
ref: ref,
|
|
49
|
-
css: /*#__PURE__*/css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+
|
|
50
|
+
css: /*#__PURE__*/css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;fill:", designTokens.fontColorForClearInputIcon, ";:hover svg *{fill:", designTokens.fontColorForClearInputIconWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ClearIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsZWFyLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImNsZWFyLWluZGljYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIExlZ2FjeVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgQ2xlYXJJbmRpY2F0b3JQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUSW5uZXJQcm9wcyA9IHtcbiAgcmVmOiBMZWdhY3lSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYnV0dG9uJ107XG5cbmV4cG9ydCB0eXBlIFRDbGVhckluZGljYXRvclByb3BzID0ge1xuICBpbm5lclByb3BzOiBUSW5uZXJQcm9wcztcbn0gJiBDbGVhckluZGljYXRvclByb3BzO1xuXG5jb25zdCBDbGVhckluZGljYXRvciA9IChwcm9wczogVENsZWFySW5kaWNhdG9yUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3Qge1xuICAgIGdldFN0eWxlcyxcbiAgICBpbm5lclByb3BzOiB7IHJlZiwgb25Nb3VzZURvd24sIC4uLnJlc3RJbm5lclByb3BzIH0sXG4gIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICB7Li4ucmVzdElubmVyUHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDbGVhcklucHV0SWNvbn07XG4gICAgICAgIDpob3ZlciBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ2xlYXJJbnB1dEljb25XaGVuSG92ZXJlZH07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBzdHlsZT17Z2V0U3R5bGVzKCdjbGVhckluZGljYXRvcicsIHByb3BzKSBhcyBDU1NQcm9wZXJ0aWVzfVxuICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbGVhckJ1dHRvbkxhYmVsKX1cbiAgICAgIGFyaWEtbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbGVhckJ1dHRvbkxhYmVsKX1cbiAgICAgIC8vIG92ZXJyaWRpbmcgdGhlIGRlZmF1bHQgYGFyaWEtaGlkZGVuYCBwcm9wIHZhbHVlIHRvIG1ha2UgdGhlIGNvbXBvbmVudCBhY2Nlc3NpYmxlIGJ5IGtleWJvYXJkIC0gaHR0cHM6Ly9naXRodWIuY29tL0plZFdhdHNvbi9yZWFjdC1zZWxlY3QvaXNzdWVzLzQ3OTNcbiAgICAgIGFyaWEtaGlkZGVuPXtmYWxzZX1cbiAgICAgIC8vIG9ubHkgb25Nb3VzZURvd24gYW5kIG9uVG91Y2hFbmQgZXZlbnQgaGFuZGxlcnMgYXJlIHBhc3NlZCBieSBgcmVhY3Qtc2VsZWN0YCB0byB0aGUgY29tcG9uZW50IGJ5IGRlZmF1bHQsIHdoaWNoIG1ha2VzIGl0IG5vdCBhY2Nlc3NpYmxlIGJ5IGtleWJvYXJkXG4gICAgICBvbkNsaWNrPXtvbk1vdXNlRG93bn1cbiAgICA+XG4gICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgIDwvYnV0dG9uPlxuICApO1xufTtcblxuQ2xlYXJJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnQ2xlYXJJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBDbGVhckluZGljYXRvcjtcbiJdfQ== */"),
|
|
50
51
|
style: getStyles('clearIndicator', props),
|
|
51
52
|
title: intl.formatMessage(messages$1.clearButtonLabel),
|
|
52
53
|
"aria-label": intl.formatMessage(messages$1.clearButtonLabel) // overriding the default `aria-hidden` prop value to make the component accessible by keyboard - https://github.com/JedWatson/react-select/issues/4793
|
|
@@ -143,7 +144,7 @@ var WrapperWithIcon = function WrapperWithIcon(props) {
|
|
|
143
144
|
// react-select uses absolute positioning for the SingleValue/Placeholder
|
|
144
145
|
// the icon has a fixed size of 24px (== SpacingsXl), therefore we can use a fixed margin
|
|
145
146
|
// spacingsXs is the margin between the icon and value
|
|
146
|
-
css: /*#__PURE__*/css("margin-left:", designTokens.marginLeftForSelectInputIcon, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:WrapperWithIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
147
|
+
css: /*#__PURE__*/css("margin-left:", designTokens.marginLeftForSelectInputIcon, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:WrapperWithIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndyYXBwZXItd2l0aC1pY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGdCIiwiZmlsZSI6IndyYXBwZXItd2l0aC1pY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsb25lRWxlbWVudCwgdHlwZSBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudHMgYXMgZGVmYXVsdENvbXBvbmVudHMsXG4gIHR5cGUgU2luZ2xlVmFsdWVQcm9wcyxcbiAgdHlwZSBQbGFjZWhvbGRlclByb3BzLFxufSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuXG5leHBvcnQgdHlwZSBUV3JhcHBlcldpdGhJY29uU2VsZWN0UHJvcHMgPSB7XG4gIGljb25MZWZ0PzogUmVhY3RFbGVtZW50O1xufTtcbmV4cG9ydCB0eXBlIFRTaW5nbGVWYWx1ZVdyYXBwZXJXaXRoSWNvblByb3BzID0ge1xuICB0eXBlOiAnc2luZ2xlVmFsdWUnO1xuICBzZWxlY3RQcm9wcz86IFRXcmFwcGVyV2l0aEljb25TZWxlY3RQcm9wcztcbn0gJiBTaW5nbGVWYWx1ZVByb3BzO1xuZXhwb3J0IHR5cGUgVFBsYWNlaG9sZGVyV3JhcHBlcldpdGhJY29uUHJvcHMgPSB7XG4gIHR5cGU6ICdwbGFjZWhvbGRlcic7XG4gIHNlbGVjdFByb3BzPzogVFdyYXBwZXJXaXRoSWNvblNlbGVjdFByb3BzO1xufSAmIFBsYWNlaG9sZGVyUHJvcHM7XG5leHBvcnQgdHlwZSBUV3JhcHBlcldpdGhJY29uUHJvcHM8VHlwZSBleHRlbmRzICdzaW5nbGVWYWx1ZScgfCAncGxhY2Vob2xkZXInPiA9XG4gIFR5cGUgZXh0ZW5kcyAnc2luZ2xlVmFsdWUnXG4gICAgPyBUU2luZ2xlVmFsdWVXcmFwcGVyV2l0aEljb25Qcm9wc1xuICAgIDogVHlwZSBleHRlbmRzICdwbGFjZWhvbGRlcidcbiAgICA/IFRQbGFjZWhvbGRlcldyYXBwZXJXaXRoSWNvblByb3BzXG4gICAgOiBuZXZlcjtcbmV4cG9ydCB0eXBlIFREZWZhdWx0Q29tcG9uZW50PFR5cGUgZXh0ZW5kcyAnc2luZ2xlVmFsdWUnIHwgJ3BsYWNlaG9sZGVyJz4gPSAoXG4gIHByb3BzOiBUeXBlIGV4dGVuZHMgJ3NpbmdsZVZhbHVlJ1xuICAgID8gU2luZ2xlVmFsdWVQcm9wc1xuICAgIDogVHlwZSBleHRlbmRzICdwbGFjZWhvbGRlcidcbiAgICA/IFBsYWNlaG9sZGVyUHJvcHNcbiAgICA6IG5ldmVyXG4pID0+IEpTWC5FbGVtZW50O1xuXG5jb25zdCBnZXREZWZhdWx0Q29tcG9uZW50ID0gPFR5cGUgZXh0ZW5kcyAnc2luZ2xlVmFsdWUnIHwgJ3BsYWNlaG9sZGVyJz4oXG4gIHR5cGU6IFRXcmFwcGVyV2l0aEljb25Qcm9wczxUeXBlPlsndHlwZSddXG4pOiBURGVmYXVsdENvbXBvbmVudDxUeXBlPiB8IG51bGwgPT4ge1xuICBpZiAodHlwZSA9PT0gJ3NpbmdsZVZhbHVlJylcbiAgICByZXR1cm4gZGVmYXVsdENvbXBvbmVudHMuU2luZ2xlVmFsdWUgYXMgVERlZmF1bHRDb21wb25lbnQ8VHlwZT47XG4gIGlmICh0eXBlID09PSAncGxhY2Vob2xkZXInKVxuICAgIHJldHVybiBkZWZhdWx0Q29tcG9uZW50cy5QbGFjZWhvbGRlciBhcyBURGVmYXVsdENvbXBvbmVudDxUeXBlPjtcbiAgcmV0dXJuIG51bGw7XG59O1xuXG5jb25zdCBXcmFwcGVyV2l0aEljb24gPSA8VHlwZSBleHRlbmRzICdzaW5nbGVWYWx1ZScgfCAncGxhY2Vob2xkZXInPihcbiAgcHJvcHM6IFRXcmFwcGVyV2l0aEljb25Qcm9wczxUeXBlPlxuKSA9PiB7XG4gIGNvbnN0IERlZmF1bHRDb21wb25lbnQgPSBnZXREZWZhdWx0Q29tcG9uZW50PFR5cGU+KHByb3BzLnR5cGUpO1xuXG4gIGlmICghRGVmYXVsdENvbXBvbmVudCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3Byb3BzLnNlbGVjdFByb3BzLmljb25MZWZ0ICYmXG4gICAgICAgIGNsb25lRWxlbWVudChwcm9wcy5zZWxlY3RQcm9wcy5pY29uTGVmdCwge1xuICAgICAgICAgIHNpemU6ICdiaWcnLFxuICAgICAgICB9KX1cbiAgICAgIDxzcGFuXG4gICAgICAgIC8vIHJlYWN0LXNlbGVjdCB1c2VzIGFic29sdXRlIHBvc2l0aW9uaW5nIGZvciB0aGUgU2luZ2xlVmFsdWUvUGxhY2Vob2xkZXJcbiAgICAgICAgLy8gdGhlIGljb24gaGFzIGEgZml4ZWQgc2l6ZSBvZiAyNHB4ICg9PSBTcGFjaW5nc1hsKSwgdGhlcmVmb3JlIHdlIGNhbiB1c2UgYSBmaXhlZCBtYXJnaW5cbiAgICAgICAgLy8gc3BhY2luZ3NYcyBpcyB0aGUgbWFyZ2luIGJldHdlZW4gdGhlIGljb24gYW5kIHZhbHVlXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5tYXJnaW5MZWZ0Rm9yU2VsZWN0SW5wdXRJY29ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgey8qIEB0cy1pZ25vcmUgKi99XG4gICAgICAgIDxEZWZhdWx0Q29tcG9uZW50IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvc3Bhbj5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbldyYXBwZXJXaXRoSWNvbi5kaXNwbGF5TmFtZSA9ICdXcmFwcGVyV2l0aEljb24nO1xuXG5leHBvcnQgZGVmYXVsdCBXcmFwcGVyV2l0aEljb247XG5cbmNvbnN0IGN1c3RvbUNvbXBvbmVudHMgPSB7XG4gIFNpbmdsZVZhbHVlOiAocHJvcHM6IFRXcmFwcGVyV2l0aEljb25Qcm9wczwnc2luZ2xlVmFsdWUnPikgPT4gKFxuICAgIDxXcmFwcGVyV2l0aEljb248J3NpbmdsZVZhbHVlJz4gey4uLnByb3BzfSB0eXBlPVwic2luZ2xlVmFsdWVcIiAvPlxuICApLFxuICBQbGFjZWhvbGRlcjogKHByb3BzOiBUV3JhcHBlcldpdGhJY29uUHJvcHM8J3BsYWNlaG9sZGVyJz4pID0+IChcbiAgICA8V3JhcHBlcldpdGhJY29uPCdwbGFjZWhvbGRlcic+IHsuLi5wcm9wc30gdHlwZT1cInBsYWNlaG9sZGVyXCIgLz5cbiAgKSxcbn07XG5cbmV4cG9ydCB7IGN1c3RvbUNvbXBvbmVudHMgfTtcbiJdfQ== */"),
|
|
147
148
|
children: jsx(DefaultComponent, _objectSpread$2({}, props))
|
|
148
149
|
})]
|
|
149
150
|
});
|
|
@@ -468,7 +469,7 @@ var valueContainerStyles = function valueContainerStyles(props) {
|
|
|
468
469
|
// Display property should be grid when isMulti and has no value so the Placeholder component is positioned correctly with the Input
|
|
469
470
|
// Display property should be Flex when there is an iconLeft, also when the input has some values when isMulti.
|
|
470
471
|
// See PR from react select for more insight https://github.com/JedWatson/react-select/pull/4833
|
|
471
|
-
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue ? 'flex' : 'grid',
|
|
472
|
+
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue && props.controlShouldRenderValue ? 'flex' : 'grid',
|
|
472
473
|
fill: props.isDisabled || props.isReadOnly ? designTokens.fontColorForInputWhenDisabled : designTokens.fontColorForSelectInputIcon
|
|
473
474
|
});
|
|
474
475
|
};
|
|
@@ -637,7 +638,18 @@ function createSelectStyles(props) {
|
|
|
637
638
|
};
|
|
638
639
|
}
|
|
639
640
|
|
|
641
|
+
var getMessage = function getMessage(componentName) {
|
|
642
|
+
return "".concat(componentName, ": use `menuPortalZIndex` in conjunction with `menuPortalTarget`");
|
|
643
|
+
};
|
|
644
|
+
|
|
645
|
+
var warnIfMenuPortalPropsAreMissing = function warnIfMenuPortalPropsAreMissing(props) {
|
|
646
|
+
if (typeof props.menuPortalZIndex !== 'undefined' && props.menuPortalZIndex !== 1 // 1 is the value passed in default props
|
|
647
|
+
) {
|
|
648
|
+
process.env.NODE_ENV !== "production" ? warning(props.menuPortalTarget, getMessage(props.componentName)) : void 0;
|
|
649
|
+
}
|
|
650
|
+
};
|
|
651
|
+
|
|
640
652
|
// NOTE: This string will be replaced on build time with the package version.
|
|
641
|
-
var version = "15.
|
|
653
|
+
var version = "15.15.0";
|
|
642
654
|
|
|
643
|
-
export { ClearIndicator$1 as ClearIndicator, CustomSelectInputOption, DoublePropertySelectInputOption, DropdownIndicator$1 as DropdownIndicator, MultiplePropertiesSelectInputOption, SELECT_DROPDOWN_OPTION_TYPES, SearchIconDropdownIndicator$1 as SearchIconDropdownIndicator, TagRemove$1 as TagRemove, WrapperWithIcon$1 as ValueWrapperWithIcon, createSelectStyles, customComponents as customComponentsWithIcons, messages, version };
|
|
655
|
+
export { ClearIndicator$1 as ClearIndicator, CustomSelectInputOption, DoublePropertySelectInputOption, DropdownIndicator$1 as DropdownIndicator, MultiplePropertiesSelectInputOption, SELECT_DROPDOWN_OPTION_TYPES, SearchIconDropdownIndicator$1 as SearchIconDropdownIndicator, TagRemove$1 as TagRemove, WrapperWithIcon$1 as ValueWrapperWithIcon, createSelectStyles, customComponents as customComponentsWithIcons, messages, version, warnIfMenuPortalPropsAreMissing };
|
|
@@ -3,11 +3,11 @@ import type { ClearIndicatorProps } from 'react-select';
|
|
|
3
3
|
type TInnerProps = {
|
|
4
4
|
ref: LegacyRef<HTMLButtonElement>;
|
|
5
5
|
} & JSX.IntrinsicElements['button'];
|
|
6
|
-
export type
|
|
6
|
+
export type TClearIndicatorProps = {
|
|
7
7
|
innerProps: TInnerProps;
|
|
8
8
|
} & ClearIndicatorProps;
|
|
9
9
|
declare const ClearIndicator: {
|
|
10
|
-
(props:
|
|
10
|
+
(props: TClearIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
13
13
|
export default ClearIndicator;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type { TClearIndicatorProps } from './clear-indicator/clear-indicator';
|
|
2
|
+
export type { TTagRemoveSelectProps, TTagRemoveProps, } from './tag-remove/tag-remove';
|
|
3
|
+
export type { TWrapperWithIconProps, TWrapperWithIconSelectProps, TDefaultComponent, } from './wrapper-with-icon/wrapper-with-icon';
|
|
@@ -5,6 +5,8 @@ export { default as SearchIconDropdownIndicator } from './search-icon-dropdown-i
|
|
|
5
5
|
export { default as ValueWrapperWithIcon } from './wrapper-with-icon';
|
|
6
6
|
export { customComponents as customComponentsWithIcons } from './wrapper-with-icon';
|
|
7
7
|
export * from './custom-styled-select-options';
|
|
8
|
+
export * from './export-types';
|
|
8
9
|
export { default as messages } from './messages';
|
|
9
10
|
export { default as createSelectStyles } from './create-select-styles';
|
|
11
|
+
export { warnIfMenuPortalPropsAreMissing } from './warning';
|
|
10
12
|
export { default as version } from './version';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { MultiValueGenericProps } from 'react-select';
|
|
2
|
-
export type
|
|
2
|
+
export type TTagRemoveSelectProps = {
|
|
3
3
|
isReadOnly: boolean;
|
|
4
4
|
} & MultiValueGenericProps['selectProps'];
|
|
5
5
|
export type TTagRemoveProps = {
|
|
6
|
-
selectProps:
|
|
6
|
+
selectProps: TTagRemoveSelectProps;
|
|
7
7
|
} & MultiValueGenericProps;
|
|
8
8
|
declare const TagRemove: {
|
|
9
9
|
(props: TTagRemoveProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type Props as ReactSelectProps } from 'react-select';
|
|
2
|
+
type TWarnIfMenuPortalPropsAreMissingProps = {
|
|
3
|
+
menuPortalZIndex?: number;
|
|
4
|
+
menuPortalTarget?: ReactSelectProps['menuPortalTarget'];
|
|
5
|
+
componentName: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const warnIfMenuPortalPropsAreMissing: (props: TWarnIfMenuPortalPropsAreMissingProps) => void;
|
|
8
|
+
export {};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { type ReactElement } from 'react';
|
|
2
2
|
import { type SingleValueProps, type PlaceholderProps } from 'react-select';
|
|
3
|
+
export type TWrapperWithIconSelectProps = {
|
|
4
|
+
iconLeft?: ReactElement;
|
|
5
|
+
};
|
|
3
6
|
export type TSingleValueWrapperWithIconProps = {
|
|
4
7
|
type: 'singleValue';
|
|
5
|
-
selectProps?:
|
|
8
|
+
selectProps?: TWrapperWithIconSelectProps;
|
|
6
9
|
} & SingleValueProps;
|
|
7
10
|
export type TPlaceholderWrapperWithIconProps = {
|
|
8
11
|
type: 'placeholder';
|
|
9
|
-
selectProps?:
|
|
12
|
+
selectProps?: TWrapperWithIconSelectProps;
|
|
10
13
|
} & PlaceholderProps;
|
|
11
14
|
export type TWrapperWithIconProps<Type extends 'singleValue' | 'placeholder'> = Type extends 'singleValue' ? TSingleValueWrapperWithIconProps : Type extends 'placeholder' ? TPlaceholderWrapperWithIconProps : never;
|
|
12
15
|
export type TDefaultComponent<Type extends 'singleValue' | 'placeholder'> = (props: Type extends 'singleValue' ? SingleValueProps : Type extends 'placeholder' ? PlaceholderProps : never) => JSX.Element;
|
|
13
|
-
type TSelectProps = {
|
|
14
|
-
iconLeft?: ReactElement;
|
|
15
|
-
};
|
|
16
16
|
declare const WrapperWithIcon: {
|
|
17
17
|
<Type extends "placeholder" | "singleValue">(props: TWrapperWithIconProps<Type>): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
18
18
|
displayName: string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/select-utils",
|
|
3
3
|
"description": "Utilities for working with select components.",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.15.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/icons": "15.
|
|
27
|
-
"@commercetools-uikit/spacings": "15.
|
|
28
|
-
"@commercetools-uikit/text": "15.
|
|
29
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "15.15.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.15.0",
|
|
26
|
+
"@commercetools-uikit/icons": "15.15.0",
|
|
27
|
+
"@commercetools-uikit/spacings": "15.15.0",
|
|
28
|
+
"@commercetools-uikit/text": "15.15.0",
|
|
29
|
+
"@commercetools-uikit/utils": "15.15.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|
|
32
32
|
"lodash": "4.17.21",
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { TSingleValueWrapperWithIconProps as SingleValueWrapperWithIconProps, TPlaceholderWrapperWithIconProps as PlaceholderWrapperWithIconProps, TWrapperWithIconProps as WrapperWithIconProps, TDefaultComponent as DefaultComponent } from './wrapper-with-icon';
|
|
2
|
-
export type TSingleValueWrapperWithIconProps = SingleValueWrapperWithIconProps;
|
|
3
|
-
export type TPlaceholderWrapperWithIconProps = PlaceholderWrapperWithIconProps;
|
|
4
|
-
export type TDefaultComponent = DefaultComponent<'singleValue' | 'placeholder'>;
|
|
5
|
-
export type TWrapperWithIconProps = WrapperWithIconProps<'singleValue' | 'placeholder'>;
|