@pushwoosh/kit-icons 2.0.6 → 2.0.8

package/menu-icon/menu-icon.component.js

@@ -2,12 +2,23 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function MenuIcon(props) {
-    const { boxRef, size, ...rest } = props;
-    const Icon = AssetMap[size];
-    if (Icon == null) {
-        console.error('[MenuIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size];
+  if (Icon == null) {
+    console.error('[MenuIcon]: 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/menu-icon/menu-icon.types.js

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

package/minus-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import MinusMediumIcon from "./name_minus_size_medium.js";
 import MinusSmallIcon from "./name_minus_size_small.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': MinusMediumIcon,
   'small': MinusSmallIcon
 };

package/minus-icon/index.js

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

package/minus-icon/minus-icon.component.js

@@ -2,12 +2,23 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function MinusIcon(props) {
-    const { boxRef, size, ...rest } = props;
-    const Icon = AssetMap[size];
-    if (Icon == null) {
-        console.error('[MinusIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size];
+  if (Icon == null) {
+    console.error('[MinusIcon]: 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/minus-icon/minus-icon.types.js

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

package/minus-round-icon/assets/index.js

@@ -5,7 +5,7 @@ import MinusRoundMediumFilledIcon from "./name_minus_round_size_medium_view_fill
 import MinusRoundMediumLinedIcon from "./name_minus_round_size_medium_view_lined.js";
 import MinusRoundSmallFilledIcon from "./name_minus_round_size_small_view_filled.js";
 import MinusRoundSmallLinedIcon from "./name_minus_round_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': MinusRoundMediumFilledIcon,
     'lined': MinusRoundMediumLinedIcon

package/minus-round-icon/index.js

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

package/minus-round-icon/minus-round-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function MinusRoundIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[MinusRoundIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[MinusRoundIcon]: 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/minus-round-icon/minus-round-icon.types.js

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

package/more-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import MoreMediumIcon from "./name_more_size_medium.js";
 import MoreSmallIcon from "./name_more_size_small.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': MoreMediumIcon,
   'small': MoreSmallIcon
 };

package/more-icon/index.js

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

package/more-icon/more-icon.component.js

@@ -2,12 +2,23 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function MoreIcon(props) {
-    const { boxRef, size, ...rest } = props;
-    const Icon = AssetMap[size];
-    if (Icon == null) {
-        console.error('[MoreIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size];
+  if (Icon == null) {
+    console.error('[MoreIcon]: 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/more-icon/more-icon.types.js

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

package/notes-list-icon/assets/index.js

@@ -2,7 +2,7 @@
 /* eslint @typescript-eslint/comma-dangle: off */
 
 import NotesListMediumLinedIcon from "./name_notes_list_size_medium_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'lined': NotesListMediumLinedIcon
   }

package/notes-list-icon/index.js

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

package/notes-list-icon/notes-list-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function NotesListIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[NotesListIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[NotesListIcon]: 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/notes-list-icon/notes-list-icon.types.js

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

package/notification-icon/assets/index.js

@@ -13,7 +13,7 @@ import NotificationSmallEnabledFilledIcon from "./name_notification_size_small_t
 import NotificationSmallEnabledLinedIcon from "./name_notification_size_small_type_enabled_view_lined.js";
 import NotificationSmallSilentFilledIcon from "./name_notification_size_small_type_silent_view_filled.js";
 import NotificationSmallSilentLinedIcon from "./name_notification_size_small_type_silent_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'disabled': {
       'filled': NotificationMediumDisabledFilledIcon,

package/notification-icon/index.js

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

package/notification-icon/notification-icon.component.js

@@ -2,12 +2,25 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function NotificationIcon(props) {
-    const { boxRef, size, type, view, ...rest } = props;
-    const Icon = AssetMap[size][type][view];
-    if (Icon == null) {
-        console.error('[NotificationIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    type,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][type][view];
+  if (Icon == null) {
+    console.error('[NotificationIcon]: 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/notification-icon/notification-icon.types.js

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

package/open-icon/assets/index.js

@@ -4,7 +4,7 @@
 import OpenMediumFilledIcon from "./name_open_size_medium_view_filled.js";
 import OpenMediumLinedIcon from "./name_open_size_medium_view_lined.js";
 import OpenSmallLinedIcon from "./name_open_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': OpenMediumFilledIcon,
     'lined': OpenMediumLinedIcon

package/open-icon/index.js

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

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

@@ -2,12 +2,24 @@ 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)));
-}
+  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.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-icons",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -8,23 +8,15 @@
   "sideEffects": false,
   "scripts": {
     "start": "npm run playground",
-    "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",
-    "production:library": "tsc --project tsconfig.library.json",
-    "production:icons": "cross-env NODE_ENV=production 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)'",
+    "build": "pushwoosh-engine lib:build && node ./scripts/bundleSVG.js",
+    "playground": "pushwoosh-engine lib:playground",
+    "check": "npm run check:lint && npm run check:types",
     "check:lint": "echo \"Run check:lint\" && eslint .",
-    "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --noEmit"
+    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
   "devDependencies": {
-    "@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",
+    "@pushwoosh/frontend-builder-engine": "^0.1.4",
     "@pushwoosh/kit-typography": "^1.0.0",
     "@svgr/cli": "^8.1.0",
     "@svgr/core": "^8.1.0",
@@ -32,16 +24,9 @@
     "@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": "^7.3.1",
     "@typescript-eslint/parser": "^7.3.1",
-    "babel-loader": "^9.1.3",
-    "babel-plugin-styled-components": "^2.0.2",
-    "clean-webpack-plugin": "^4.0.0",
     "colors": "^1.4.0",
-    "commander": "^7.2.0",
-    "core-js": "^3.20.0",
-    "cross-env": "^7.0.3",
     "ejs": "^3.1.6",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
@@ -52,36 +37,19 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "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.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",
-    "ts-loader": "^9.5.1",
-    "tslib": "^2.3.1",
-    "typescript": "^5.4.2",
-    "webpack": "^5.90.3",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4",
-    "webpack-merge": "^5.8.0"
+    "webpack-merge": "^5.10.0"
   },
   "peerDependencies": {
     "react": ">= 16.14.0",
     "styled-components": ">=5.3.3"
   },
-  "overrides": {
-    "minimatch": "5.1.2",
-    "glob": "8.1.0"
-  },
   "engines": {
-    "node": ">= 14"
+    "node": ">= 18"
   },
   "dependencies": {
     "@pushwoosh/kit-constants": "^1.5.1"

package/pause-round-icon/assets/index.js

@@ -5,7 +5,7 @@ import PauseRoundMediumFilledIcon from "./name_pause_round_size_medium_view_fill
 import PauseRoundMediumLinedIcon from "./name_pause_round_size_medium_view_lined.js";
 import PauseRoundSmallFilledIcon from "./name_pause_round_size_small_view_filled.js";
 import PauseRoundSmallLinedIcon from "./name_pause_round_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': PauseRoundMediumFilledIcon,
     'lined': PauseRoundMediumLinedIcon

package/pause-round-icon/index.js

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

package/pause-round-icon/pause-round-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function PauseRoundIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[PauseRoundIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[PauseRoundIcon]: 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/pause-round-icon/pause-round-icon.types.js

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

package/photo-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import PhotoMediumFilledIcon from "./name_photo_size_medium_view_filled.js";
 import PhotoMediumLinedIcon from "./name_photo_size_medium_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': PhotoMediumFilledIcon,
     'lined': PhotoMediumLinedIcon

package/photo-icon/index.js

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

package/photo-icon/photo-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function PhotoIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[PhotoIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[PhotoIcon]: 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/photo-icon/photo-icon.types.js

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

package/place-icon/assets/index.js

@@ -4,7 +4,7 @@
 import PlaceMediumLinedIcon from "./name_place_size_medium_view_lined.js";
 import PlaceSmallFilledIcon from "./name_place_size_small_view_filled.js";
 import PlaceSmallLinedIcon from "./name_place_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': null,
     'lined': PlaceMediumLinedIcon

package/place-icon/index.js

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

package/place-icon/place-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function PlaceIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[PlaceIcon]: 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)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[PlaceIcon]: 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/place-icon/place-icon.types.js

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

package/platform-logo-icon/assets/index.js

@@ -14,7 +14,7 @@ import OSXFilledIcon from "./osx_filled.js";
 import SafariFilledIcon from "./safari_filled.js";
 import WindowsFilledIcon from "./windows_filled.js";
 import XiaomiFilledIcon from "./xiaomi_filled.js";
-export var AssetMap = {
+export const AssetMap = {
   amazon: {
     filled: AmazonFilledIcon,
     lined: null

package/platform-logo-icon/index.js

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