remove ramda

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worksolutions/react-utils",
   "private": false,
-  "version": "2.1.14",
+  "version": "2.2.1",
   "description": "",
   "types": "dist/esm/index.d.ts",
   "main": "dist/cjs/index.js",
@@ -19,10 +19,9 @@
   "sideEffects": false,
   "dependencies": {
     "mobx": "^6.*",
-    "@worksolutions/utils": "^1.3.30",
+    "@worksolutions/utils": "^1.4.3",
     "lodash.debounce": "^4.*",
     "lodash.throttle": "^4.*",
-    "ramda": "^0.*",
     "react": "*",
     "react-dom": "*",
     "react-use": "^17.*",
@@ -33,7 +32,6 @@
     "@types/lodash.debounce": "^4.*",
     "@types/lodash.throttle": "^4.*",
     "@types/node": "*",
-    "@types/ramda": "^0.*",
     "@types/react": "*",
     "@types/react-dom": "*",
     "@types/resize-observer-browser": "^0.1.7",

src/hooks/scroll.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { identity } from "ramda";
+import { identity } from "@worksolutions/utils";
 
 function getWindowScrollPosition() {
   return { x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop };

src/hooks/useAsyncFn.ts

@@ -2,7 +2,6 @@
 
 import React, { DependencyList, useCallback } from "react";
 import { useMountedState } from "react-use";
-import { assoc } from "ramda";
 
 import { useSyncToRef } from "./useSyncToRef";
 
@@ -33,7 +32,7 @@ export function useAsyncFn<FUNC extends FunctionReturningPromise<any>>(
   const callback = useCallback((...args: Parameters<FUNC>) => {
     const callId = ++lastCallId.current;
 
-    if (!stateRef.current.loading && loadingAvailable.current) setState(assoc("loading", true));
+    if (!stateRef.current.loading && loadingAvailable.current) setState((value) => ({ ...value, loading: true }));
 
     return func(...args).then(
       (value) => {

src/hooks/useMemoizeCallback.ts

@@ -1,5 +1,5 @@
 import React, { DependencyList } from "react";
-import { memoizeWith } from "ramda";
+import { memoizeWith } from "@worksolutions/utils";
 
 /**
  * Memoize callback in React.useCallback hook

src/hooks/useObservableAsDeferredMemo.ts

@@ -1,8 +1,8 @@
 import React, { DependencyList } from "react";
-import {observe, toJS} from "mobx";
+import { observe, toJS } from "mobx";
 import { isPureObject } from "@worksolutions/utils";
 
-import {deepObserve} from "mobx-utils";
+import { deepObserve } from "mobx-utils";
 
 export type UseObservableAsDeferredMemoOptions = { fireImmediately?: boolean; convertToJS?: boolean; deep?: boolean };
 
@@ -31,7 +31,6 @@ export function useObservableAsDeferredMemo<RESULT, TARGET>(
   return value;
 }
 
-
 export function createObserverForStateHook(
   target: any,
   key: any,

src/hooks/useStackState.ts

@@ -1,11 +1,10 @@
 import React from "react";
-import { append, remove, last } from "ramda";
 
 export function useStackState<ELEMENT>(initialStack?: ELEMENT[]) {
   const [stack, setStack] = React.useState(() => (initialStack ? [...initialStack] : []));
-  const stackLast = React.useMemo(() => last(stack), [stack]);
-  const push = React.useCallback((element: ELEMENT) => setStack(append(element)), []);
-  const pop = React.useCallback(() => setStack(remove(-1, 1)), []);
+  const stackLast = React.useMemo(() => stack[stack.length - 1], [stack]);
+  const push = React.useCallback((element: ELEMENT) => setStack((stack) => [...stack, element]), []);
+  const pop = React.useCallback(() => setStack((stack) => stack.slice(0, -1)), []);
   const reset = React.useCallback((newStack: ELEMENT[] = []) => setStack(newStack), []);
 
   return React.useMemo(

src/hooks/useTimer.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from "react";
-import { isNil } from "ramda";
+import { isNil } from "@worksolutions/utils";
 
 import { useForceUpdate } from "./common";