@imtf/icons 0.0.4 → 0.0.5

package/lib/icons/GenerateFileIcon.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/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/{src/providers → providers}/IconProvider/Context.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-export declare const defaultContext: {
-    color: string;
-    size: number;
-    palette: {};
-};
-declare const IconContext: React.Context<{
-    color: string;
-    size: number;
-    palette: {};
-}>;
-export default IconContext;
-export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;
+import React from 'react';
+export declare const defaultContext: {
+    color: string;
+    size: number;
+    palette: {};
+};
+declare const IconContext: React.Context<{
+    color: string;
+    size: number;
+    palette: {};
+}>;
+export default IconContext;
+export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;

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/{src/providers → providers}/IconProvider/IconProvider.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare const IconProvider: React.FC<IconProviderProps>;
-export default IconProvider;
-export interface IconProviderProps {
-    palette?: object;
-    defaultColor?: string;
-    defaultSize?: string | number;
-    children: React.ReactNode;
-}
+import React from 'react';
+declare const IconProvider: React.FC<IconProviderProps>;
+export default IconProvider;
+export interface IconProviderProps {
+    palette?: object;
+    defaultColor?: string;
+    defaultSize?: string | number;
+    children: React.ReactNode;
+}

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/{src/providers → providers}/index.d.ts

@@ -1,4 +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';
+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/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,7 +1,7 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Library of icons (React components, font and svg)",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
@@ -17,7 +17,7 @@
   "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",
+    "build": "rimraf ./lib && tsc && yarn optimize && ts-node scripts/index.ts",
     "watch": "rollup -cw"
   },
   "peerDependencies": {
@@ -38,11 +38,11 @@
     "rollup-plugin-typescript2": "^0.31.0",
     "svgo": "^2.8.0",
     "ts-node": "^10.4.0",
-    "typescript": "^4.4.4"
+    "typescript": "^4.4.4",
+    "cross-env": "^7.0.3",
+    "@types/lodash.get": "^4.4.6"
   },
   "dependencies": {
-    "@types/lodash.get": "^4.4.6",
-    "cross-env": "^7.0.3",
     "lodash.get": "^4.4.2"
   }
 }

package/lib/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from './providers';
-export * from './components';