@bigbinary/neeto-molecules 1.0.99 → 1.0.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.0.99",
+  "version": "1.0.101",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -8,7 +8,7 @@
   "scripts": {
     "prepare": "husky install",
     "sync_with_wheel": "./.scripts/sync_with_wheel.sh",
-    "test": "TZ=UTC jest",
+    "test": "TZ=UTC jest --runInBand",
     "bundle": "NODE_ENV=production rollup -c rollup.config.js && yarn build:jsdoc",
     "build": "NODE_ENV=production build-storybook",
     "serve": "node .storybook/db",
@@ -48,7 +48,7 @@
     "@babel/runtime": "^7.19.0",
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "^1.1.14",
-    "@bigbinary/neeto-commons-frontend": "2.0.119",
+    "@bigbinary/neeto-commons-frontend": "2.0.134",
     "@bigbinary/neeto-editor": "1.27.0-beta.1",
     "@bigbinary/neeto-filters-frontend": "^2.11.15",
     "@bigbinary/neeto-icons": "^1.12.3",
@@ -74,10 +74,10 @@
     "@svgr/webpack": "^6.5.1",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "12.1.3",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/user-event": "13.5.0",
-    "antd": "4.24.3",
+    "antd": "5.9.2",
     "autoprefixer": "^10.4.13",
     "axios": "^0.27.2",
     "babel-jest": "27.0.6",
@@ -104,7 +104,7 @@
     "eslint-plugin-react": "7.29.4",
     "eslint-plugin-react-hooks": "4.5.0",
     "eslint-plugin-unused-imports": "2.0.0",
-    "formik": "^2.2.9",
+    "formik": "2.4.5",
     "framer-motion": "^4.1.17",
     "husky": "^7.0.4",
     "i18next": "^22.5.1",
@@ -117,6 +117,7 @@
     "mixpanel-browser": "^2.45.0",
     "mousetrap": "^1.6.5",
     "mousetrap-global-bind": "^1.1.0",
+    "nock": "^13.3.3",
     "papaparse": "^5.4.0",
     "platform": "1.3.6",
     "postcss": "^8.4.17",
@@ -130,14 +131,15 @@
     "qs": "^6.11.0",
     "ramda": "^0.29.0",
     "raw-loader": "^4.0.2",
-    "react": "^17.0.2",
-    "react-dom": "17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-dropzone": "^11.2.4",
     "react-helmet": "^6.1.0",
     "react-hotkeys-hook": "3.3.2",
     "react-i18next": "^12.3.1",
     "react-query": "^3.39.2",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.3.3",
+    "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.0.8",
     "react-transition-group": "^4.4.5",
     "react-window": "^1.8.9",
@@ -163,21 +165,22 @@
     "@honeybadger-io/react": "2.0.1",
     "@neetohq/timezones": "latest",
     "@svgr/webpack": "^6.5.1",
-    "antd": "4.24.3",
+    "antd": "5.9.2",
     "axios": "^0.27.2",
     "cypress": "11.2.0",
     "dayjs": "1.11.1",
     "dotenv-webpack": "^8.0.1",
-    "formik": "^2.2.9",
+    "formik": "2.4.5",
     "i18next": "^22.5.1",
     "js-logger": "^1.6.1",
     "mixpanel-browser": "^2.45.0",
     "ramda": "^0.29.0",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-i18next": "^12.3.1",
     "react-query": "^3.39.2",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.3.3",
+    "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.0.8",
     "shakapacker": "^6.5.5",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",

package/types/Codeblock.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { SyntaxHighlighterProps } from "react-syntax-highlighter";
+import { CopyToClipboardButtonProps } from "./CopyToClipboardButton";
+/**
+ *
+ * Codeblock can be used to render a block of code, with appropriate syntax
+ *
+ * highlighting, and a copy code button.
+ *
+ * Note: To use this component, you should install
+ *
+ * react-syntax-highlighter@^15.5.0 package.
+ *
+ * ![image](https://github.com/bigbinary/neeto-molecules/assets/66865722/ed5c589f-7086-46b9-b8b2-2746afa7e750|height=200|width=300)
+ *
+ * @example 
+ *
+ * import React from "react";
+ * import Codeblock from "@bigbinary/neeto-molecules/Codeblock";
+ * import { generateEmbedCode } from "./utils";
+ * 
+ * const EmbedPage = () => (
+ *   <Codeblock
+ *     code={generateEmbedCode()}
+ *     codeblockProps={{ showLineNumbers: true }}
+ *   />
+ * );
+ * @endexample
+*/
+const Codeblock: React.FC<{
+  code: string;
+  showCopyButton?: boolean;
+  codeblockProps?: Partial<SyntaxHighlighterProps>;
+  copyButtonProps?: Partial<CopyToClipboardButtonProps>;
+}>;
+export default Codeblock;

package/types/CopyToClipboardButton.d.ts

@@ -1,4 +1,11 @@
 import React from "react";
+export interface CopyToClipboardButtonProps {
+  className?: string;
+  icon?: string | any;
+  label?: string;
+  value: string;
+  style?: "primary" | "secondary" | "text";
+}
 /**
  *
  * A button that copies the given value to the clipboard.
@@ -12,11 +19,5 @@ import React from "react";
  * );
  * @endexample
 */
-const CopyToClipboardButton: React.FC<{
-  className?: string;
-  icon?: string | any;
-  label?: string;
-  value: string;
-  style?: 'primary' | 'secondary' | 'text';
-}>;
+const CopyToClipboardButton: React.FC<CopyToClipboardButtonProps>;
 export default CopyToClipboardButton;