@gisce/react-ooui 0.21.3 → 1.0.1

package/package.json

@@ -1,54 +1,64 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "0.21.3",
-  "main": "dist/index.js",
+  "version": "1.0.1",
   "files": [
     "dist",
     "src",
     "README.md"
   ],
+  "main": "./dist/react-ooui.umd.js",
+  "module": "./dist/react-ooui.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/react-ooui.es.js",
+      "require": "./dist/react-ooui.umd.js"
+    },
+    "./dist/main.css": {
+      "import": "./dist/main.css",
+      "require": "./dist/main.css"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "prebuild": "npm run build:tailwind && rimraf dist && npm run build:ts",
-    "build:ts": "tsc",
+    "start": "vite build --watch --force",
     "build:tailwind": "postcss src/tailwind.css -o src/tailwind.generated.css",
-    "build": "webpack",
-    "build:dev": "npm run build:ts && npm run build:tailwind && webpack --env=development",
+    "build": "vite build",
     "test": "jest",
-    "cypress": "cypress open",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
-    "prepublishOnly": "npm run build"
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "dependencies": {
-    "@ant-design/charts": "^1.3.6",
+    "@ant-design/plots": "^1.0.9",
     "@gisce/ooui": "^0.16.2",
     "@gisce/react-formiga-table": "^0.5.0",
     "@monaco-editor/react": "^4.4.5",
-    "@tabler/icons": "^1.95.1",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@tabler/icons": "^1.96.0",
+    "antd": "^4.12.3",
     "fiber-diagram": "github:gisce/fiber-diagram",
     "file-type": "^16.5.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-grid-layout": "^1.3.4",
     "react-hotkeys-hook": "^3.4.4",
     "react-measure": "^2.5.2",
-    "react-table": "^7.8.0",
-    "scroll-into-view": "^1.16.0",
-    "styled-components": "^5.2.1",
     "use-deep-compare-effect": "^1.8.1",
     "validator": "^13.6.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^6.1.20",
-    "@storybook/addon-essentials": "^6.1.20",
-    "@storybook/addon-knobs": "^6.1.20",
-    "@storybook/addon-links": "^6.1.20",
-    "@storybook/node-logger": "^6.1.20",
-    "@storybook/preset-create-react-app": "^3.1.6",
-    "@storybook/react": "^6.1.20",
+    "@babel/core": "^7.19.1",
+    "@esbuild-plugins/node-globals-polyfill": "^0.1.1",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-interactions": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/builder-vite": "^0.2.2",
+    "@storybook/react": "^6.5.12",
+    "@storybook/testing-library": "^0.0.13",
     "@tailwindcss/postcss7-compat": "^2.0.2",
-    "@testing-library/jest-dom": "^5.11.4",
     "@types/jest": "^26.0.15",
     "@types/lodash": "^4.14.170",
     "@types/node": "^12.0.0",
@@ -57,39 +67,27 @@
     "@types/react-grid-layout": "^1.3.2",
     "@types/react-measure": "^2.0.7",
     "@types/react-responsive": "^8.0.2",
-    "@types/react-table": "^7.7.12",
     "@types/scroll-into-view": "^1.16.0",
     "@types/styled-components": "^5.1.7",
     "@types/uuid": "^8.3.1",
     "@types/validator": "^13.6.3",
-    "antd": "^4.12.3",
+    "@vitejs/plugin-react": "^2.1.0",
     "autoprefixer": "^9.8.6",
-    "css-loader": "^6.6.0",
-    "cypress": "^5.2.0",
-    "html-webpack-plugin": "^5.0.0-beta.5",
-    "ignore-loader": "^0.1.2",
+    "babel-loader": "^8.2.5",
     "jest": "^26.6.3",
     "jest-enzyme": "^7.1.2",
-    "mini-css-extract-plugin": "^2.5.3",
     "postcss": "^7.0.35",
     "postcss-cli": "^7.1.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-is": "^16.13.1",
-    "react-scripts": "^4.0.1",
-    "rimraf": "^3.0.2",
-    "source-map-loader": "1.1.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
     "ts-jest": "^26.4.4",
-    "ts-loader": "^8.0.14",
     "typescript": "^4.0.3",
-    "webpack": "^5.14.0",
-    "webpack-bundle-analyzer": "^4.3.0",
-    "webpack-cli": "^4.3.1"
+    "vite": "^3.1.0",
+    "vite-plugin-dts": "^1.0.3"
   },
   "peerDependencies": {
-    "antd": "^4.12.3",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.1",
+    "styled-components": "^5.2.1"
   }
 }

package/src/helpers/iconMapper.ts

@@ -1,6 +1,7 @@
-import Icon, * as Icons from "@ant-design/icons";
-import * as TablerIcons from "@tabler/icons";
 import React from "react";
+import Icon from "@ant-design/icons";
+import { AntIcons as Icons } from "./icons/antd_icons";
+import { TablerIcons } from "./icons/tabler_icons";
 
 const iconMapping: { [key: string]: React.ElementType } = {
   "terp-purchase": Icons.ShoppingCartOutlined,
@@ -96,7 +97,7 @@ const iconMapping: { [key: string]: React.ElementType } = {
   STOCK_PREFERENCES: Icons.SettingOutlined,
 };
 
-export default (key: string): React.ElementType => {
+export default (key: string): React.ElementType | undefined => {
   if (key.indexOf("gtk-") !== -1) {
     const rootIcon = key.replace("gtk-", "").replace("-", "_");
     const newKey = `STOCK_${rootIcon.toUpperCase()}`;
@@ -105,20 +106,27 @@ export default (key: string): React.ElementType => {
   if (iconMapping.hasOwnProperty(key)) {
     return iconMapping[key];
   }
-  const IconCamelCase = `${key.split("-").map((word) => (
-    word.replace(/\w\S*/g, (w) => (w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())))
-  ).join("")}`;
-  const antKey = `${IconCamelCase}Outlined`
+  const IconCamelCase = `${key
+    .split("-")
+    .map((word) =>
+      word.replace(
+        /\w\S*/g,
+        (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
+      )
+    )
+    .join("")}`;
+
+  const antKey = `${IconCamelCase}Outlined`;
   if (Icons.hasOwnProperty(antKey)) {
-    // @ts-ignore
     return Icons[antKey];
   }
+
   const tablerKey = `Icon${IconCamelCase}`;
   if (TablerIcons.hasOwnProperty(tablerKey)) {
-    // @ts-ignore
-    const CustomIcon = () => React.createElement(Icon, {component: TablerIcons[tablerKey]});
-    return CustomIcon
+    const CustomIcon = () =>
+      React.createElement(Icon, { component: TablerIcons[tablerKey] });
+    return CustomIcon;
   }
-  // @ts-ignore
-  return undefined
+
+  return undefined;
 };