@commercetools-uikit/filters 20.0.0 → 20.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/commercetools-uikit-filters.cjs.dev.js +16 -10
- package/dist/commercetools-uikit-filters.cjs.prod.js +10 -4
- package/dist/commercetools-uikit-filters.esm.js +16 -10
- package/dist/declarations/src/filter-menu/filter-menu.d.ts +5 -1
- package/dist/declarations/src/filters.d.ts +4 -0
- package/package.json +12 -12
|
@@ -309,7 +309,10 @@ const FOCUSABLE_CSS_SELECTOR = `a[href], button:not([disabled]), input:not([disa
|
|
|
309
309
|
function findFirstFocusable(container) {
|
|
310
310
|
return container.querySelector(FOCUSABLE_CSS_SELECTOR);
|
|
311
311
|
}
|
|
312
|
-
const menuStyles =
|
|
312
|
+
const menuStyles = function () {
|
|
313
|
+
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
314
|
+
return /*#__PURE__*/react.css("display:flex;flex-direction:column;align-items:flex-start;gap:", designSystem.designTokens.spacing30, ";width:", props.hasWideMenu ? designSystem.designTokens.constraint14 : designSystem.designTokens.constraint7, ";max-height:", designSystem.designTokens.constraint10, ";padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", designSystem.designTokens.colorSurface, ";border:1px solid ", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius8, ";box-shadow:", designSystem.designTokens.shadow18, ";animation-duration:", designSystem.designTokens.transitionStandard, ";will-change:'transform, opacity';margin-top:", designSystem.designTokens.spacing10, ";position:relative;z-index:10010;" + ("" ), "" );
|
|
315
|
+
};
|
|
313
316
|
const menuBodyStyle = {
|
|
314
317
|
name: "pw6q3u",
|
|
315
318
|
styles: "width:100%;overflow:hidden auto"
|
|
@@ -347,7 +350,7 @@ function FilterMenu(props) {
|
|
|
347
350
|
children: jsxRuntime.jsxs(Popover__namespace.Content, {
|
|
348
351
|
side: "bottom",
|
|
349
352
|
align: "start",
|
|
350
|
-
css: menuStyles,
|
|
353
|
+
css: () => menuStyles(props),
|
|
351
354
|
onOpenAutoFocus: focusMenuBody,
|
|
352
355
|
children: [jsxRuntime.jsx(Header$1, {
|
|
353
356
|
label: props.label,
|
|
@@ -551,6 +554,7 @@ function Filters(_ref) {
|
|
|
551
554
|
operatorLabel: activeFilterConfig.operatorLabel,
|
|
552
555
|
isPersistent: activeFilterConfig.isPersistent,
|
|
553
556
|
isDisabled: activeFilterConfig.isDisabled,
|
|
557
|
+
hasWideMenu: activeFilterConfig.hasWideMenu,
|
|
554
558
|
renderMenuBody: activeFilterConfig.filterMenuConfiguration.renderMenuBody,
|
|
555
559
|
renderOperatorsInput: activeFilterConfig.filterMenuConfiguration.renderOperatorsInput,
|
|
556
560
|
renderApplyButton: activeFilterConfig.filterMenuConfiguration.renderApplyButton,
|
|
@@ -583,7 +587,9 @@ function Filters(_ref) {
|
|
|
583
587
|
children: jsxRuntime.jsx(Popover__namespace.Content, {
|
|
584
588
|
side: "bottom",
|
|
585
589
|
align: "start",
|
|
586
|
-
css: [
|
|
590
|
+
css: [() => menuStyles({
|
|
591
|
+
hasWideMenu: false
|
|
592
|
+
}), menuBodyStyle, "" , "" ],
|
|
587
593
|
children: jsxRuntime.jsx(SelectInput__default["default"], {
|
|
588
594
|
id: "ui-kit-add-filters-select",
|
|
589
595
|
name: "select filters",
|
|
@@ -624,7 +630,7 @@ function Filters(_ref) {
|
|
|
624
630
|
Filters.displayName = 'Filters';
|
|
625
631
|
|
|
626
632
|
// NOTE: This string will be replaced on build time with the package version.
|
|
627
|
-
var version = "20.
|
|
633
|
+
var version = "20.2.0";
|
|
628
634
|
|
|
629
635
|
exports["default"] = Filters;
|
|
630
636
|
exports.version = version;
|