feat: replace lodash with lightweight and faster option

example/src/mocks/AgendaItem.tsx

@@ -1,4 +1,4 @@
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'es-toolkit/compat';
 import React, {useCallback} from 'react';
 import {StyleSheet, Alert, View, Text, TouchableOpacity, Button} from 'react-native';
 import testIDs from '../testIDs';

example/src/mocks/agendaItems.ts

@@ -1,4 +1,4 @@
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'es-toolkit/compat';
 import {MarkedDates} from '../../../src/types';
 
 const today = new Date().toISOString().split('T')[0];

example/src/screens/calendarPlaygroundScreen.tsx

@@ -1,4 +1,4 @@
-import times from 'lodash/times';
+import { times } from 'es-toolkit/compat';
 import React, {useState, useCallback, useMemo, useRef} from 'react';
 import {StyleSheet, View, ScrollView, Text, TouchableOpacity, Switch, Alert} from 'react-native';
 import {Calendar, CalendarUtils} from 'react-native-calendars';

example/src/screens/timelineCalendarScreen.tsx

@@ -1,7 +1,3 @@
-import groupBy from 'lodash/groupBy';
-import filter from 'lodash/filter';
-import find from 'lodash/find';
-
 import React, {Component} from 'react';
 import {Alert} from 'react-native';
 import {
@@ -14,6 +10,7 @@ import {
 } from 'react-native-calendars';
 
 import {timelineEvents, getDate} from '../mocks/timelineEvents';
+import { filter, find, groupBy } from 'es-toolkit/compat';
 
 const INITIAL_TIME = {hour: 9, minutes: 0};
 const EVENTS: TimelineEventProps[] = timelineEvents;

package.json

@@ -33,8 +33,8 @@
   "author": "Wix.com",
   "license": "MIT",
   "dependencies": {
+    "es-toolkit": "^1.39.5",
     "hoist-non-react-statics": "^3.3.1",
-    "lodash": "^4.17.15",
     "memoize-one": "^5.2.1",
     "prop-types": "^15.5.10",
     "react-native-safe-area-context": "4.5.0",
@@ -54,7 +54,6 @@
     "@testing-library/react-native": "^11.0.0",
     "@tsconfig/docusaurus": "^1.0.4",
     "@types/jest": "^29.2.1",
-    "@types/lodash": "^4.14.170",
     "@types/react": "^18.2.6",
     "@types/react-native": "^0.64.19",
     "@types/react-test-renderer": "^18.2.0",

scripts/build-docs.js

@@ -1,5 +1,5 @@
-const _ = require('lodash');
 const childProcess = require('child_process');
+const { last, split } = require('es-toolkit/compat');
 const fs = require('fs');
 
 const COMPONENTS_DOCS_DIR = './docsRNC/docs';
@@ -28,7 +28,7 @@ if (components) {
       if (component.extendsLink) {
         extendsText = `[${extendsText}](${component.extendsLink})`;
       } else {
-        const extendedComponentName = _.last(_.split(extendsText, '/'));
+        const extendedComponentName = last(split(extendsText, '/'));
         extendsText = `[${extendedComponentName}](/docs/${extendsText})`;
       }
       content += `:::info\n`;

scripts/release.js

@@ -1,9 +1,9 @@
 /* eslint-disable no-console */
-const _ = require('lodash');
 const fs = require('fs');
 const semver = require('semver');
 const exec = require('shell-utils').exec;
 const cp = require('child_process');
+const { includes } = require('es-toolkit/compat');
 
 let IS_SNAPSHOT;
 let IS_HOTFIX;
@@ -91,7 +91,7 @@ function tryPublishAndTag(version) {
       console.log(`Released version ${theCandidate}`);
       return;
     } catch (err) {
-      const alreadyPublished = _.includes(err.toString(), 'You cannot publish over the previously published version');
+      const alreadyPublished = includes(err.toString(), 'You cannot publish over the previously published version');
       if (!alreadyPublished) {
         throw err;
       }

scripts/test-e2e.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-const includes = require('lodash/includes');
+const { includes } = require('es-toolkit/compat');
 const exec = require('shell-utils').exec;
 
 const release = includes(process.argv, '--release');

src/agenda/index.tsx

@@ -1,7 +1,7 @@
-import isFunction from 'lodash/isFunction';
 import PropTypes from 'prop-types';
 import XDate from 'xdate';
 import memoize from 'memoize-one';
+import { isFunction } from 'es-toolkit/compat';
 
 import React, {Component} from 'react';
 import {

src/agenda/reservation-list/index.tsx

@@ -1,6 +1,6 @@
-import isFunction from 'lodash/isFunction';
 import PropTypes from 'prop-types';
 import XDate from 'xdate';
+import { isFunction } from 'es-toolkit/compat';
 
 import React, {Component} from 'react';
 import {ActivityIndicator, View, FlatList, StyleProp, ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, LayoutChangeEvent} from 'react-native';

src/agenda/reservation-list/reservation.tsx

@@ -1,4 +1,4 @@
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'es-toolkit/compat';
 import PropTypes from 'prop-types';
 import XDate from 'xdate';
 

src/calendar-list/index.tsx

@@ -1,4 +1,4 @@
-import findIndex from 'lodash/findIndex';
+import { findIndex, isEqual } from 'es-toolkit/compat';
 import PropTypes from 'prop-types';
 import XDate from 'xdate';
 import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react';
@@ -14,7 +14,6 @@ import styleConstructor from './style';
 import Calendar, {CalendarProps} from '../calendar';
 import CalendarListItem from './item';
 import CalendarHeader from '../calendar/header/index';
-import isEqual from 'lodash/isEqual';
 
 const CALENDAR_WIDTH = constants.screenWidth;
 const CALENDAR_HEIGHT = 360;

src/calendar/day/index.tsx

@@ -1,6 +1,4 @@
-import omit from 'lodash/omit';
-import isEqual from 'lodash/isEqual';
-import some from 'lodash/some';
+import { isEqual, omit, some } from 'es-toolkit/compat';
 import XDate from 'xdate';
 import React, {useMemo} from 'react';
 

src/calendar/day/marking/index.tsx

@@ -1,4 +1,4 @@
-import filter from 'lodash/filter';
+import { filter } from 'es-toolkit/compat';
 import React, {useRef} from 'react';
 import {View, ViewStyle, TextStyle, StyleProp} from 'react-native';
 

src/calendar/header/index.tsx

@@ -1,4 +1,4 @@
-import includes from 'lodash/includes';
+import { includes } from 'es-toolkit/compat';
 import XDate from 'xdate';
 
 import React, {Fragment, ReactNode, useCallback, useMemo, forwardRef, useImperativeHandle, useRef} from 'react';

src/calendar/index.tsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import XDate from 'xdate';
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'es-toolkit/compat';
 import React, {useRef, useState, useEffect, useCallback, useMemo} from 'react';
 import {AccessibilityInfo, View, ViewStyle, StyleProp} from 'react-native';
 // @ts-expect-error

src/componentUpdater.ts

@@ -5,11 +5,7 @@ import {ReservationListProps} from './agenda/reservation-list';
 
 import {MarkingProps} from './calendar/day/marking';
 
-const get = require('lodash/get');
-const omit = require('lodash/omit');
-const pickBy = require('lodash/pickBy');
-const isEqual = require('lodash/isEqual');
-const includes = require('lodash/includes');
+import { get, includes, isEqual, omit, pickBy } from 'es-toolkit/compat';
 
 export function shouldUpdate(props: any, newProps: any, paths: string[]) {
   for (let i = 0; i < paths.length; i++) {
@@ -28,7 +24,7 @@ export function extractComponentProps(component: any, props: any, ignoreProps?:
     const keys = Object.keys(componentPropTypes);
     const componentProps = omit(
       pickBy(props, (_value: any, key: any) => includes(keys, key)),
-      ignoreProps
+      ignoreProps || []
     );
     return componentProps;
   }

src/expandableCalendar/AgendaList/agendaList.tsx

@@ -1,11 +1,5 @@
+import { debounce, get, isFunction, isUndefined, map } from 'es-toolkit/compat';
 import PropTypes from 'prop-types';
-
-import get from 'lodash/get';
-import map from 'lodash/map';
-import isFunction from 'lodash/isFunction';
-import isUndefined from 'lodash/isUndefined';
-import debounce from 'lodash/debounce';
-
 import XDate from 'xdate';
 
 import React, {forwardRef, useCallback, useContext, useEffect, useMemo, useRef} from 'react';

src/expandableCalendar/AgendaList/commons.tsx

@@ -1,4 +1,4 @@
-import isEqual from 'lodash/isEqual';
+import { isEqual } from 'es-toolkit';
 import React from 'react';
 import {DefaultSectionT, SectionListProps, Text, TextProps, ViewStyle} from 'react-native';
 import {Theme} from '../../types';

src/expandableCalendar/AgendaList/infiniteAgendaList.tsx

@@ -1,11 +1,9 @@
+import { debounce, isUndefined } from 'es-toolkit/compat';
 import PropTypes from 'prop-types';
+import XDate from 'xdate';
 
-import isUndefined from 'lodash/isUndefined';
-import debounce from 'lodash/debounce';
 import InfiniteList from '../../infinite-list';
 
-import XDate from 'xdate';
-
 import React, {useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';
 import {
   DefaultSectionT,

src/expandableCalendar/Context/Provider.tsx

@@ -1,4 +1,4 @@
-import {includes} from 'lodash';
+import { includes } from 'es-toolkit/compat';
 import XDate from 'xdate';
 
 import React, {useRef, useState, useCallback, useMemo} from 'react';

src/expandableCalendar/__tests__/index.spec.ts

@@ -1,10 +1,10 @@
+import { times } from 'es-toolkit/compat';
 import {ExpandableCalendarProps, Positions} from '../index';
 import {toMarkingFormat, xdateToData} from '../../interface';
 import {ExpandableCalendarDriver} from '../driver';
 import {generateExpandableCalendarWithContext, testIdExpandableCalendar} from './expandableCalendarTestKit';
 import {getMonthTitle} from '../../testUtils';
 import {UpdateSources} from '../commons';
-import times from 'lodash/times';
 import {NUMBER_OF_PAGES} from '../WeekCalendar';
 import {CalendarContextProviderProps} from 'react-native-calendars';
 

src/expandableCalendar/index.tsx

@@ -1,8 +1,4 @@
-import first from 'lodash/first';
-import isFunction from 'lodash/isFunction';
-import isNumber from 'lodash/isNumber';
-import throttle from 'lodash/throttle';
-
+import { first, isFunction, isNumber, throttle } from 'es-toolkit/compat';
 import XDate from 'xdate';
 
 import React, {

src/expandableCalendar/week.tsx

@@ -1,7 +1,7 @@
+import { isEqual } from 'es-toolkit/compat';
 import XDate from 'xdate';
 import React, {useRef, useMemo, useCallback} from 'react';
 import {View} from 'react-native';
-import isEqual from 'lodash/isEqual';
 
 import {getPartialWeekDates, getWeekDates, sameMonth} from '../dateutils';
 import {parseDate, toMarkingFormat} from '../interface';

src/infinite-list/index.tsx

@@ -1,6 +1,4 @@
-import inRange from 'lodash/inRange';
-import debounce from 'lodash/debounce';
-import noop from 'lodash/noop';
+import { debounce, inRange, noop } from 'es-toolkit/compat';
 import React, {forwardRef, useCallback, useEffect, useMemo, useRef} from 'react';
 import {ScrollViewProps} from 'react-native';
 import {DataProvider, LayoutProvider, RecyclerListView, RecyclerListViewProps} from 'recyclerlistview';

src/services/index.ts

@@ -1,7 +1,4 @@
-import isUndefined from 'lodash/isUndefined';
-import isDate from 'lodash/isDate';
-import isString from 'lodash/isString';
-import isNumber from 'lodash/isNumber';
+import { isDate, isNumber, isString, isUndefined } from 'es-toolkit/compat';
 import XDate from 'xdate';
 
 const {getLocale} = require('../dateutils');

src/timeline-list/index.tsx

@@ -1,6 +1,5 @@
-import throttle from 'lodash/throttle';
-import flatten from 'lodash/flatten';
-import dropRight from 'lodash/dropRight';
+
+import { dropRight, flatten, throttle } from 'es-toolkit/compat';
 import React, {useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';
 import {isToday, generateDay} from '../dateutils';
 import InfiniteList from '../infinite-list';

src/timeline-list/useTimelinePages.ts

@@ -1,8 +1,6 @@
 import {RefObject, useCallback, useEffect, useRef, useState} from 'react';
 
-import inRange from 'lodash/inRange';
-import times from 'lodash/times';
-import debounce from 'lodash/debounce';
+import { debounce, inRange, times } from 'es-toolkit/compat';
 
 import constants from '../commons/constants';
 import {generateDay} from '../dateutils';

src/timeline/Packer.ts

@@ -1,4 +1,4 @@
-import inRange from 'lodash/inRange';
+import { inRange } from 'es-toolkit/compat';
 import XDate from 'xdate';
 import constants from '../commons/constants';
 import {Event, PackedEvent} from './EventBlock';

src/timeline/Timeline.tsx

@@ -1,8 +1,4 @@
-import min from 'lodash/min';
-import map from 'lodash/map';
-import times from 'lodash/times';
-import groupBy from 'lodash/groupBy';
-
+import { groupBy, map, min, times } from 'es-toolkit/compat';
 import React, {useCallback, useEffect, useMemo, useRef} from 'react';
 import {View, ScrollView} from 'react-native';
 

src/timeline/TimelineHours.tsx

@@ -1,6 +1,4 @@
-import range from 'lodash/range';
-import times from 'lodash/times';
-
+import { range, times } from 'es-toolkit/compat';
 import React, {useCallback, useMemo, useRef} from 'react';
 import {View, Text, TouchableWithoutFeedback, ViewStyle, TextStyle, StyleSheet} from 'react-native';
 

src/timeline/__tests__/Packer.spec.js

@@ -1,4 +1,4 @@
-import sortBy from 'lodash/sortBy';
+import { sortBy } from 'es-toolkit/compat';
 import * as uut from '../Packer';
 
 describe('Timeline Packer utils', () => {