ublo-lib 1.25.12 → 1.25.13

package/es/common/components/cross-selling-editor/override.js

@@ -10,7 +10,9 @@ import styles from "./override.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Override({
+  index,
   currentOffer,
+  overrides,
   override,
   currentOverride,
   setCurrentOverride,
@@ -20,6 +22,8 @@ export default function Override({
   durations
 }) {
   const [formOpen, setFormOpen] = React.useState(false);
+  const isFirst = index === 0;
+  const isLast = index === overrides.length - 1;
   const toggleFormOpen = e => {
     e.stopPropagation();
     setFormOpen(formOpen => !formOpen);
@@ -32,6 +36,26 @@ export default function Override({
     setCurrentOverride(isSelected ? null : override);
     closeCreationForm();
   };
+  const sort = direction => e => {
+    e.stopPropagation();
+    setConfig((config = {}) => {
+      const itemConfig = config[currentOffer] || {};
+      const itemOverrides = itemConfig.overrides || [];
+      const currentIndex = itemOverrides.findIndex(o => o.id === override.id);
+      const newIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
+      const newOverrides = [...itemOverrides];
+      newOverrides.splice(currentIndex, 1);
+      newOverrides.splice(newIndex, 0, override);
+      const newConfig = {
+        ...config,
+        [currentOffer]: {
+          ...itemConfig,
+          overrides: newOverrides
+        }
+      };
+      return newConfig;
+    });
+  };
   const removeOverride = () => {
     if (currentOverride === override) {
       setCurrentOverride(null);
@@ -90,7 +114,24 @@ export default function Override({
   return _jsxs("div", {
     className: classes,
     onClick: updateCurrentOverride,
-    children: [_jsx(Input, {
+    children: [_jsxs("div", {
+      className: styles.sortControls,
+      children: [_jsx(Button, {
+        variant: "transparent",
+        className: styles.sortControl,
+        disabled: isFirst,
+        onClick: sort("up"),
+        compact: true,
+        children: _jsx(Icons.ChevronUp, {})
+      }), _jsx(Button, {
+        variant: "transparent",
+        className: styles.sortControl,
+        disabled: isLast,
+        onClick: sort("down"),
+        compact: true,
+        children: _jsx(Icons.ChevronDown, {})
+      })]
+    }), _jsx(Input, {
       className: styles.input,
       value: override.name,
       onChange: updateOverrideName,

package/es/common/components/cross-selling-editor/override.module.css

@@ -42,6 +42,22 @@
   border-radius: var(--ds-radius-100, 4px);
 }
 
+.sortControls {
+  position: absolute;
+  top: 50%;
+  right: 100%;
+  transform: translateY(calc(-50% + 1px));
+  opacity: 0;
+}
+
+.override:hover .sortControls {
+  opacity: 1;
+}
+
+.sortControl {
+  padding: 1px;
+}
+
 .input input {
   font-size: 13px !important;
   user-select: auto;

package/es/common/components/cross-selling-editor/overrides-list.js

@@ -59,18 +59,36 @@ export default function OverridesList({
     setNewOverride("");
     closeCreationForm();
   };
+  const title = _jsxs("span", {
+    className: styles.title,
+    children: [overrides.length, " surcharges", _jsxs(Popover, {
+      className: styles.titlePopover,
+      trigger: _jsx(Button, {
+        variant: "transparent",
+        compact: true,
+        children: _jsx(Icons.Info, {})
+      }),
+      children: [_jsx("b", {
+        children: "Si plusieurs surcharges"
+      }), " correspondent au contenu du panier,", " ", _jsx("b", {
+        children: "seule la derni\xE8re est appliqu\xE9e"
+      }), ".", _jsx("br", {}), "Vous pouvez changer l'ordre des surcharges \xE0 l'aide des fl\xE8ches visibible \xE0 gauche de chaque surcharge au survol de ces derni\xE8res."]
+    })]
+  });
   return _jsxs("div", {
     className: styles.overrides,
     children: [hasOverrides ? _jsx(Collapsible, {
-      title: `${overrides.length} surcharges`,
+      title: title,
       className: styles.collapsible,
       compact: true,
       open: opened,
       toggleTooltip: "Afficher toutes les surcharges",
       onOpenChange: setOpened,
-      hiddenContent: overrides.map(override => {
+      hiddenContent: overrides.map((override, index) => {
         return _jsx(Override, {
+          index: index,
           currentOffer: currentOffer,
+          overrides: overrides,
           override: override,
           currentOverride: currentOverride,
           setCurrentOverride: setCurrentOverride,

package/es/common/components/cross-selling-editor/overrides-list.module.css

@@ -42,6 +42,17 @@
   gap: 4px;
 }
 
+.title {
+  display: flex;
+  align-items: center;
+}
+
+.titlePopover {
+  max-width: 320px;
+  color: var(--ds-grey-500, #7c7b7b);
+  font-size: var(--ds-label-font-size, 13px);
+}
+
 .popover {
   pointer-events: auto;
 }
@@ -51,6 +62,3 @@
   align-items: flex-start;
   gap: 4px;
 }
-
-.createSubmit {
-}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "ublo-lib",
-  "version": "1.25.12",
+  "version": "1.25.13",
   "peerDependencies": {
-    "dt-design-system": "^3.1.5",
+    "dt-design-system": "^3.8.3",
     "leaflet": "^1.9.1",
     "next": "^12.0.0 || ^13.0.0 || ^14.0.0",
     "react": "^18.2.0",
@@ -44,7 +44,7 @@
     "classnames": "2.5.1",
     "cors": "2.8.5",
     "cpx2": "4.2.3",
-    "dt-design-system": "3.7.6",
+    "dt-design-system": "3.8.3",
     "eslint": "8.56.0",
     "eslint-config-next": "14.1.0",
     "mv": "2.1.1",