funda-ui 4.7.624 → 4.7.625

package/publish/lib/cjs/Utils/tree.d.ts

@@ -1,40 +0,0 @@
-/**
- * Convert Tree
- * @param {Array} arr                    - Flat array
- * @param  {?string | ?number} parentId  - Parent id
- * @param  {?string} keyId               - Key value of id.
- * @param  {?string} keyParentId         - Key value of parent id.
- * @returns Array
- */
-declare function convertTree(arr: any[], parentId?: string | number, keyId?: string, keyParentId?: string): any[];
-/**
- * Flat tree
- * @param {Array} arr                    - Hierarchical array
- * @returns Array
- */
-declare function flatTree(arr: any[]): any[];
-/**
- * Get all depth
- * @param {Object} node
- * @returns Number
- */
-declare function getAllDepth(arr: any[]): number;
-/**
-* Add depth to each item in the tree
-* @param {Array} arr       - Hierarchical array
-* @param  {?string} keyId               - Key value of id.
-* @param  {?string} keyParentId         - Key value of parent id.
-* @param  {?number} depth               - Depth of the item.
-* @returns Number
-*/
-declare function addTreeDepth(arr: any[], keyId?: string, parentItem?: string, depth?: number): any[];
-/**
- * Add indent placeholder
- * @param {Array} arr                    - Flat array
- * @param  {?string} placeholder         - String of placeholder
- * @param  {?string} lastPlaceholder     - Last String of placeholder
- * @param  {?string} keyName             - Key value of name.
- * @returns Array
- */
-declare function addTreeIndent(arr: any[], placeholder?: string, lastPlaceholder?: string, keyName?: string): void;
-export { getAllDepth, convertTree, flatTree, addTreeDepth, addTreeIndent };

package/publish/lib/cjs/Utils/tree.js

@@ -1,195 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["RPB"] = factory();
-	else
-		root["RPB"] = factory();
-})(this, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "addTreeDepth": () => (/* binding */ addTreeDepth),
-/* harmony export */   "addTreeIndent": () => (/* binding */ addTreeIndent),
-/* harmony export */   "convertTree": () => (/* binding */ convertTree),
-/* harmony export */   "flatTree": () => (/* binding */ flatTree),
-/* harmony export */   "getAllDepth": () => (/* binding */ getAllDepth)
-/* harmony export */ });
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children"];
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-/**
- * Convert Tree
- * @param {Array} arr                    - Flat array
- * @param  {?string | ?number} parentId  - Parent id
- * @param  {?string} keyId               - Key value of id.
- * @param  {?string} keyParentId         - Key value of parent id.
- * @returns Array
- */
-function convertTree(arr) {
-  var parentId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var keyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
-  var keyParentId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'parent_id';
-  if (!parentId) {
-    // If there is no parent id (when recursing for the first time), all parents will be queried
-    return arr.filter(function (item) {
-      return !item[keyParentId];
-    }).map(function (item) {
-      // Query all child nodes by parent node ID
-      item.children = convertTree(arr, item[keyId], keyId, keyParentId);
-      return item;
-    });
-  } else {
-    return arr.filter(function (item) {
-      return item[keyParentId] === parentId;
-    }).map(function (item) {
-      // Query all child nodes by parent node ID
-      item.children = convertTree(arr, item[keyId], keyId, keyParentId);
-      return item;
-    });
-  }
-}
-
-/**
- * Flat tree
- * @param {Array} arr                    - Hierarchical array
- * @returns Array
- */
-function flatTree(arr) {
-  var flatData = function flatData(_ref) {
-    var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-    var _rest$children = rest.children,
-      children = _rest$children === void 0 ? [] : _rest$children;
-    return [_objectSpread({}, rest)].concat(_toConsumableArray(children.flatMap(flatData)));
-  };
-  var result = arr.flatMap(flatData);
-
-  //remove children from item
-  result = result.map(function (item) {
-    delete item.children;
-    return item;
-  });
-  return result;
-}
-
-/**
- * Get all depth
- * @param {Object} node 
- * @returns Number
- */
-function getAllDepth(arr) {
-  var count = function count(children) {
-    return children.reduce(function (depth, child) {
-      return Math.max(depth, 1 + count(child.children)); // increment depth of children by 1, and compare it with accumulated depth of other children within the same element
-    }, 0); //default value 0 that's returned if there are no children
-  };
-
-  return count(arr);
-}
-
-/**
-* Add depth to each item in the tree
-* @param {Array} arr       - Hierarchical array
-* @param  {?string} keyId               - Key value of id.
-* @param  {?string} keyParentId         - Key value of parent id.
-* @param  {?number} depth               - Depth of the item.
-* @returns Number
-*/
-function addTreeDepth(arr) {
-  var keyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
-  var parentItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  var depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  return arr.reduce(function (acc, el) {
-    var children = el.children,
-      otherProps = _objectWithoutProperties(el, _excluded);
-    acc.push(_objectSpread(_objectSpread({}, otherProps), {}, {
-      parentItem: parentItem,
-      depth: depth
-    }));
-    if (children) {
-      return acc.concat(addTreeDepth(children, keyId, el[keyId], depth + 1));
-    }
-    return acc;
-  }, []);
-}
-
-/**
- * Add indent placeholder
- * @param {Array} arr                    - Flat array
- * @param  {?string} placeholder         - String of placeholder
- * @param  {?string} lastPlaceholder     - Last String of placeholder
- * @param  {?string} keyName             - Key value of name.
- * @returns Array
- */
-function addTreeIndent(arr) {
-  var placeholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '&nbsp;&nbsp;&nbsp;&nbsp;';
-  var lastPlaceholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  var keyName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'label';
-  arr.forEach(function (item) {
-    var indent = '';
-    if (item.depth) {
-      Array(item.depth).fill(0).forEach(function (k, i) {
-        indent += placeholder;
-        if (i === item.depth - 1) {
-          item[keyName] = indent + lastPlaceholder + item[keyName];
-        }
-      });
-    }
-  });
-}
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});

package/publish/lib/cjs/Utils/useAutosizeTextArea.d.ts

@@ -1,10 +0,0 @@
-export interface AutosizeTextAreaProps {
-    el: any;
-    value: string;
-    maxHeight?: number;
-    cb?: (dimensions: [number, number]) => void;
-}
-declare const useAutosizeTextArea: ({ el, value, maxHeight, cb }: AutosizeTextAreaProps) => {
-    reset: () => void;
-};
-export default useAutosizeTextArea;

package/publish/lib/cjs/Utils/useAutosizeTextArea.js

@@ -1,231 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react"], factory);
-	else if(typeof exports === 'object')
-		exports["RPB"] = factory(require("react"));
-	else
-		root["RPB"] = factory(root["React"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE__787__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 787:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Creating a Textarea with dynamic height
- * 
- * @usage:
-
-
-const App = () => {
-    const [value, setValue] = useState("");
-    const el = useRef<HTMLTextAreaElement>(null);
-
-    const { reset } = useAutosizeTextArea({
-        el: el.current, 
-        value: value,
-        cb: (res) => {
-            console.log('dimensions: ', res);
-        }
-    });
-
-    useImperativeHandle(
-        contentRef,
-        () => ({
-            resetHeight: () => {
-                reset();
-            },
-        }),
-        [contentRef, reset]
-    );
-
-    const handleChange = (evt: React.ChangeEvent<HTMLTextAreaElement>) => {
-        const val = evt.target?.value;
-        setValue(val);
-    };
-
-    const handleReset = () => {
-        reset();
-    };
-
-    return (
-        <div className="App">
-            <textarea
-                onChange={handleChange}
-                ref={el}
-                rows={3}
-                value={value}
-            />
-        </div>
-    );
-};
-
-
-
- */
-
-var useAutosizeTextArea = function useAutosizeTextArea(_ref) {
-  var el = _ref.el,
-    value = _ref.value,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? 0 : _ref$maxHeight,
-    cb = _ref.cb;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultRowHeightInit = _useState2[0],
-    setDefaultRowHeightInit = _useState2[1];
-
-  // Reset function to restore default height
-  var reset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    if (!el) return;
-    var scrollHeight = el.scrollHeight;
-    el.style.height = scrollHeight + "px";
-
-    // Get current dimensions after reset
-    var style = window.getComputedStyle(el);
-    var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-    cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
-  }, [el, cb]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (!el) return;
-
-    // Initialize default height
-    if (!defaultRowHeightInit) {
-      el.style.height = 'auto';
-      var initialHeight = el.scrollHeight;
-      setDefaultRowHeightInit(true);
-
-      // If the height is 0, set it to "auto"
-      if (initialHeight === 0) {
-        el.style.height = "auto";
-      } else {
-        el.style.height = initialHeight + "px";
-      }
-    }
-
-    // Get dimensions
-    var style = window.getComputedStyle(el);
-    var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-    // Calculate height
-    el.style.height = 'auto';
-    var finalHeight = el.scrollHeight;
-
-    // Apply max height limit if needed
-    if (maxHeight > 0 && finalHeight > maxHeight) {
-      finalHeight = maxHeight;
-    }
-
-    // Set final height
-    // If the height is 0, set it to "auto"
-    if (finalHeight === 0) {
-      el.style.height = "auto";
-    } else {
-      el.style.height = finalHeight + "px";
-    }
-
-    // Callback
-    cb === null || cb === void 0 ? void 0 : cb([_controlWidth, finalHeight]);
-  }, [el, value, maxHeight, defaultRowHeightInit]);
-  return {
-    reset: reset
-  };
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useAutosizeTextArea);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});

package/publish/lib/cjs/Utils/useBoundedDrag.d.ts

@@ -1,125 +0,0 @@
-/**
- * Bounded Drag
- *
- * @usage:
-
-
-const App = () => {
-    const [items, setItems] = useState<ListItem[]>([]);
-    // ... other states and refs
-      
-    const deepCloneWithReactNode = (obj: any): any => {
-        if (obj === null || typeof obj !== 'object') {
-            return obj;
-        }
-
-        // Handle array
-        if (Array.isArray(obj)) {
-            return obj.map(item => deepCloneWithReactNode(item));
-        }
-
-        // Handle object
-        const clonedObj: any = {};
-        for (const key in obj) {
-            if (key === 'appendControl') {
-                clonedObj[key] = obj[key];
-            } else {
-                clonedObj[key] = deepCloneWithReactNode(obj[key]);
-            }
-        }
-        return clonedObj;
-    };
-
-
-    const getItemWithChildrenIndices = (items: ListItem[], startIndex: number): number[] => {
-        const indices = [startIndex];
-        const startItem = items[startIndex];
-        const startDepth = startItem.depth || 0;
-
-        // Check if subsequent items are child items
-        for (let i = startIndex + 1; i < items.length; i++) {
-            const currentItem = items[i];
-            const currentDepth = currentItem.depth || 0;
-            if (currentDepth > startDepth) {
-                indices.push(i);
-            } else {
-                break;
-            }
-        }
-
-        return indices;
-    };
-
-
-    const { isDragging, dragHandlers } = useBoundedDrag({
-        dragMode,
-        boundarySelector: '.custom-draggable-list',
-        itemSelector:'.custom-draggable-list__item',
-        dragHandleSelector: '.custom-draggable-list__handle',
-        onDragStart: (index: number) => {
-            // Additional drag start logic if needed
-        },
-        onDragOver: (dragIndex: number | null, dropIndex: number | null) => {
-            // Additional drag over logic if needed
-        },
-        onDragEnd: (dragIndex: number | null, dropIndex: number | null) => {
-            if (dragIndex !== null && dropIndex !== null && dragIndex !== dropIndex) {
-                // Handle item movement
-                const newItems = deepCloneWithReactNode(items);
-                const itemsToMove = getItemWithChildrenIndices(newItems, dragIndex);
-                const itemsBeingMoved = itemsToMove.map(index => newItems[index]);
-
-                // ... rest of your existing drag end logic ...
-
-                setItems(updatedItems);
-
-            }
-        }
-    });
-
-    // Update your JSX to use the new handlers
-    return (
-        <ul className="custom-draggable-list">
-        {items.map((item: any, index: number) => (
-            <li
-                // ... other props
-                draggable={!draggable ? undefined : editingItem !== item.id && "true"}
-                onDragStart={!draggable ? undefined : (e) => dragHandlers.handleDragStart(e, index)}
-                onDragOver={!draggable ? undefined : dragHandlers.handleDragOver}
-                onDragEnd={!draggable ? undefined : dragHandlers.handleDragEnd}
-                onTouchStart={!draggable ? undefined : (e) => dragHandlers.handleDragStart(e, index)}
-                onTouchMove={!draggable ? undefined : dragHandlers.handleDragOver}
-                onTouchEnd={!draggable ? undefined : dragHandlers.handleDragEnd}
-            >
-                <li className="custom-draggable-list__item">
-                    <span className="custom-draggable-list__handle">☰</span>
-                    <i>content {indec}<i>
-                </li>
-            </li>
-        ))}
-    </ul>
-);
-
- */
-export interface TouchOffset {
-    x: number;
-    y: number;
-}
-export interface BoundedDragOptions {
-    dragMode?: 'handle' | 'block';
-    boundarySelector?: string;
-    itemSelector?: string;
-    dragHandleSelector?: string;
-    onDragStart?: (index: number) => void;
-    onDragOver?: (dragIndex: number | null, dropIndex: number | null) => void;
-    onDragEnd?: (dragIndex: number | null, dropIndex: number | null) => void;
-}
-export declare const useBoundedDrag: (options?: BoundedDragOptions) => {
-    isDragging: boolean;
-    dragHandlers: {
-        handleDragStart: (e: React.DragEvent | React.TouchEvent, position: number) => false | undefined;
-        handleDragOver: (e: React.DragEvent | React.TouchEvent) => void;
-        handleDragEnd: (e: React.DragEvent | React.TouchEvent) => void;
-    };
-};
-export default useBoundedDrag;