@imtf/icons 0.0.4 → 0.0.8

package/lib/icons/GraphIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/GroupIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/HistoryIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/HomeIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/HorseIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/InboxIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/InfoIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/InheritableIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/InkIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/LinkIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/LockIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/LogoIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/LogoutIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/MarkerIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/MenuIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/MinusIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/MoreIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/NewIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/NotFoundIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/NotificationsOutlineIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/OpenIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PermissionsIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PersonIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PinFilledIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PinOutlinedIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PlayIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PptIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PptLinkIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PreviewIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/PrintIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/QuestionnaireErrorIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/QuestionnaireIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/RemoveIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/RotateRightIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SafeOkIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SafePassiveIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SafeProgressIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/ScissorsIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SearchIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SendIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/ShieldWarningIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SidebarCollapsedIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SidebarExpandedIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SidebarIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SquareIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/StarBorderIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/StarIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/SystemBotIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/TableIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/TaskIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/ThumbnailsIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/TimelapsIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/TimelineIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/ToolsIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/TypesIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/UploadIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/ViewTreeIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/WarningIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/WatermarkIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/XlsIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/icons/XlsLinkIcon.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { SVGProps } from "react";
 import { useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';

package/lib/index.d.ts

@@ -1,2 +1,3 @@
-export * from './icons';
-export * from './src';
+export * from './providers';
+export * from './components';
+export * from './icons';

package/lib/index.js

@@ -1,2 +1,3 @@
-export * from './icons';
-export * from './src';
+export * from './providers';
+export * from './components';
+export * from './icons';

package/lib/providers/IconProvider/Context.js

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,27 @@
+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;

package/lib/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,48 +1,51 @@
-{
-  "name": "@imtf/icons",
-  "private": false,
-  "version": "0.0.4",
-  "description": "Library of icons (React components, font and svg)",
-  "module": "./lib/index.js",
-  "types": "./lib/index.d.ts",
-  "repository": "ssh://git@gitlab.imtf-devops.com:2222/web/icons.git",
-  "homepage": "https://gitlab.imtf-devops.com/web/icons",
-  "contributors": [
-    "de Moura Gabriel <gabriel.demoura@imtf.com>"
-  ],
-  "license": "MIT",
-  "files": [
-    "lib"
-  ],
-  "scripts": {
-    "start": "cd ../website && yarn && yarn start",
-    "optimize": "rimraf ./src/optimized & svgo -q -p 8 -f ./src/svg -o ./src/optimized",
-    "build": "yarn optimize && ts-node scripts/index.ts && rollup -c",
-    "watch": "rollup -cw"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-react": "^7.16.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@svgr/cli": "^6.1.1",
-    "@svgr/core": "^6.1.1",
-    "@types/react": "^17.0.35",
-    "camelcase": "^6.2.0",
-    "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"
-  },
-  "dependencies": {
-    "@types/lodash.get": "^4.4.6",
-    "cross-env": "^7.0.3",
-    "lodash.get": "^4.4.2"
-  }
-}
+{
+  "name": "@imtf/icons",
+  "private": false,
+  "version": "0.0.8",
+  "description": "Library of icons (React components, font and svg)",
+  "module": "./lib/index.js",
+  "main": "./lib/index.js",
+  "types": "./lib/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": [
+    "de Moura Gabriel <gabriel.demoura@imtf.com>"
+  ],
+  "license": "MIT",
+  "files": [
+    "lib",
+    "svg"
+  ],
+  "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",
+    "watch": "rollup -cw"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@svgr/cli": "^6.1.1",
+    "@svgr/core": "^6.1.1",
+    "@types/react": "^17.0.35",
+    "camelcase": "^6.2.0",
+    "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"
+  },
+  "dependencies": {
+    "lodash.get": "^4.4.2"
+  }
+}

package/svg/Account.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M12 0c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12S0 18.627417 0 12 5.372583 0 12 0Zm0 1.5C6.20101013 1.5 1.5 6.20101013 1.5 12c0 5.7989899 4.70101013 10.5 10.5 10.5 5.7989899 0 10.5-4.7010101 10.5-10.5 0-5.79898987-4.7010101-10.5-10.5-10.5Zm-.2631579 3.75C13.6773715 5.25 15.25 6.82262854 15.25 8.76315789c0 1.32216361-.7300559 2.47353791-1.8091161 3.07307121 2.1955711.7158449 3.7828003 2.7809788 3.7828003 5.2164025 0 .4142135-.3357864.75-.75.75s-.75-.3357865-.75-.75c0-2.2015759-1.7852662-3.9868421-3.9868421-3.9868421-2.20157591 0-3.9868421 1.7852662-3.9868421 3.9868421 0 .4142135-.33578644.75-.75.75s-.75-.3357865-.75-.75c0-2.4354237 1.58722921-4.5005576 3.783549-5.217263-1.07980889-.5986728-1.80986479-1.7500471-1.80986479-3.07221071C8.22368421 6.82262854 9.79631275 5.25 11.7368421 5.25Zm0 1.5c-1.1121022 0-2.01315789.90105567-2.01315789 2.01315789 0 1.11210223.90105569 2.01315791 2.01315789 2.01315791S13.75 9.87526012 13.75 8.76315789C13.75 7.65105567 12.8489443 6.75 11.7368421 6.75Z"/>
+</svg>