@pushwoosh/kit-icons 1.4.14 → 2.0.1

package/open-icon/index.js

@@ -0,0 +1,2 @@
+export * from './open-icon.component';
+export * from './open-icon.types';

package/open-icon/open-icon.component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IconBox } from '../icon.styles';
+import { AssetMap } from './assets';
+export function OpenIcon(props) {
+    const { boxRef, size, view, ...rest } = props;
+    const Icon = AssetMap[size][view];
+    if (Icon == null) {
+        console.error('[OpenIcon]: Icon not found!');
+        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
+    }
+    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
+        React.createElement(Icon, null)));
+}

package/open-icon/open-icon.types.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type OpenIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
+    readonly size: 'medium' | 'small';
+    readonly view: 'filled' | 'lined';
+};

package/open-icon/open-icon.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,23 +1,20 @@
 {
   "name": "@pushwoosh/kit-icons",
-  "version": "1.4.14",
+  "version": "2.0.1",
   "description": "React component for build Pushwoosh products",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "main": "index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
   "scripts": {
     "start": "npm run playground",
-    "dev": "npm run development",
-    "build": "npm run production",
+    "build": "npm run production:library && npm run production:icons && npm run copy:pckg",
     "playground": "cross-env NODE_ENV=development webpack-dev-server --config webpack.playground.config.js",
-    "development": "cross-env NODE_ENV=development webpack --config webpack.development.config.js",
-    "production": "cross-env NODE_ENV=production webpack --config webpack.production.config.js",
-    "check": "npm run check:css && npm run check:lint && npm run check:tests && npm run check:types",
+    "production:library": "tsc --project tsconfig.library.json",
+    "production:icons": "node ./scripts/bundleSVG.js",
+    "copy:pckg": "cp package.json dist/ && cp .npmrc dist/",
+    "check": "npm run check:css && npm run check:lint && npm run check:types",
     "check:css": "stylelint './**/*.(js|jsx|ts|tsx)'",
     "check:lint": "echo \"Run check:lint\" && eslint .",
-    "check:tests": "echo \"Run check:tests\" && jest --passWithNoTests",
     "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --noEmit"
   },
   "pre-commit": "check",
@@ -25,68 +22,66 @@
     "@babel/core": "^7.16.5",
     "@babel/plugin-transform-runtime": "^7.16.5",
     "@babel/preset-env": "^7.16.5",
+    "@babel/preset-react": "^7.24.1",
     "@babel/runtime-corejs3": "^7.16.5",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
-    "@pushwoosh/kit-constants": "^1.5.1",
     "@pushwoosh/kit-typography": "^1.0.0",
-    "@svgr/webpack": "^5.5.0",
-    "@types/jest": "^26.0.24",
+    "@svgr/cli": "^8.1.0",
+    "@svgr/webpack": "^8.1.0",
     "@types/react": "^16.14.21",
     "@types/react-dom": "^16.9.14",
     "@types/styled-components": "^5.1.18",
     "@types/webpack-env": "^1.16.3",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
-    "babel-loader": "^8.2.3",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.3.1",
+    "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.0.2",
-    "clean-webpack-plugin": "^3.0.0",
+    "clean-webpack-plugin": "^4.0.0",
     "colors": "^1.4.0",
     "commander": "^7.2.0",
     "core-js": "^3.20.0",
     "cross-env": "^7.0.3",
-    "dotenv": "^10.0.0",
     "ejs": "^3.1.6",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-airbnb-typescript": "^14.0.2",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-compat": "^4.0.0",
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "glob": "^7.1.6",
-    "html-webpack-plugin": "^4.5.2",
-    "jest": "^26.6.3",
+    "glob": "8.1.0",
+    "html-webpack-plugin": "^5.6.0",
     "lodash": "^4.17.21",
     "pre-commit": "^1.2.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "react-refresh": "^0.11.0",
+    "react-refresh": "^0.14.0",
     "styled-components": "^5.3.3",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
-    "terser-webpack-plugin": "^4.2.3",
-    "ts-jest": "^26.5.6",
-    "ts-loader": "^8.3.0",
+    "ts-loader": "^9.5.1",
     "tslib": "^2.3.1",
-    "typescript": "^4.5.4",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.3",
+    "typescript": "^5.4.2",
+    "webpack": "^5.90.3",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4",
     "webpack-merge": "^5.8.0"
   },
   "peerDependencies": {
-    "@babel/runtime-corejs3": "^7.16.5",
-    "@pushwoosh/kit-constants": "^1.5.1",
-    "core-js": "^3.20.0",
     "react": ">= 16.14.0",
-    "styled-components": ">=5.3.3",
-    "tslib": "^2.3.1"
+    "styled-components": ">=5.3.3"
+  },
+  "overrides": {
+    "minimatch": "5.1.2",
+    "glob": "8.1.0"
   },
   "engines": {
     "node": ">= 14"
+  },
+  "dependencies": {
+    "@pushwoosh/kit-constants": "^1.5.1"
   }
 }

package/pause-round-icon/assets/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    medium: {
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    small: {
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};