@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/src/intl/he-IL.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "דוגמיות צבע",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "בחר פריט",
+  "tableResizer": "שינוי גודל"
+}

package/src/intl/hr-HR.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Uzorci boja",
+  "dropzoneLabel": "Zona spuštanja",
+  "selectPlaceholder": "Odaberite stavku",
+  "tableResizer": "Promjena veličine"
+}

package/src/intl/hu-HU.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Színtárak",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Válasszon ki egy elemet",
+  "tableResizer": "Átméretező"
+}

package/src/intl/index.ts

@@ -0,0 +1,125 @@
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/ar-AE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/bg-BG.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/cs-CZ.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/da-DK.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/de-DE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/el-GR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/en-US.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/es-ES.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/et-EE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/fi-FI.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/fr-FR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/he-IL.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/hr-HR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/hu-HU.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/it-IT.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/ja-JP.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/ko-KR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/lt-LT.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/lv-LV.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/nb-NO.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/nl-NL.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/pl-PL.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/pt-BR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/pt-PT.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/ro-RO.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/ru-RU.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/sk-SK.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/sl-SI.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/sr-SP.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/sv-SE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/tr-TR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/uk-UA.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/zh-CN.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/intl/zh-TW.json
+
+// Ported from react-aria-components intl catalog.
+
+/**
+ * react-aria-components internationalization strings.
+ *
+ * Copied verbatim from packages/react-aria-components/intl (RAC 1.21.0 / pin f56660b).
+ * LocalizedStringDictionary resolves the locale fallback chain
+ * (locale → language → sibling region → en-US).
+ */
+
+import type { LocalizedStrings } from "@proyecto-viviana/solidaria";
+
+import arAE from "./ar-AE.json" with { type: "json" };
+import bgBG from "./bg-BG.json" with { type: "json" };
+import csCZ from "./cs-CZ.json" with { type: "json" };
+import daDK from "./da-DK.json" with { type: "json" };
+import deDE from "./de-DE.json" with { type: "json" };
+import elGR from "./el-GR.json" with { type: "json" };
+import enUS from "./en-US.json" with { type: "json" };
+import esES from "./es-ES.json" with { type: "json" };
+import etEE from "./et-EE.json" with { type: "json" };
+import fiFI from "./fi-FI.json" with { type: "json" };
+import frFR from "./fr-FR.json" with { type: "json" };
+import heIL from "./he-IL.json" with { type: "json" };
+import hrHR from "./hr-HR.json" with { type: "json" };
+import huHU from "./hu-HU.json" with { type: "json" };
+import itIT from "./it-IT.json" with { type: "json" };
+import jaJP from "./ja-JP.json" with { type: "json" };
+import koKR from "./ko-KR.json" with { type: "json" };
+import ltLT from "./lt-LT.json" with { type: "json" };
+import lvLV from "./lv-LV.json" with { type: "json" };
+import nbNO from "./nb-NO.json" with { type: "json" };
+import nlNL from "./nl-NL.json" with { type: "json" };
+import plPL from "./pl-PL.json" with { type: "json" };
+import ptBR from "./pt-BR.json" with { type: "json" };
+import ptPT from "./pt-PT.json" with { type: "json" };
+import roRO from "./ro-RO.json" with { type: "json" };
+import ruRU from "./ru-RU.json" with { type: "json" };
+import skSK from "./sk-SK.json" with { type: "json" };
+import slSI from "./sl-SI.json" with { type: "json" };
+import srSP from "./sr-SP.json" with { type: "json" };
+import svSE from "./sv-SE.json" with { type: "json" };
+import trTR from "./tr-TR.json" with { type: "json" };
+import ukUA from "./uk-UA.json" with { type: "json" };
+import zhCN from "./zh-CN.json" with { type: "json" };
+import zhTW from "./zh-TW.json" with { type: "json" };
+
+export type RacIntlStrings = {
+  selectPlaceholder: string;
+  tableResizer: string;
+  dropzoneLabel: string;
+  colorSwatchPicker: string;
+};
+
+export const racIntlStrings: LocalizedStrings<keyof RacIntlStrings, string> = {
+  "ar-AE": arAE,
+  "bg-BG": bgBG,
+  "cs-CZ": csCZ,
+  "da-DK": daDK,
+  "de-DE": deDE,
+  "el-GR": elGR,
+  "en-US": enUS,
+  "es-ES": esES,
+  "et-EE": etEE,
+  "fi-FI": fiFI,
+  "fr-FR": frFR,
+  "he-IL": heIL,
+  "hr-HR": hrHR,
+  "hu-HU": huHU,
+  "it-IT": itIT,
+  "ja-JP": jaJP,
+  "ko-KR": koKR,
+  "lt-LT": ltLT,
+  "lv-LV": lvLV,
+  "nb-NO": nbNO,
+  "nl-NL": nlNL,
+  "pl-PL": plPL,
+  "pt-BR": ptBR,
+  "pt-PT": ptPT,
+  "ro-RO": roRO,
+  "ru-RU": ruRU,
+  "sk-SK": skSK,
+  "sl-SI": slSI,
+  "sr-SP": srSP,
+  "sv-SE": svSE,
+  "tr-TR": trTR,
+  "uk-UA": ukUA,
+  "zh-CN": zhCN,
+  "zh-TW": zhTW,
+};

package/src/intl/it-IT.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Campioni di colore",
+  "dropzoneLabel": "Zona di rilascio",
+  "selectPlaceholder": "Seleziona un elemento",
+  "tableResizer": "Ridimensionamento"
+}

package/src/intl/ja-JP.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "カラースウォッチ",
+  "dropzoneLabel": "ドロップゾーン",
+  "selectPlaceholder": "項目を選択",
+  "tableResizer": "サイズ変更ツール"
+}

package/src/intl/ko-KR.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "색상 견본",
+  "dropzoneLabel": "드롭 영역",
+  "selectPlaceholder": "항목 선택",
+  "tableResizer": "크기 조정기"
+}

package/src/intl/lt-LT.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Spalvų pavyzdžiai",
+  "dropzoneLabel": "„DropZone“",
+  "selectPlaceholder": "Pasirinkite elementą",
+  "tableResizer": "Dydžio keitiklis"
+}

package/src/intl/lv-LV.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Krāsu paraugi",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Izvēlēties vienumu",
+  "tableResizer": "Izmēra mainītājs"
+}

package/src/intl/nb-NO.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Fargekart",
+  "dropzoneLabel": "Droppsone",
+  "selectPlaceholder": "Velg et element",
+  "tableResizer": "Størrelsesendrer"
+}

package/src/intl/nl-NL.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "kleurstalen",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Selecteer een item",
+  "tableResizer": "Resizer"
+}

package/src/intl/pl-PL.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Próbki kolorów",
+  "dropzoneLabel": "Strefa upuszczania",
+  "selectPlaceholder": "Wybierz element",
+  "tableResizer": "Zmiana rozmiaru"
+}

package/src/intl/pt-BR.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Amostras de cores",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Selecione um item",
+  "tableResizer": "Redimensionador"
+}

package/src/intl/pt-PT.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Amostras de cores",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Selecione um item",
+  "tableResizer": "Redimensionador"
+}

package/src/intl/ro-RO.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Specimene de culoare",
+  "dropzoneLabel": "Zonă de plasare",
+  "selectPlaceholder": "Selectați un element",
+  "tableResizer": "Instrument de redimensionare"
+}

package/src/intl/ru-RU.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Цветовые образцы",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Выберите элемент",
+  "tableResizer": "Средство изменения размера"
+}

package/src/intl/sk-SK.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Vzorkovníky farieb",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Vyberte položku",
+  "tableResizer": "Nástroj na zmenu veľkosti"
+}

package/src/intl/sl-SI.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Barvne palete",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Izberite element",
+  "tableResizer": "Spreminjanje velikosti"
+}

package/src/intl/sr-SP.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Uzorci boje",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Izaberite stavku",
+  "tableResizer": "Promena veličine"
+}

package/src/intl/sv-SE.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Färgrutor",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Välj en artikel",
+  "tableResizer": "Storleksändrare"
+}

package/src/intl/tr-TR.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Renk örnekleri",
+  "dropzoneLabel": "Bırakma Bölgesi",
+  "selectPlaceholder": "Bir öğe seçin",
+  "tableResizer": "Yeniden boyutlandırıcı"
+}

package/src/intl/uk-UA.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "Зразки кольорів",
+  "dropzoneLabel": "DropZone",
+  "selectPlaceholder": "Виберіть елемент",
+  "tableResizer": "Засіб змінення розміру"
+}

package/src/intl/zh-CN.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "颜色色板",
+  "dropzoneLabel": "放置区域",
+  "selectPlaceholder": "选择一个项目",
+  "tableResizer": "尺寸调整器"
+}

package/src/intl/zh-TW.json

@@ -0,0 +1,6 @@
+{
+  "colorSwatchPicker": "色票",
+  "dropzoneLabel": "放置區",
+  "selectPlaceholder": "選取項目",
+  "tableResizer": "大小調整器"
+}

package/src/useDragAndDrop.ts

@@ -1,11 +1,27 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/useDragAndDrop.tsx
+
 /**
  * Drag and drop compatibility hook for collection components.
  *
  * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid
- * state and aria primitives.
+ * state and aria primitives. Based on
+ * packages/react-aria-components/src/useDragAndDrop.tsx.
  */
 
-import type { Accessor, JSX } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { DragPreview } from "./DragPreview";
 import { ListDropTargetDelegate } from "./ListDropTargetDelegate";
 import {
@@ -13,8 +29,8 @@ import {
   createDraggableItem,
   createDroppableCollection,
   createDroppableItem,
-  getGlobalDraggingCollectionRef,
-  getGlobalDraggingKeys,
+  createDropIndicator,
+  isVirtualDragging,
   type DraggableCollectionOptions,
   type DraggableCollectionAria,
   type DraggableItemOptions,
@@ -204,6 +220,9 @@ export function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}):
           const sourceItems = props.items ?? options.items ?? [];
           return getItems(keys, sourceItems);
         },
+        collection: props.collection,
+        selectedKeys: props.selectedKeys,
+        isSelected: props.isSelected,
       }));
     };
     hooks.useDraggableCollection = (
@@ -214,8 +233,9 @@ export function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}):
     hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);
     hooks.DragPreview = DragPreview;
     hooks.renderDragPreview = renderDragPreview;
-    hooks.isVirtualDragging = () =>
-      getGlobalDraggingCollectionRef() != null || getGlobalDraggingKeys().size > 0;
+    // RAC `useDragAndDrop.tsx:182` `isVirtualDragging` is DragManager's
+    // `!!dragSession`, not "any in-flight pointer keys".
+    hooks.isVirtualDragging = isVirtualDragging;
   }
 
   if (isDroppable) {
@@ -234,6 +254,7 @@ export function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}):
         onMove: options.onMove ?? props.onMove,
         shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,
         isDisabled: options.isDisabled ?? props.isDisabled,
+        collection: props.collection,
       }));
     };
     hooks.useDroppableCollection = (
@@ -260,6 +281,7 @@ export function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}):
           selectedKeys: props.selectedKeys,
           setSelectedKeys: props.setSelectedKeys,
           setFocusedKey: props.setFocusedKey,
+          setFocused: props.setFocused,
           onKeyDown: props.onKeyDown,
           acceptedDragTypes: normalizedAcceptedDragTypes,
           isDisabled: options.isDisabled ?? props.isDisabled,
@@ -328,32 +350,8 @@ export function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}):
       state: DroppableCollectionState,
       ref: Accessor<HTMLElement | null>,
     ) => createDroppableItem(() => ({ ...props, ref }), state);
-    hooks.useDropIndicator = (
-      props: { target: DropTarget },
-      state: DroppableCollectionState,
-      _ref: Accessor<HTMLElement | null>,
-    ) => {
-      const target = props.target;
-      const activeTarget = state.target;
-      const isDropTarget =
-        activeTarget?.type === target.type &&
-        (target.type === "root" ||
-          (activeTarget.type === "item" &&
-            target.type === "item" &&
-            activeTarget.key === target.key &&
-            activeTarget.dropPosition === target.dropPosition));
-      return {
-        dropIndicatorProps: {
-          role: "option",
-          "aria-disabled": true,
-          "aria-hidden": isDropTarget ? undefined : "true",
-          tabIndex: -1,
-          "data-drop-target": isDropTarget ? "" : undefined,
-        },
-        isDropTarget,
-        isHidden: !isDropTarget,
-      };
-    };
+    // RAC `useDragAndDrop.tsx:203` `hooks.useDropIndicator = useDropIndicator`.
+    hooks.useDropIndicator = (props, state, ref) => createDropIndicator(props, state, ref);
     hooks.renderDropIndicator = renderDropIndicator;
     hooks.dropTargetDelegate = dropTargetDelegate;
     hooks.ListDropTargetDelegate = ListDropTargetDelegate;