@commercetools-uikit/search-text-input 19.20.0 → 19.21.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.
|
@@ -12,6 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
16
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
16
17
|
var react$1 = require('react');
|
|
17
18
|
var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
|
|
@@ -86,13 +87,15 @@ const getTextInputContainerBackgroundColor = props => {
|
|
|
86
87
|
};
|
|
87
88
|
const getSearchTextInputContainerStyles = props => [/*#__PURE__*/react.css("display:flex;align-items:center;background-color:", props.isDisabled ? designSystem.designTokens.backgroundColorForInputWhenDisabled : designSystem.designTokens.backgroundColorForInput, ";background-color:", getTextInputContainerBackgroundColor(props), ";border:1px solid ", getInputContainerBorderColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";box-shadow:", getInputBoxShadow(props), ";height:", props.isCondensed ? `${designSystem.designTokens.heightForInputAsSmall}` : `${designSystem.designTokens.heightForInput}`, ";box-sizing:border-box;gap:", designSystem.designTokens.spacing10, ";padding-right:", designSystem.designTokens.spacing30, ";&:hover{border-color:", getInputContainerBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered), ";}&:hover:not(:read-only):not(:disabled){background-color:", designSystem.designTokens.backgroundColorForInputWhenHovered, ";}&:focus{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getSearchTextInputContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SEsiLCJmaWxlIjoic2VhcmNoLXRleHQtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRJbnB1dENvbnRhaW5lckJvcmRlckNvbG9yID0gKFxuICBwcm9wczogVElucHV0UHJvcHMsXG4gIGRlZmF1bHRDb2xvcjogc3RyaW5nID0gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRcbikgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0SW5wdXRCb3hTaGFkb3cgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNoYWRvd0ZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dFN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0SW5wdXRTdHlsZXMocHJvcHMpLFxuICBjc3NgXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAmLFxuICAgICY6Zm9jdXMsXG4gICAgJjpmb2N1czpub3QoOnJlYWQtb25seSkge1xuICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG4gICAgJjpmb2N1cyxcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIGZvbnQtc2l6ZTogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH1gXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfWB9O1xuICAgIG9yZGVyOiAyO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgIGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgYm94LXNoYWRvdyAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9O1xuYDtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUSW5wdXRQcm9wcywgZGVmYXVsdENvbG9yOiBzdHJpbmcpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzID0gKHByb3BzOiBUSW5wdXRQcm9wcykgPT4gW1xuICBnZXRCdXR0b25TdHlsZXMoKSxcbiAgY3NzYFxuICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjApfTtcbiAgICBvcmRlcjogMztcbiAgICAmOmhvdmVyIHtcbiAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5KX07XG4gICAgfVxuICBgLFxuXTtcblxuY29uc3QgZ2V0U2VhcmNoSWNvbkJ1dHRvblN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0QnV0dG9uU3R5bGVzKCksXG4gIGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcywgZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwKX07XG4gICAgY3Vyc29yOiAke3Byb3BzLmlzUmVhZE9ubHkgPyAnZGVmYXVsdCcgOiAncG9pbnRlcid9O1xuICAgIG9yZGVyOiAxO1xuICAgICY6aG92ZXIge1xuICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMsIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnkpfTtcbiAgICB9XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Q29udGFpbmVyQm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm94LXNoYWRvdzogJHtnZXRJbnB1dEJveFNoYWRvdyhwcm9wcyl9O1xuICAgIGhlaWdodDogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXRBc1NtYWxsfWBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0fWB9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZ2FwOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Z2V0SW5wdXRDb250YWluZXJCb3JkZXJDb2xvcihcbiAgICAgICAgcHJvcHMsXG4gICAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkhvdmVyZWRcbiAgICAgICl9O1xuICAgIH1cbiAgICAmOmhvdmVyOm5vdCg6cmVhZC1vbmx5KTpub3QoOmRpc2FibGVkKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5Ib3ZlcmVkfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICB9XG4gIGAsXG4gICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICBjc3NgXG4gICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG5dO1xuXG5leHBvcnQge1xuICBnZXRTZWFyY2hUZXh0SW5wdXRTdHlsZXMsXG4gIGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyxcbiAgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzLFxuICBnZXRTZWFyY2hJY29uQnV0dG9uU3R5bGVzLFxufTtcbiJdfQ== */"), !props.isDisabled && !props.isReadOnly && /*#__PURE__*/react.css("&:focus-within{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";box-shadow:inset 0 0 0 1px ", designSystem.designTokens.borderColorForInputWhenFocused, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:getSearchTextInputContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Sk8iLCJmaWxlIjoic2VhcmNoLXRleHQtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRJbnB1dENvbnRhaW5lckJvcmRlckNvbG9yID0gKFxuICBwcm9wczogVElucHV0UHJvcHMsXG4gIGRlZmF1bHRDb2xvcjogc3RyaW5nID0gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRcbikgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0SW5wdXRCb3hTaGFkb3cgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNoYWRvd0ZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dFN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0SW5wdXRTdHlsZXMocHJvcHMpLFxuICBjc3NgXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAmLFxuICAgICY6Zm9jdXMsXG4gICAgJjpmb2N1czpub3QoOnJlYWQtb25seSkge1xuICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG4gICAgJjpmb2N1cyxcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIGZvbnQtc2l6ZTogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH1gXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfWB9O1xuICAgIG9yZGVyOiAyO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgIGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgYm94LXNoYWRvdyAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9O1xuYDtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUSW5wdXRQcm9wcywgZGVmYXVsdENvbG9yOiBzdHJpbmcpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzID0gKHByb3BzOiBUSW5wdXRQcm9wcykgPT4gW1xuICBnZXRCdXR0b25TdHlsZXMoKSxcbiAgY3NzYFxuICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjApfTtcbiAgICBvcmRlcjogMztcbiAgICAmOmhvdmVyIHtcbiAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5KX07XG4gICAgfVxuICBgLFxuXTtcblxuY29uc3QgZ2V0U2VhcmNoSWNvbkJ1dHRvblN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0QnV0dG9uU3R5bGVzKCksXG4gIGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcywgZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwKX07XG4gICAgY3Vyc29yOiAke3Byb3BzLmlzUmVhZE9ubHkgPyAnZGVmYXVsdCcgOiAncG9pbnRlcid9O1xuICAgIG9yZGVyOiAxO1xuICAgICY6aG92ZXIge1xuICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMsIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnkpfTtcbiAgICB9XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Q29udGFpbmVyQm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm94LXNoYWRvdzogJHtnZXRJbnB1dEJveFNoYWRvdyhwcm9wcyl9O1xuICAgIGhlaWdodDogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXRBc1NtYWxsfWBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0fWB9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZ2FwOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Z2V0SW5wdXRDb250YWluZXJCb3JkZXJDb2xvcihcbiAgICAgICAgcHJvcHMsXG4gICAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkhvdmVyZWRcbiAgICAgICl9O1xuICAgIH1cbiAgICAmOmhvdmVyOm5vdCg6cmVhZC1vbmx5KTpub3QoOmRpc2FibGVkKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5Ib3ZlcmVkfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICB9XG4gIGAsXG4gICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICBjc3NgXG4gICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG5dO1xuXG5leHBvcnQge1xuICBnZXRTZWFyY2hUZXh0SW5wdXRTdHlsZXMsXG4gIGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyxcbiAgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzLFxuICBnZXRTZWFyY2hJY29uQnV0dG9uU3R5bGVzLFxufTtcbiJdfQ== */")];
|
|
88
89
|
|
|
90
|
+
const _excluded = ["horizontalConstraint", "isClearable"];
|
|
89
91
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
90
92
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
91
|
-
const
|
|
92
|
-
horizontalConstraint
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
const SearchTextInput = /*#__PURE__*/react$1.forwardRef((_ref, forwardedRef) => {
|
|
94
|
+
let _ref$horizontalConstr = _ref.horizontalConstraint,
|
|
95
|
+
horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
|
|
96
|
+
_ref$isClearable = _ref.isClearable,
|
|
97
|
+
isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
|
|
98
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
96
99
|
if (!props.isReadOnly) {
|
|
97
100
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'TextInput: `onChange` is required when is not read only.') : void 0;
|
|
98
101
|
}
|
|
@@ -119,7 +122,7 @@ const SearchTextInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
|
|
|
119
122
|
}
|
|
120
123
|
};
|
|
121
124
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
122
|
-
max:
|
|
125
|
+
max: horizontalConstraint,
|
|
123
126
|
children: jsxRuntime.jsxs("div", {
|
|
124
127
|
css: getSearchTextInputContainerStyles(props),
|
|
125
128
|
children: [jsxRuntime.jsx("input", _objectSpread(_objectSpread({
|
|
@@ -147,7 +150,7 @@ const SearchTextInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
|
|
|
147
150
|
handleSubmit(event);
|
|
148
151
|
}
|
|
149
152
|
}
|
|
150
|
-
})),
|
|
153
|
+
})), isClearable && searchValue && !props.isDisabled && !props.isReadOnly && jsxRuntime.jsx(SecondaryIconButton__default["default"], {
|
|
151
154
|
icon: jsxRuntime.jsx(icons.CloseIcon, {}),
|
|
152
155
|
size: props.isCondensed ? '10' : '20',
|
|
153
156
|
label: 'clear-button',
|
|
@@ -165,13 +168,12 @@ const SearchTextInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
|
|
|
165
168
|
});
|
|
166
169
|
});
|
|
167
170
|
SearchTextInput.displayName = 'SearchTextInput';
|
|
168
|
-
SearchTextInput.defaultProps = defaultProps;
|
|
169
171
|
const isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
170
172
|
SearchTextInput.isEmpty = isEmpty;
|
|
171
173
|
var SearchTextInput$1 = SearchTextInput;
|
|
172
174
|
|
|
173
175
|
// NOTE: This string will be replaced on build time with the package version.
|
|
174
|
-
var version = "19.
|
|
176
|
+
var version = "19.21.0";
|
|
175
177
|
|
|
176
178
|
exports["default"] = SearchTextInput$1;
|
|
177
179
|
exports.version = version;
|
|
@@ -12,6 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
16
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
16
17
|
var react$1 = require('react');
|
|
17
18
|
var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
|
|
@@ -86,13 +87,15 @@ const getTextInputContainerBackgroundColor = props => {
|
|
|
86
87
|
};
|
|
87
88
|
const getSearchTextInputContainerStyles = props => [/*#__PURE__*/react.css("display:flex;align-items:center;background-color:", props.isDisabled ? designSystem.designTokens.backgroundColorForInputWhenDisabled : designSystem.designTokens.backgroundColorForInput, ";background-color:", getTextInputContainerBackgroundColor(props), ";border:1px solid ", getInputContainerBorderColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";box-shadow:", getInputBoxShadow(props), ";height:", props.isCondensed ? `${designSystem.designTokens.heightForInputAsSmall}` : `${designSystem.designTokens.heightForInput}`, ";box-sizing:border-box;gap:", designSystem.designTokens.spacing10, ";padding-right:", designSystem.designTokens.spacing30, ";&:hover{border-color:", getInputContainerBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered), ";}&:hover:not(:read-only):not(:disabled){background-color:", designSystem.designTokens.backgroundColorForInputWhenHovered, ";}&:focus{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";}" + ("" ), "" ), !props.isDisabled && !props.isReadOnly && /*#__PURE__*/react.css("&:focus-within{border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";box-shadow:inset 0 0 0 1px ", designSystem.designTokens.borderColorForInputWhenFocused, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}}" + ("" ), "" )];
|
|
88
89
|
|
|
90
|
+
const _excluded = ["horizontalConstraint", "isClearable"];
|
|
89
91
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
90
92
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
91
|
-
const
|
|
92
|
-
horizontalConstraint
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
const SearchTextInput = /*#__PURE__*/react$1.forwardRef((_ref, forwardedRef) => {
|
|
94
|
+
let _ref$horizontalConstr = _ref.horizontalConstraint,
|
|
95
|
+
horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
|
|
96
|
+
_ref$isClearable = _ref.isClearable,
|
|
97
|
+
isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
|
|
98
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
96
99
|
if (!props.isReadOnly) ;
|
|
97
100
|
const _useState = react$1.useState(props.value || ''),
|
|
98
101
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -117,7 +120,7 @@ const SearchTextInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
|
|
|
117
120
|
}
|
|
118
121
|
};
|
|
119
122
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
120
|
-
max:
|
|
123
|
+
max: horizontalConstraint,
|
|
121
124
|
children: jsxRuntime.jsxs("div", {
|
|
122
125
|
css: getSearchTextInputContainerStyles(props),
|
|
123
126
|
children: [jsxRuntime.jsx("input", _objectSpread(_objectSpread({
|
|
@@ -145,7 +148,7 @@ const SearchTextInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
|
|
|
145
148
|
handleSubmit(event);
|
|
146
149
|
}
|
|
147
150
|
}
|
|
148
|
-
})),
|
|
151
|
+
})), isClearable && searchValue && !props.isDisabled && !props.isReadOnly && jsxRuntime.jsx(SecondaryIconButton__default["default"], {
|
|
149
152
|
icon: jsxRuntime.jsx(icons.CloseIcon, {}),
|
|
150
153
|
size: props.isCondensed ? '10' : '20',
|
|
151
154
|
label: 'clear-button',
|
|
@@ -163,13 +166,12 @@ const SearchTextInput = /*#__PURE__*/react$1.forwardRef((props, forwardedRef) =>
|
|
|
163
166
|
});
|
|
164
167
|
});
|
|
165
168
|
SearchTextInput.displayName = 'SearchTextInput';
|
|
166
|
-
SearchTextInput.defaultProps = defaultProps;
|
|
167
169
|
const isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
168
170
|
SearchTextInput.isEmpty = isEmpty;
|
|
169
171
|
var SearchTextInput$1 = SearchTextInput;
|
|
170
172
|
|
|
171
173
|
// NOTE: This string will be replaced on build time with the package version.
|
|
172
|
-
var version = "19.
|
|
174
|
+
var version = "19.21.0";
|
|
173
175
|
|
|
174
176
|
exports["default"] = SearchTextInput$1;
|
|
175
177
|
exports.version = version;
|
|
@@ -8,6 +8,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
|
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
10
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
11
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
11
12
|
import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
|
|
12
13
|
import { forwardRef, useState } from 'react';
|
|
13
14
|
import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
|
|
@@ -68,13 +69,15 @@ const getTextInputContainerBackgroundColor = props => {
|
|
|
68
69
|
};
|
|
69
70
|
const getSearchTextInputContainerStyles = props => [/*#__PURE__*/css("display:flex;align-items:center;background-color:", props.isDisabled ? designTokens.backgroundColorForInputWhenDisabled : designTokens.backgroundColorForInput, ";background-color:", getTextInputContainerBackgroundColor(props), ";border:1px solid ", getInputContainerBorderColor(props), ";border-radius:", designTokens.borderRadiusForInput, ";box-shadow:", getInputBoxShadow(props), ";height:", props.isCondensed ? `${designTokens.heightForInputAsSmall}` : `${designTokens.heightForInput}`, ";box-sizing:border-box;gap:", designTokens.spacing10, ";padding-right:", designTokens.spacing30, ";&:hover{border-color:", getInputContainerBorderColor(props, designTokens.borderColorForInputWhenHovered), ";}&:hover:not(:read-only):not(:disabled){background-color:", designTokens.backgroundColorForInputWhenHovered, ";}&:focus{border-color:", designTokens.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getSearchTextInputContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SEsiLCJmaWxlIjoic2VhcmNoLXRleHQtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRJbnB1dENvbnRhaW5lckJvcmRlckNvbG9yID0gKFxuICBwcm9wczogVElucHV0UHJvcHMsXG4gIGRlZmF1bHRDb2xvcjogc3RyaW5nID0gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRcbikgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0SW5wdXRCb3hTaGFkb3cgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNoYWRvd0ZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dFN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0SW5wdXRTdHlsZXMocHJvcHMpLFxuICBjc3NgXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAmLFxuICAgICY6Zm9jdXMsXG4gICAgJjpmb2N1czpub3QoOnJlYWQtb25seSkge1xuICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG4gICAgJjpmb2N1cyxcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIGZvbnQtc2l6ZTogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH1gXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfWB9O1xuICAgIG9yZGVyOiAyO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgIGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgYm94LXNoYWRvdyAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9O1xuYDtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUSW5wdXRQcm9wcywgZGVmYXVsdENvbG9yOiBzdHJpbmcpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzID0gKHByb3BzOiBUSW5wdXRQcm9wcykgPT4gW1xuICBnZXRCdXR0b25TdHlsZXMoKSxcbiAgY3NzYFxuICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjApfTtcbiAgICBvcmRlcjogMztcbiAgICAmOmhvdmVyIHtcbiAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5KX07XG4gICAgfVxuICBgLFxuXTtcblxuY29uc3QgZ2V0U2VhcmNoSWNvbkJ1dHRvblN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0QnV0dG9uU3R5bGVzKCksXG4gIGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcywgZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwKX07XG4gICAgY3Vyc29yOiAke3Byb3BzLmlzUmVhZE9ubHkgPyAnZGVmYXVsdCcgOiAncG9pbnRlcid9O1xuICAgIG9yZGVyOiAxO1xuICAgICY6aG92ZXIge1xuICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMsIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnkpfTtcbiAgICB9XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Q29udGFpbmVyQm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm94LXNoYWRvdzogJHtnZXRJbnB1dEJveFNoYWRvdyhwcm9wcyl9O1xuICAgIGhlaWdodDogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXRBc1NtYWxsfWBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0fWB9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZ2FwOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Z2V0SW5wdXRDb250YWluZXJCb3JkZXJDb2xvcihcbiAgICAgICAgcHJvcHMsXG4gICAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkhvdmVyZWRcbiAgICAgICl9O1xuICAgIH1cbiAgICAmOmhvdmVyOm5vdCg6cmVhZC1vbmx5KTpub3QoOmRpc2FibGVkKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5Ib3ZlcmVkfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICB9XG4gIGAsXG4gICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICBjc3NgXG4gICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG5dO1xuXG5leHBvcnQge1xuICBnZXRTZWFyY2hUZXh0SW5wdXRTdHlsZXMsXG4gIGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyxcbiAgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzLFxuICBnZXRTZWFyY2hJY29uQnV0dG9uU3R5bGVzLFxufTtcbiJdfQ== */"), !props.isDisabled && !props.isReadOnly && /*#__PURE__*/css("&:focus-within{border-color:", designTokens.borderColorForInputWhenFocused, ";box-shadow:inset 0 0 0 1px ", designTokens.borderColorForInputWhenFocused, ";&:hover{background-color:", designTokens.colorSurface, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:getSearchTextInputContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Sk8iLCJmaWxlIjoic2VhcmNoLXRleHQtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBnZXRJbnB1dENvbnRhaW5lckJvcmRlckNvbG9yID0gKFxuICBwcm9wczogVElucHV0UHJvcHMsXG4gIGRlZmF1bHRDb2xvcjogc3RyaW5nID0gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRcbikgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0SW5wdXRCb3hTaGFkb3cgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNoYWRvd0ZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dFN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0SW5wdXRTdHlsZXMocHJvcHMpLFxuICBjc3NgXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAmLFxuICAgICY6Zm9jdXMsXG4gICAgJjpmb2N1czpub3QoOnJlYWQtb25seSkge1xuICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG4gICAgJjpmb2N1cyxcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIGZvbnQtc2l6ZTogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH1gXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfWB9O1xuICAgIG9yZGVyOiAyO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgIGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgYm94LXNoYWRvdyAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9O1xuYDtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUSW5wdXRQcm9wcywgZGVmYXVsdENvbG9yOiBzdHJpbmcpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICByZXR1cm4gZGVmYXVsdENvbG9yO1xufTtcblxuY29uc3QgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzID0gKHByb3BzOiBUSW5wdXRQcm9wcykgPT4gW1xuICBnZXRCdXR0b25TdHlsZXMoKSxcbiAgY3NzYFxuICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjApfTtcbiAgICBvcmRlcjogMztcbiAgICAmOmhvdmVyIHtcbiAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzLCBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5KX07XG4gICAgfVxuICBgLFxuXTtcblxuY29uc3QgZ2V0U2VhcmNoSWNvbkJ1dHRvblN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgZ2V0QnV0dG9uU3R5bGVzKCksXG4gIGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcywgZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwKX07XG4gICAgY3Vyc29yOiAke3Byb3BzLmlzUmVhZE9ubHkgPyAnZGVmYXVsdCcgOiAncG9pbnRlcid9O1xuICAgIG9yZGVyOiAxO1xuICAgICY6aG92ZXIge1xuICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMsIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnkpfTtcbiAgICB9XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IFtcbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUZXh0SW5wdXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Q29udGFpbmVyQm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm94LXNoYWRvdzogJHtnZXRJbnB1dEJveFNoYWRvdyhwcm9wcyl9O1xuICAgIGhlaWdodDogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXRBc1NtYWxsfWBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0fWB9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZ2FwOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Z2V0SW5wdXRDb250YWluZXJCb3JkZXJDb2xvcihcbiAgICAgICAgcHJvcHMsXG4gICAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkhvdmVyZWRcbiAgICAgICl9O1xuICAgIH1cbiAgICAmOmhvdmVyOm5vdCg6cmVhZC1vbmx5KTpub3QoOmRpc2FibGVkKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5Ib3ZlcmVkfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICB9XG4gIGAsXG4gICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICBjc3NgXG4gICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG5dO1xuXG5leHBvcnQge1xuICBnZXRTZWFyY2hUZXh0SW5wdXRTdHlsZXMsXG4gIGdldFNlYXJjaFRleHRJbnB1dENvbnRhaW5lclN0eWxlcyxcbiAgZ2V0Q2xlYXJJY29uQnV0dG9uU3R5bGVzLFxuICBnZXRTZWFyY2hJY29uQnV0dG9uU3R5bGVzLFxufTtcbiJdfQ== */")];
|
|
70
71
|
|
|
72
|
+
const _excluded = ["horizontalConstraint", "isClearable"];
|
|
71
73
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
72
74
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
73
|
-
const
|
|
74
|
-
horizontalConstraint
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
const SearchTextInput = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
|
|
76
|
+
let _ref$horizontalConstr = _ref.horizontalConstraint,
|
|
77
|
+
horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
|
|
78
|
+
_ref$isClearable = _ref.isClearable,
|
|
79
|
+
isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
|
|
80
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
78
81
|
if (!props.isReadOnly) {
|
|
79
82
|
process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'TextInput: `onChange` is required when is not read only.') : void 0;
|
|
80
83
|
}
|
|
@@ -101,7 +104,7 @@ const SearchTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
101
104
|
}
|
|
102
105
|
};
|
|
103
106
|
return jsx(Constraints.Horizontal, {
|
|
104
|
-
max:
|
|
107
|
+
max: horizontalConstraint,
|
|
105
108
|
children: jsxs("div", {
|
|
106
109
|
css: getSearchTextInputContainerStyles(props),
|
|
107
110
|
children: [jsx("input", _objectSpread(_objectSpread({
|
|
@@ -129,7 +132,7 @@ const SearchTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
129
132
|
handleSubmit(event);
|
|
130
133
|
}
|
|
131
134
|
}
|
|
132
|
-
})),
|
|
135
|
+
})), isClearable && searchValue && !props.isDisabled && !props.isReadOnly && jsx(SecondaryIconButton, {
|
|
133
136
|
icon: jsx(CloseIcon, {}),
|
|
134
137
|
size: props.isCondensed ? '10' : '20',
|
|
135
138
|
label: 'clear-button',
|
|
@@ -147,12 +150,11 @@ const SearchTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
147
150
|
});
|
|
148
151
|
});
|
|
149
152
|
SearchTextInput.displayName = 'SearchTextInput';
|
|
150
|
-
SearchTextInput.defaultProps = defaultProps;
|
|
151
153
|
const isEmpty = value => !value || _trimInstanceProperty(value).call(value).length === 0;
|
|
152
154
|
SearchTextInput.isEmpty = isEmpty;
|
|
153
155
|
var SearchTextInput$1 = SearchTextInput;
|
|
154
156
|
|
|
155
157
|
// NOTE: This string will be replaced on build time with the package version.
|
|
156
|
-
var version = "19.
|
|
158
|
+
var version = "19.21.0";
|
|
157
159
|
|
|
158
160
|
export { SearchTextInput$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/search-text-input",
|
|
3
3
|
"description": "A controlled search text input component for single-line strings with validation states.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.21.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/constraints": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/icons": "19.
|
|
27
|
-
"@commercetools-uikit/input-utils": "19.
|
|
28
|
-
"@commercetools-uikit/secondary-icon-button": "19.
|
|
29
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.21.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.21.0",
|
|
26
|
+
"@commercetools-uikit/icons": "19.21.0",
|
|
27
|
+
"@commercetools-uikit/input-utils": "19.21.0",
|
|
28
|
+
"@commercetools-uikit/secondary-icon-button": "19.21.0",
|
|
29
|
+
"@commercetools-uikit/utils": "19.21.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|
|
32
32
|
"prop-types": "15.8.1"
|