@imtf/icons 0.0.6 → 0.0.10

package/lib/esm/providers/IconProvider/IconProvider.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import get from 'lodash.get';
+import IconContext, { defaultContext } from './Context';
+var IconProvider = function (_a) {
+    var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
+    // Checks if default color comes from the palette, else we take default color value
+    var color = useMemo(function () { return get(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
+    var defaultValue = useMemo(function () {
+        return Object.entries({
+            size: defaultSize,
+            color: color,
+            palette: palette,
+        }).reduce(function (acc, _a) {
+            var _b;
+            var key = _a[0], value = _a[1];
+            return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
+        }, {});
+    }, [defaultSize, color, palette]);
+    return (_jsx(IconContext.Provider, __assign({ value: __assign(__assign(__assign({}, defaultContext), props), defaultValue) }, { children: children }), void 0));
+};
+export default IconProvider;

package/lib/esm/providers/index.js

@@ -0,0 +1,4 @@
+export { default as IconProvider } from './IconProvider/IconProvider.js';
+export * from './IconProvider/IconProvider.js';
+export { default as IconContext } from './IconProvider/Context.js';
+export * from './IconProvider/Context.js';

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.10",
   "description": "Library of icons (React components, font and svg)",
-  "module": "./lib/index.js",
-  "types": "./lib/index.d.ts",
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/esm/index.d.ts",
+  "sideEffects": "false",
   "repository": "ssh://git@gitlab.imtf-devops.com:2222/web/icons.git",
   "homepage": "https://gitlab.imtf-devops.com/web/icons",
   "contributors": [
@@ -18,7 +20,9 @@
   "scripts": {
     "start": "cd ../website && yarn && yarn start",
     "optimize": "rimraf ./src/optimized & svgo -q -p 8 -f ./src/svg -o ./src/optimized",
-    "build": "rimraf ./lib && tsc && yarn optimize && ts-node scripts/index.ts",
+    "build:esm": "tsc --module es2015 --target es5 --outDir lib/esm",
+    "build:cjs": "tsc --module commonjs --target es5 --outDir lib/cjs",
+    "build": "rimraf ./lib && yarn build:esm && yarn build:cjs && yarn optimize && ts-node scripts/index.ts",
     "watch": "rollup -cw"
   },
   "peerDependencies": {
@@ -32,16 +36,16 @@
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@svgr/cli": "^6.1.1",
     "@svgr/core": "^6.1.1",
+    "@types/lodash.get": "^4.4.6",
     "@types/react": "^17.0.35",
     "camelcase": "^6.2.0",
+    "cross-env": "^7.0.3",
     "rimraf": "^3.0.2",
     "rollup": "^2.60.0",
     "rollup-plugin-typescript2": "^0.31.0",
     "svgo": "^2.8.0",
     "ts-node": "^10.4.0",
-    "typescript": "^4.4.4",
-    "cross-env": "^7.0.3",
-    "@types/lodash.get": "^4.4.6"
+    "typescript": "^4.4.4"
   },
   "dependencies": {
     "lodash.get": "^4.4.2"

package/lib/components/IconSVG.js

@@ -1,38 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext, useEffect, useMemo } from 'react';
-import get from 'lodash.get';
-import IconContext from '../providers/IconProvider/Context';
-const IconSVG = (_a) => {
-    var { color: defaultColor, size, src, children } = _a, props = __rest(_a, ["color", "size", "src", "children"]);
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = Object.assign(Object.assign(Object.assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
-    const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-    useEffect(() => {
-        if (src && !children) {
-            const wrapper = document.getElementById('SVGWrapper');
-            wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
-            const svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
-            const path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
-            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
-                : defaultValues.size);
-            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
-                : defaultValues.size);
-            path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
-        }
-    }, [color, src, children, size]);
-    return children ? (React.cloneElement(children, Object.assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
-};
-export default IconSVG;

package/lib/providers/IconProvider/Context.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext } from 'react';
-export const defaultContext = {
-    color: 'currentColor',
-    size: 24,
-    palette: {},
-};
-const IconContext = createContext(defaultContext);
-export default IconContext;
-export function withIconContext(Comp) {
-    return (props) => (_jsx(IconContext.Consumer, { children: contextValue => _jsx(Comp, Object.assign({}, props, contextValue), void 0) }, void 0));
-}

package/lib/providers/IconProvider/IconProvider.js

@@ -1,27 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import get from 'lodash.get';
-import IconContext, { defaultContext } from './Context';
-const IconProvider = (_a) => {
-    var { palette, defaultColor, defaultSize, children } = _a, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
-    // Checks if default color comes from the palette, else we take default color value
-    const color = useMemo(() => get(palette, defaultColor || '', defaultColor), [defaultColor, palette]);
-    const defaultValue = useMemo(() => Object.entries({
-        size: defaultSize,
-        color,
-        palette,
-    }).reduce((acc, [key, value]) => (!!value ? Object.assign(Object.assign({}, acc), { [key]: value }) : acc), {}), [defaultSize, color, palette]);
-    return (_jsx(IconContext.Provider, Object.assign({ value: Object.assign(Object.assign(Object.assign({}, defaultContext), props), defaultValue) }, { children: children }), void 0));
-};
-export default IconProvider;