@producteca/producteca-ui-kit 1.78.2 → 1.79.0

package/dist/components/patterns/pickChannelModal/pickChannelModal.types.d.ts

@@ -9,7 +9,7 @@ export interface PickChannelModalChannel {
 }
 export interface PickChannelModalProps {
     open: boolean;
-    fitContent: boolean;
+    fitContent?: boolean;
     channels: PickChannelModalChannel[];
     onClose?: () => void;
     titleProps?: ModalTitleProps;

package/dist/producteca-ui-kit.es.js

@@ -8615,7 +8615,7 @@ function createSvgIcon(path, displayName) {
 const CloseRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
 }), "CloseRounded");
-function compact(array) {
+function compact$1(array) {
   var index2 = -1, length2 = array == null ? 0 : array.length, resIndex = 0, result = [];
   while (++index2 < length2) {
     var value = array[index2];
@@ -8625,8 +8625,8 @@ function compact(array) {
   }
   return result;
 }
-var compact_1 = compact;
-const compact$1 = /* @__PURE__ */ getDefaultExportFromCjs(compact_1);
+var compact_1 = compact$1;
+const compact$2 = /* @__PURE__ */ getDefaultExportFromCjs(compact_1);
 function arrayPush$3(array, values2) {
   var index2 = -1, length2 = values2.length, offset2 = array.length;
   while (++index2 < length2) {
@@ -10029,7 +10029,7 @@ const getColor = (category, shade) => {
 };
 const allColors = flatMap$1(
   Colors,
-  (shades, category) => compact$1(
+  (shades, category) => compact$2(
     map$2(shades, (color2, shade) => color2 ? { title: `${category} ${shade}`, color: color2 } : null)
   )
 );
@@ -67538,6 +67538,7 @@ const Maintenance = ({
 ] }) });
 const modal$1 = "pickChannelModal-module_modal_YGDD7";
 const body = "pickChannelModal-module_body_X7L60";
+const compact = "pickChannelModal-module_compact_hD7b-";
 const sections = "pickChannelModal-module_sections_VGJ6N";
 const section = "pickChannelModal-module_section_BklUc";
 const section__title = "pickChannelModal-module_section__title_fBRgI";
@@ -67545,6 +67546,7 @@ const section__description = "pickChannelModal-module_section__description_Pgidd
 const styles$g = {
   modal: modal$1,
   body,
+  compact,
   sections,
   section,
   section__title,
@@ -67739,11 +67741,12 @@ const productecaStrategy = {
   clientId: 1,
   iconUrl: "https://imagesproducteca.blob.core.windows.net/producteca/isologo-producteca.svg"
 };
+const COMPACT_CARD_THRESHOLD = 6;
 const PickChannelModalBase = ({
   open,
   onClose,
   channels,
-  fitContent = true,
+  fitContent,
   generalEditionTitle,
   channelEditionTitle,
   generalEditionDescription,
@@ -67752,21 +67755,35 @@ const PickChannelModalBase = ({
   onSelectChannel = () => {
   },
   titleProps = { title: locale("pickChannelModal.title") }
-}) => /* @__PURE__ */ jsxs(Modal2, { open, onClose, size: "md", fitContent, className: styles$g["modal"], children: [
-  /* @__PURE__ */ jsx$1(Modal2.Title, { ...titleProps }),
-  /* @__PURE__ */ jsx$1(Modal2.Body, { className: styles$g["body"], children: /* @__PURE__ */ jsxs("div", { className: styles$g["sections"], children: [
-    showGeneralEdition && /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
-      generalEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: generalEditionTitle }),
-      generalEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: generalEditionDescription }),
-      /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: /* @__PURE__ */ jsx$1(ChannelCard, { channel: productecaStrategy, onSelect: onSelectChannel }) })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
-      channelEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: channelEditionTitle }),
-      channelEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: channelEditionDescription }),
-      /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: (channels || []).map((channel) => /* @__PURE__ */ jsx$1(ChannelCard, { channel, onSelect: onSelectChannel }, channel.clientId)) })
-    ] })
-  ] }) })
-] });
+}) => {
+  const cardCount = (channels?.length ?? 0) + (showGeneralEdition ? 1 : 0);
+  const isCompact = !fitContent && cardCount <= COMPACT_CARD_THRESHOLD;
+  return /* @__PURE__ */ jsxs(
+    Modal2,
+    {
+      open,
+      onClose,
+      size: "md",
+      fitContent,
+      className: clsx(styles$g["modal"], { [styles$g["compact"]]: isCompact }),
+      children: [
+        /* @__PURE__ */ jsx$1(Modal2.Title, { ...titleProps }),
+        /* @__PURE__ */ jsx$1(Modal2.Body, { className: styles$g["body"], children: /* @__PURE__ */ jsxs("div", { className: styles$g["sections"], children: [
+          showGeneralEdition && /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
+            generalEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: generalEditionTitle }),
+            generalEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: generalEditionDescription }),
+            /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: /* @__PURE__ */ jsx$1(ChannelCard, { channel: productecaStrategy, onSelect: onSelectChannel }) })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: styles$g["section"], children: [
+            channelEditionTitle && /* @__PURE__ */ jsx$1("h3", { className: styles$g["section__title"], children: channelEditionTitle }),
+            channelEditionDescription && /* @__PURE__ */ jsx$1("p", { className: styles$g["section__description"], children: channelEditionDescription }),
+            /* @__PURE__ */ jsx$1("div", { className: styles$g["cards-grid"], children: (channels || []).map((channel) => /* @__PURE__ */ jsx$1(ChannelCard, { channel, onSelect: onSelectChannel }, channel.clientId)) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
 const PickChannelModal = withDebugHandlers(PickChannelModalBase, "PickChannelModal");
 function getLinearProgressUtilityClass(slot) {
   return generateUtilityClass("MuiLinearProgress", slot);