Deprecate and remove awesome styled grid from main bundle (#677)

Author: nowyDEV

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "9.2.0",
+  "version": "10.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,8 +35,7 @@
     "lint:css:quiet": "npm run lint:css -- --quiet",
     "lint:lockfile": "lockfile-lint",
     "validate:all": "npm-run-all --parallel check:types check:format check:knip lint:quiet lint:css:quiet lint:lockfile test:all",
-    "postinstall": "patch-package",
-    "prepare": "husky install"
+    "prepare": "patch-package && husky install"
   },
   "engines": {
     "node": "~18.12.0 || ~18.13.0",
@@ -64,7 +63,6 @@
     "date-fns": "^2.30.0",
     "lodash.clonedeep": "^4.5.0",
     "polished": "^4.2.2",
-    "react-awesome-styled-grid": "^3.1.4",
     "react-content-loader": "^6.2.1",
     "react-day-picker": "^8.8.2",
     "react-helmet": "^6.1.0",
@@ -105,6 +103,7 @@
     "patch-package": "^6.5.1",
     "prettier": "^3.0.3",
     "react": "^18.2.0",
+    "react-awesome-styled-grid": "^3.1.4",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "rollup": "^3.29.4",

package.json

@@ -1,10 +1,3 @@
-export {
-  Container,
-  Row,
-  Col,
-  Hidden,
-  Visible,
-} from "react-awesome-styled-grid";
 export { DayPicker } from "react-day-picker";
 
 export * from "./components";

src/index.ts

@@ -3,6 +3,49 @@ import * as GridStories from "./Grid.stories";
 
 <Meta of={GridStories} />
 
+## Note
+
+Below guide is deprecated, the grid library mentioned here is no longer maintained and has a bug that requires additional setup.
+
+### Setup
+
+#### Install grid library
+
+```bash
+npm install react-awesome-styled-grid
+```
+
+#### Implement required fix
+
+```bash
+npm install -D patch-package
+```
+
+Make necessary changes inside two files:
+
+`/node_modules/react-awesome-styled-grid/lib/react-awesome-styled-grid.cjs.js`
+`/node_modules/react-awesome-styled-grid/lib/react-awesome-styled-grid.es.js`
+
+```text
+-  void 0 === i && (i = global);
++  void 0 === i && (i = window);
+```
+
+Apply patch:
+
+```text
+npx patch-package react-awesome-styled-grid
+```
+
+Update `package.json`:
+
+```text
+"scripts": {
+ ...
+ "postinstall": "patch-package"
+}
+```
+
 ## Basic usage
 
 <Canvas>