@sankhyalabs/ezui 5.22.0-dev.63 → 5.22.0-dev.65

package/dist/collection/components/ez-list/ezListHelper.js

@@ -0,0 +1,85 @@
+/**
+ * O dragElement é posicionado ANTERIORMENTE ao targetIndex.
+ * Ex: no array: ["A", "B", "C", "D", "E"]
+ * se o dragItem for "B" e o targetIndex 3 (referente à "D"),
+ * "B" será posicionado logo antes de "D".
+ * O resultado será: ["A", "C", "B", "D", "E"]
+ *
+ * @param configs
+ */
+export function processListOnDrop(configs) {
+  let newList;
+  if (hasToMoveMultipleItems(configs)) {
+    newList = processMoveMultipleItems(configs);
+  }
+  else {
+    newList = processMoveSingleItem(configs);
+    configs.clearSelection();
+  }
+  return newList;
+}
+function hasToMoveMultipleItems(configs) {
+  const { enableMultipleSelection, listItems, dragItem, moveToFinal, targetIndex } = configs;
+  if (!enableMultipleSelection)
+    return false;
+  const selectedItemsIndexes = getSelectedIndices(listItems);
+  if (selectedItemsIndexes.length <= 1)
+    return false;
+  if (!selectedItemsIndexes.includes(dragItem.index))
+    return false;
+  if (!isContinuousSequence(selectedItemsIndexes))
+    return false;
+  if (moveToFinal)
+    return true;
+  return !selectedItemsIndexes.includes(targetIndex);
+}
+function processMoveSingleItem(configs) {
+  const { listItems, dragItem, targetIndex, moveToFinal } = configs;
+  const newList = [...listItems];
+  newList.splice(dragItem.index, 1);
+  if (moveToFinal) {
+    newList.push(dragItem.item);
+  }
+  else {
+    const adjustedIndex = (targetIndex > dragItem.index) ? Math.max(0, targetIndex - 1) : targetIndex;
+    newList.splice(adjustedIndex, 0, dragItem.item);
+  }
+  return newList;
+}
+function processMoveMultipleItems(configs) {
+  const { listItems, moveToFinal, targetIndex } = configs;
+  const selectedItems = listItems.filter(item => item.selected);
+  const selectedItemsIndexes = getSelectedIndices(listItems);
+  const minorIndex = Math.min(...selectedItemsIndexes);
+  const majorIndex = Math.max(...selectedItemsIndexes);
+  const qtdToMove = selectedItems.length;
+  const newList = [...listItems];
+  newList.splice(minorIndex, qtdToMove);
+  if (moveToFinal) {
+    newList.push(...selectedItems);
+  }
+  else {
+    let adjustedIndex = (targetIndex > majorIndex) ? Math.max(0, targetIndex - qtdToMove) : targetIndex;
+    newList.splice(adjustedIndex, 0, ...selectedItems);
+  }
+  return newList;
+}
+export function isContinuousSequence(numbers) {
+  if (numbers.length === 0)
+    return false;
+  const sortedNumbers = [...numbers].sort((a, b) => a - b);
+  for (let i = 1; i < sortedNumbers.length; i++) {
+    if (sortedNumbers[i] !== sortedNumbers[i - 1] + 1) {
+      return false;
+    }
+  }
+  return true;
+}
+function getSelectedIndices(listItems) {
+  return listItems.reduce((indices, item, index) => {
+    if (item.selected) {
+      indices.push(index);
+    }
+    return indices;
+  }, []);
+}

package/dist/collection/components/ez-popup/ez-popup.css

@@ -1,5 +1,6 @@
 :host {
   display: flex;
+  width: auto;
   /* General */
   /*@doc Define a camada em que o componente será exibido.*/
   --ez-popup-z-index: var(--elevation--24, 24);

package/dist/collection/components/ez-popup/ez-popup.js

@@ -9,6 +9,7 @@ export class EzPopup {
       "large": "col--sd-9",
       "x-large": "col--sd-11",
       "default": "ez-popup__size-limit--x-small",
+      "auto": "",
     };
     this.size = "medium";
     this.opened = false;
@@ -62,6 +63,8 @@ export class EzPopup {
     });
   }
   getGridSize() {
+    if (this.size === "auto")
+      return "";
     return this._sizeClasses[this.size] || this._sizeClasses["medium"];
   }
   handlePopupHeight() {
@@ -96,8 +99,8 @@ export class EzPopup {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\" | \"auto\"",
+          "resolved": "\"auto\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
           "references": {}
         },
         "required": false,

package/dist/custom-elements/index.d.ts

@@ -110,6 +110,12 @@ export const EzDialog: {
   new (): EzDialog;
 };
 
+interface EzDoubleList extends Components.EzDoubleList, HTMLElement {}
+export const EzDoubleList: {
+  prototype: EzDoubleList;
+  new (): EzDoubleList;
+};
+
 interface EzDropdown extends Components.EzDropdown, HTMLElement {}
 export const EzDropdown: {
   prototype: EzDropdown;