@expcat/tigercat-react 2.1.2 → 2.1.3

package/dist/chunk-AYHP2OAX.mjs

@@ -1,14 +0,0 @@
-// src/components/Layout.tsx
-import {
-  classNames,
-  layoutRootClasses
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var Layout = ({ className, children, ...props }) => {
-  const layoutClasses = classNames(layoutRootClasses, className);
-  return /* @__PURE__ */ jsx("div", { className: layoutClasses, ...props, children });
-};
-
-export {
-  Layout
-};

package/dist/chunk-BBK37UMR.mjs

@@ -1,134 +0,0 @@
-// src/hooks/useDrag.ts
-import { useState, useCallback, useMemo } from "react";
-import {
-  createDragState,
-  handleDragStart,
-  handleDragOver,
-  handleDrop,
-  handleDragEnd,
-  reorderItems,
-  moveItemBetweenContainers,
-  resolveDragConfig,
-  isDragEnabled,
-  isValidDragHandle,
-  isSameContainerDrag,
-  isCrossContainerDrag
-} from "@expcat/tigercat-core";
-function useDrag(options = {}) {
-  const config = useMemo(() => resolveDragConfig(options.config), [options.config]);
-  const containerId = options.containerId ?? "default";
-  const callbacks = useMemo(
-    () => ({
-      onDragStart: options.onDragStart,
-      onDragOver: options.onDragOver,
-      onDrop: options.onDrop,
-      onDragEnd: options.onDragEnd
-    }),
-    [options.onDragStart, options.onDragOver, options.onDrop, options.onDragEnd]
-  );
-  const [state, setState] = useState(createDragState);
-  const updateState = useCallback((updater) => {
-    setState((prev) => {
-      const next = { ...prev };
-      updater(next);
-      return next;
-    });
-  }, []);
-  const startDrag = useCallback(
-    (item, event) => {
-      if (!isDragEnabled(config)) return;
-      if (event) {
-        const target = event.target;
-        if (!isValidDragHandle(target, config)) return;
-      }
-      updateState((s) => handleDragStart(s, item, containerId, callbacks));
-    },
-    [config, containerId, callbacks, updateState]
-  );
-  const dragOver = useCallback(
-    (item, event) => {
-      if (event) event.preventDefault();
-      updateState((s) => handleDragOver(s, item, containerId, callbacks));
-    },
-    [containerId, callbacks, updateState]
-  );
-  const drop = useCallback(
-    (event) => {
-      if (event) event.preventDefault();
-      const next = { ...state };
-      const result = handleDrop(next, callbacks);
-      setState(next);
-      return result;
-    },
-    [callbacks, state]
-  );
-  const endDrag = useCallback(
-    (cancelled = false) => {
-      updateState((s) => handleDragEnd(s, cancelled, callbacks));
-    },
-    [callbacks, updateState]
-  );
-  const reorder = useCallback(
-    (items) => {
-      if (!state.isDragging) return null;
-      return reorderItems(items, state.sourceIndex, state.targetIndex);
-    },
-    [state.isDragging, state.sourceIndex, state.targetIndex]
-  );
-  const moveBetween = useCallback(
-    (sourceItems, targetItems) => {
-      if (!state.isDragging) return null;
-      return moveItemBetweenContainers(
-        sourceItems,
-        targetItems,
-        state.sourceIndex,
-        state.targetIndex
-      );
-    },
-    [state.isDragging, state.sourceIndex, state.targetIndex]
-  );
-  const getDragItemProps = useCallback(
-    (item) => ({
-      draggable: !config.disabled,
-      "data-drag-id": item.id,
-      "data-drag-index": item.index,
-      className: state.isDragging && state.draggedItem?.id === item.id ? config.dragClass : void 0,
-      "aria-grabbed": state.isDragging && state.draggedItem?.id === item.id,
-      role: "listitem",
-      onDragStart: (e) => startDrag(item, e),
-      onDragOver: (e) => dragOver(item, e),
-      onDragEnd: () => endDrag(false)
-    }),
-    [config, state.isDragging, state.draggedItem, startDrag, dragOver, endDrag]
-  );
-  const getDropZoneProps = useCallback(
-    () => ({
-      "aria-dropeffect": state.isDragging ? "move" : "none",
-      onDragOver: (e) => {
-        e.preventDefault();
-        dragOver(null, e);
-      },
-      onDrop: (e) => drop(e)
-    }),
-    [state.isDragging, dragOver, drop]
-  );
-  return {
-    state,
-    isDragging: state.isDragging,
-    draggedItem: state.draggedItem,
-    startDrag,
-    dragOver,
-    drop,
-    endDrag,
-    reorder,
-    moveBetween,
-    isSameContainer: isSameContainerDrag(state),
-    isCrossContainer: isCrossContainerDrag(state),
-    getDragItemProps,
-    getDropZoneProps
-  };
-}
-
-export {
-  useDrag
-};