@get-set/gs-sortable 0.0.5 → 0.0.7

package/dist/components/GSSortable.js

@@ -1,39 +1,37 @@
 import { useEffect, useRef, useState } from 'react';
 import NewGuid from '../helpers/uihelpers';
 import getCurrentParams from '../actions/getCurrentParams';
-import init from './actions/init';
-import destroy from './actions/destroy';
+import init from '../actions/init';
+import destroy from '../actions/destroy';
 import PropTypes from 'prop-types';
 import defaultParams from '../constants/defaultParams';
-import initMouseMove from "./actions/initMouseMove";
-import initSortEnd from "./actions/initSortEnd";
-import initScroll from "./actions/initScroll";
+import initMouseMove from "../actions/initMouseMove";
+import initSortEnd from "../actions/initSortEnd";
+import initScroll from "../actions/initScroll";
+import types from '../constants/types';
 
 const params = {
   reference: PropTypes.string,
+  handler: PropTypes.string,
   gap: PropTypes.string,
+  allowOutOfBox: PropTypes.bool,
   count: PropTypes.number,
-  resetSortHandler: PropTypes.number,
-  resetFilterHandler: PropTypes.number,
+  type: types.column | types.row | types.grid,
 };
 
+
+
+
 /**
  * GSSortable component to display a customizable sortable.
  *
  * @component
  * @param {Object} props - The props object.
  * @param {string} props.gap - Allows set gap among elements.
+ * @param {string} props.handler - selector of target element to move.
  * @param {number} props.count - Shows items count per row.
- * @param {Object} props.resetSortHandler - This is the ref of that element which should reset order.
- * @param {Object} props.resetFilterHandler - This is the ref of that element which should reset filter.
- * @param {Array<Object>} [props.sortByOptions] - Array of sort options.
- * @param {number} props.sortByOptions[].handler - This is the ref of that element which should change order.
- * @param {string} props.sortByOptions[].prop - this is the name of data attribute of element like data-[prop].
- * @param {'number' | 'string'} props.sortByOptions[].type - this is the type of prop.
- * @param {Array<Object>} [props.filterByOptions] - Array of filter options.
- * @param {number} props.filterByOptions[].handler - This is the ref of that element which should change filter.
- * @param {string} props.filterByOptions[].prop - This is the name of data attribute of element like data-[prop].
- * @param {'number' | 'string'} props.filterByOptions[].value - This is the value of prop for element.
+ * @param {'row' | 'column' | 'grid'} props.type - this is the type of prop.
+ * @param {Array<Object>} [props.acceptFrom] - Array of that GSSortable references which can accept element from this.
  * @param {Array<Object>} [props.responsive] - Array of responsive configurations based on window size.
  * @param {number} props.responsive[].windowSize - Minimum window size for this configuration.
  * @param {Object} props.responsive[].params - The responsive configuration for the grid.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@get-set/gs-sortable",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Get-Set Sortable",
   "main": "index.js",
   "author": "Get-Set",