@imtf/icons 0.0.3 → 0.0.7

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,9 +1,10 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.7",
   "description": "Library of icons (React components, font and svg)",
   "module": "./lib/index.js",
+  "main": "./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",
@@ -12,12 +13,13 @@
   ],
   "license": "MIT",
   "files": [
-    "lib"
+    "lib",
+    "svg"
   ],
   "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 +40,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/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>

package/svg/Add.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M11 5v14c0 .5522847.4477153 1 1 1s1-.4477153 1-1V5c0-.55228475-.4477153-1-1-1s-1 .44771525-1 1Zm-6 8h14c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1Z"/>
+</svg>