@commercetools-uikit/collapsible-panel 19.10.0 → 19.12.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.
|
@@ -17,7 +17,6 @@ var react = require('@emotion/react');
|
|
|
17
17
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
18
18
|
var icons = require('@commercetools-uikit/icons');
|
|
19
19
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
20
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
21
20
|
|
|
22
21
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
23
22
|
|
|
@@ -29,7 +28,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
|
29
28
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
30
29
|
var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
|
|
31
30
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
32
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
33
31
|
|
|
34
32
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
35
33
|
const getArrowColor = _ref2 => {
|
|
@@ -89,7 +87,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
89
87
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
90
88
|
};
|
|
91
89
|
const getHeaderContainerStyles = (props, isOpen) => {
|
|
92
|
-
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:",
|
|
90
|
+
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:", `1px solid ${designSystem.designTokens.colorNeutral90}`, ";position:relative;border-top-left-radius:", designSystem.designTokens.borderRadius6, ";border-top-right-radius:", designSystem.designTokens.borderRadius6, ";display:flex;flex:1;align-items:center;list-style-type:none;justify-content:", props.headerControlsAlignment === 'left' ? 'flex-start' : 'space-between', ";padding:", props.condensed ? `${designSystem.designTokens.spacing20} 0` : `${designSystem.designTokens.spacing30} 0`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */");
|
|
93
91
|
return [baseStyles, props.isDisabled && _ref, props.isSticky && isOpen && /*#__PURE__*/react.css("z-index:1;position:sticky;top:0;border-top-right-radius:", designSystem.designTokens.borderRadius6, ";border-top-left-radius:", designSystem.designTokens.borderRadius6, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getHeaderContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURTIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"), !props.condensed &&
|
|
94
92
|
/*#__PURE__*/
|
|
95
93
|
// To understand why this min-height see: https://github.com/commercetools/ui-kit/pull/616
|
|
@@ -123,10 +121,12 @@ const SectionDescriptionWrapper = /*#__PURE__*/_styled__default["default"]("div"
|
|
|
123
121
|
label: "SectionDescriptionWrapper"
|
|
124
122
|
})("padding:0 0 ", designSystem.designTokens.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEY0QyIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */"));
|
|
125
123
|
const SectionWrapper = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
126
|
-
var _context, _context2, _context3, _context4;
|
|
127
124
|
return jsxRuntime.jsx("div", {
|
|
128
125
|
ref: ref,
|
|
129
|
-
css: [
|
|
126
|
+
css: [`
|
|
127
|
+
padding: ${props.condensed ? `${designSystem.designTokens.spacing40} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})` : `${designSystem.designTokens.spacing50} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})`};
|
|
128
|
+
|
|
129
|
+
`, props.isExpandControlHidden && 'padding-left: 0;', process.env.NODE_ENV === "production" ? "" : ";label:SectionWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdRIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"],
|
|
130
130
|
children: props.children
|
|
131
131
|
});
|
|
132
132
|
});
|
|
@@ -185,18 +185,18 @@ const CollapsiblePanel = props => {
|
|
|
185
185
|
const dataProps = utils.filterDataAttributes(props);
|
|
186
186
|
const scale = props.condensed ? 's' : 'm';
|
|
187
187
|
const isClosedAndIsDefaultClosed = !isNil__default["default"](props.isClosed) && !isNil__default["default"](props.isDefaultClosed);
|
|
188
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!isClosedAndIsDefaultClosed,
|
|
188
|
+
process.env.NODE_ENV !== "production" ? utils.warning(!isClosedAndIsDefaultClosed, `Invalid prop \`isDefaultClosed\` supplied to \`CollapsiblePanel\`. Component must either be controlled or uncontrolled. Pass either \`isClosed\` or \`isDefaultClosed\` but not both.`) : void 0;
|
|
189
189
|
const hasOnToggle = !isNil__default["default"](props.onToggle);
|
|
190
190
|
const isControlledComponent = !isNil__default["default"](props.isClosed);
|
|
191
191
|
|
|
192
192
|
// controlled
|
|
193
193
|
if (isControlledComponent) {
|
|
194
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasOnToggle,
|
|
194
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasOnToggle, `missing required prop \`onToggle\` when using the "isClosed" prop (controlled component).`) : void 0;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
// uncontrolled
|
|
198
198
|
if (!isControlledComponent) {
|
|
199
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!hasOnToggle,
|
|
199
|
+
process.env.NODE_ENV !== "production" ? utils.warning(!hasOnToggle, `Invalid prop \`onToggle\` supplied to \`CollapsiblePanel\`. \`onToggle\` does not have any effect when the component is uncontrolled.`) : void 0;
|
|
200
200
|
}
|
|
201
201
|
return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
|
|
202
202
|
isClosed: props.isClosed,
|
|
@@ -311,7 +311,7 @@ CollapsiblePanel.Header = CollapsiblePanelHeader$1;
|
|
|
311
311
|
var CollapsiblePanel$1 = CollapsiblePanel;
|
|
312
312
|
|
|
313
313
|
// NOTE: This string will be replaced on build time with the package version.
|
|
314
|
-
var version = "19.
|
|
314
|
+
var version = "19.11.0";
|
|
315
315
|
|
|
316
316
|
exports["default"] = CollapsiblePanel$1;
|
|
317
317
|
exports.version = version;
|
|
@@ -17,7 +17,6 @@ var react = require('@emotion/react');
|
|
|
17
17
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
18
18
|
var icons = require('@commercetools-uikit/icons');
|
|
19
19
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
20
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
21
20
|
|
|
22
21
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
23
22
|
|
|
@@ -28,7 +27,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
|
28
27
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
29
28
|
var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
|
|
30
29
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
31
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
32
30
|
|
|
33
31
|
const getArrowColor = _ref2 => {
|
|
34
32
|
let tone = _ref2.tone,
|
|
@@ -76,7 +74,7 @@ var _ref = {
|
|
|
76
74
|
styles: "cursor:default"
|
|
77
75
|
} ;
|
|
78
76
|
const getHeaderContainerStyles = (props, isOpen) => {
|
|
79
|
-
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:",
|
|
77
|
+
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:", `1px solid ${designSystem.designTokens.colorNeutral90}`, ";position:relative;border-top-left-radius:", designSystem.designTokens.borderRadius6, ";border-top-right-radius:", designSystem.designTokens.borderRadius6, ";display:flex;flex:1;align-items:center;list-style-type:none;justify-content:", props.headerControlsAlignment === 'left' ? 'flex-start' : 'space-between', ";padding:", props.condensed ? `${designSystem.designTokens.spacing20} 0` : `${designSystem.designTokens.spacing30} 0`, ";" + ("" ), "" );
|
|
80
78
|
return [baseStyles, props.isDisabled && _ref, props.isSticky && isOpen && /*#__PURE__*/react.css("z-index:1;position:sticky;top:0;border-top-right-radius:", designSystem.designTokens.borderRadius6, ";border-top-left-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ), "" ), !props.condensed &&
|
|
81
79
|
/*#__PURE__*/
|
|
82
80
|
// To understand why this min-height see: https://github.com/commercetools/ui-kit/pull/616
|
|
@@ -96,10 +94,12 @@ const SectionDescriptionWrapper = /*#__PURE__*/_styled__default["default"]("div"
|
|
|
96
94
|
target: "em5v1nl0"
|
|
97
95
|
} )("padding:0 0 ", designSystem.designTokens.spacing40, ";" + ("" ));
|
|
98
96
|
const SectionWrapper = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
99
|
-
var _context, _context2, _context3, _context4;
|
|
100
97
|
return jsxRuntime.jsx("div", {
|
|
101
98
|
ref: ref,
|
|
102
|
-
css: [
|
|
99
|
+
css: [`
|
|
100
|
+
padding: ${props.condensed ? `${designSystem.designTokens.spacing40} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})` : `${designSystem.designTokens.spacing50} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})`};
|
|
101
|
+
|
|
102
|
+
`, props.isExpandControlHidden && 'padding-left: 0;', "" , "" ],
|
|
103
103
|
children: props.children
|
|
104
104
|
});
|
|
105
105
|
});
|
|
@@ -248,7 +248,7 @@ CollapsiblePanel.Header = CollapsiblePanelHeader$1;
|
|
|
248
248
|
var CollapsiblePanel$1 = CollapsiblePanel;
|
|
249
249
|
|
|
250
250
|
// NOTE: This string will be replaced on build time with the package version.
|
|
251
|
-
var version = "19.
|
|
251
|
+
var version = "19.11.0";
|
|
252
252
|
|
|
253
253
|
exports["default"] = CollapsiblePanel$1;
|
|
254
254
|
exports.version = version;
|
|
@@ -13,7 +13,6 @@ import { css } from '@emotion/react';
|
|
|
13
13
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
14
14
|
import { AngleRightIcon, AngleDownIcon } from '@commercetools-uikit/icons';
|
|
15
15
|
import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
|
|
16
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
17
16
|
|
|
18
17
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
19
18
|
const getArrowColor = _ref2 => {
|
|
@@ -73,7 +72,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
73
72
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
74
73
|
};
|
|
75
74
|
const getHeaderContainerStyles = (props, isOpen) => {
|
|
76
|
-
const baseStyles = /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";border-bottom:",
|
|
75
|
+
const baseStyles = /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";border-bottom:", `1px solid ${designTokens.colorNeutral90}`, ";position:relative;border-top-left-radius:", designTokens.borderRadius6, ";border-top-right-radius:", designTokens.borderRadius6, ";display:flex;flex:1;align-items:center;list-style-type:none;justify-content:", props.headerControlsAlignment === 'left' ? 'flex-start' : 'space-between', ";padding:", props.condensed ? `${designTokens.spacing20} 0` : `${designTokens.spacing30} 0`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */");
|
|
77
76
|
return [baseStyles, props.isDisabled && _ref, props.isSticky && isOpen && /*#__PURE__*/css("z-index:1;position:sticky;top:0;border-top-right-radius:", designTokens.borderRadius6, ";border-top-left-radius:", designTokens.borderRadius6, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getHeaderContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURTIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"), !props.condensed &&
|
|
78
77
|
/*#__PURE__*/
|
|
79
78
|
// To understand why this min-height see: https://github.com/commercetools/ui-kit/pull/616
|
|
@@ -107,10 +106,12 @@ const SectionDescriptionWrapper = /*#__PURE__*/_styled("div", process.env.NODE_E
|
|
|
107
106
|
label: "SectionDescriptionWrapper"
|
|
108
107
|
})("padding:0 0 ", designTokens.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEY0QyIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */"));
|
|
109
108
|
const SectionWrapper = /*#__PURE__*/forwardRef((props, ref) => {
|
|
110
|
-
var _context, _context2, _context3, _context4;
|
|
111
109
|
return jsx("div", {
|
|
112
110
|
ref: ref,
|
|
113
|
-
css: [
|
|
111
|
+
css: [`
|
|
112
|
+
padding: ${props.condensed ? `${designTokens.spacing40} 0 0 calc(${designTokens.spacing30} + ${designTokens.spacing10})` : `${designTokens.spacing50} 0 0 calc(${designTokens.spacing30} + ${designTokens.spacing10})`};
|
|
113
|
+
|
|
114
|
+
`, props.isExpandControlHidden && 'padding-left: 0;', process.env.NODE_ENV === "production" ? "" : ";label:SectionWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdRIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"],
|
|
114
115
|
children: props.children
|
|
115
116
|
});
|
|
116
117
|
});
|
|
@@ -169,18 +170,18 @@ const CollapsiblePanel = props => {
|
|
|
169
170
|
const dataProps = filterDataAttributes(props);
|
|
170
171
|
const scale = props.condensed ? 's' : 'm';
|
|
171
172
|
const isClosedAndIsDefaultClosed = !isNil(props.isClosed) && !isNil(props.isDefaultClosed);
|
|
172
|
-
process.env.NODE_ENV !== "production" ? warning(!isClosedAndIsDefaultClosed,
|
|
173
|
+
process.env.NODE_ENV !== "production" ? warning(!isClosedAndIsDefaultClosed, `Invalid prop \`isDefaultClosed\` supplied to \`CollapsiblePanel\`. Component must either be controlled or uncontrolled. Pass either \`isClosed\` or \`isDefaultClosed\` but not both.`) : void 0;
|
|
173
174
|
const hasOnToggle = !isNil(props.onToggle);
|
|
174
175
|
const isControlledComponent = !isNil(props.isClosed);
|
|
175
176
|
|
|
176
177
|
// controlled
|
|
177
178
|
if (isControlledComponent) {
|
|
178
|
-
process.env.NODE_ENV !== "production" ? warning(hasOnToggle,
|
|
179
|
+
process.env.NODE_ENV !== "production" ? warning(hasOnToggle, `missing required prop \`onToggle\` when using the "isClosed" prop (controlled component).`) : void 0;
|
|
179
180
|
}
|
|
180
181
|
|
|
181
182
|
// uncontrolled
|
|
182
183
|
if (!isControlledComponent) {
|
|
183
|
-
process.env.NODE_ENV !== "production" ? warning(!hasOnToggle,
|
|
184
|
+
process.env.NODE_ENV !== "production" ? warning(!hasOnToggle, `Invalid prop \`onToggle\` supplied to \`CollapsiblePanel\`. \`onToggle\` does not have any effect when the component is uncontrolled.`) : void 0;
|
|
184
185
|
}
|
|
185
186
|
return jsx(CollapsibleMotion, {
|
|
186
187
|
isClosed: props.isClosed,
|
|
@@ -295,6 +296,6 @@ CollapsiblePanel.Header = CollapsiblePanelHeader$1;
|
|
|
295
296
|
var CollapsiblePanel$1 = CollapsiblePanel;
|
|
296
297
|
|
|
297
298
|
// NOTE: This string will be replaced on build time with the package version.
|
|
298
|
-
var version = "19.
|
|
299
|
+
var version = "19.11.0";
|
|
299
300
|
|
|
300
301
|
export { CollapsiblePanel$1 as default, version };
|
|
@@ -91,7 +91,7 @@ declare const CollapsiblePanel: {
|
|
|
91
91
|
*/
|
|
92
92
|
getPanelContentId(): string;
|
|
93
93
|
displayName: string;
|
|
94
|
-
defaultProps: Pick<TCollapsiblePanel, "
|
|
94
|
+
defaultProps: Pick<TCollapsiblePanel, "theme" | "isDisabled" | "condensed" | "horizontalConstraint" | "headerControlsAlignment">;
|
|
95
95
|
Header: {
|
|
96
96
|
(props: {
|
|
97
97
|
children: ReactNode;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/collapsible-panel",
|
|
3
3
|
"description": "A panel to collapse and expand your content.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.12.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/collapsible-motion": "19.
|
|
26
|
-
"@commercetools-uikit/constraints": "19.
|
|
27
|
-
"@commercetools-uikit/design-system": "19.
|
|
28
|
-
"@commercetools-uikit/hooks": "19.
|
|
29
|
-
"@commercetools-uikit/icons": "19.
|
|
30
|
-
"@commercetools-uikit/spacings": "19.
|
|
31
|
-
"@commercetools-uikit/text": "19.
|
|
32
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.12.0",
|
|
25
|
+
"@commercetools-uikit/collapsible-motion": "19.12.0",
|
|
26
|
+
"@commercetools-uikit/constraints": "19.12.0",
|
|
27
|
+
"@commercetools-uikit/design-system": "19.12.0",
|
|
28
|
+
"@commercetools-uikit/hooks": "19.12.0",
|
|
29
|
+
"@commercetools-uikit/icons": "19.12.0",
|
|
30
|
+
"@commercetools-uikit/spacings": "19.12.0",
|
|
31
|
+
"@commercetools-uikit/text": "19.12.0",
|
|
32
|
+
"@commercetools-uikit/utils": "19.12.0",
|
|
33
33
|
"@emotion/react": "^11.10.5",
|
|
34
34
|
"@emotion/styled": "^11.10.5",
|
|
35
35
|
"lodash": "4.17.21",
|