feat: remove nanoid (#321)

Author: martimalek

package-lock.json

@@ -5,10 +5,6 @@
     "main": "lib/cjs/index.js",
     "typings": "lib/types/index.d.ts",
     "module": "lib/esm/index.js",
-    "sideEffects": [
-        "lib/esm/polyfills.js",
-        "lib/cjs/polyfills.js"
-    ],
     "scripts": {
         "clean": "rm -rf lib",
         "build": "npm run clean && npm run build:cjs && npm run build:esm",
@@ -137,7 +133,6 @@
         "@types/react-select": "^4.0.18",
         "@types/styled-system": "^5.1.9",
         "date-fns": "^2.11.1",
-        "nanoid": "^3.1.23",
         "react-popper": "^2.3.0",
         "react-tether": "^2.0.7",
         "react-transition-group": "^4.3.0",

package.json

@@ -3,7 +3,6 @@ import { useMonth, FirstDayOfWeek } from '@datepicker-react/hooks';
 import styled from 'styled-components';
 import { format } from 'date-fns';
 
-import { generateId } from '../../utils/ids';
 import { Colors } from '../../essentials';
 import { Text } from '../Text/Text';
 import { Day } from './Day';
@@ -57,12 +56,14 @@ const Month: FC<MonthProps> = ({ year, month, firstDayOfWeek, locale }: MonthPro
                 ))}
             </Weekdays>
             <DaysContainer>
-                {days.map(day => {
+                {days.map((day, index) => {
                     if (typeof day === 'object') {
                         return <Day date={day.date} key={day.date.toString()} dayLabel={day.dayLabel} />;
                     }
 
-                    return <div key={generateId()} />;
+                    // we can use index as a key since the array is never reordered
+                    // eslint-disable-next-line react/no-array-index-key
+                    return <div key={index} />;
                 })}
             </DaysContainer>
         </div>

src/components/Datepicker/Month.tsx

@@ -1,5 +1,3 @@
-import './polyfills';
-
 export * from './components';
 export * from './essentials';
 export * from './icons';