@imtf/icons 0.0.4 → 0.0.5

package/lib/{src/components → components}/IconSVG.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from 'react';
-interface IconSVGProps {
-    color?: string;
-    size?: string | number;
-    src?: string;
-    children?: ReactElement;
-}
-declare const IconSVG: React.FC<IconSVGProps>;
-export default IconSVG;
+import React, { ReactElement } from 'react';
+interface IconSVGProps {
+    color?: string;
+    size?: string | number;
+    src?: string;
+    children?: ReactElement;
+}
+declare const IconSVG: React.FC<IconSVGProps>;
+export default IconSVG;

package/lib/components/IconSVG.js

@@ -0,0 +1,38 @@
+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);
+            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: size, height: size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
+};
+export default IconSVG;

package/lib/{src/components → components}/index.d.ts

@@ -1,2 +1,2 @@
-export { default as IconSVG } from './IconSVG.js';
-export * from './IconSVG.js';
+export { default as IconSVG } from './IconSVG.js';
+export * from './IconSVG.js';

package/lib/components/index.js

@@ -0,0 +1,2 @@
+export { default as IconSVG } from './IconSVG.js';
+export * from './IconSVG.js';

package/lib/icons/AccountIcon.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/AddCircleIcon.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/AddIcon.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/AdminIcon.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/AlertCircleIcon.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/AlertCircleOutlinedIcon.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/AlertIcon.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/AlertLightIcon.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/AnnotationsIcon.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/AppIcon.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/ArrowDropDownIcon.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/BackIcon.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/BaseDefaultIcon.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/BindersIcon.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/BinocularsIcon.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/BookmarksIcon.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/BusinessIcon.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/CalendarIcon.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/CancelIcon.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/CaseManagerIcon.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/CheckIcon.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/ChevronDownIcon.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/ChevronLeftIcon.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/ChevronRightIcon.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/ChevronUpIcon.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/CircleIcon.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/CollapseAllIcon.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/CommentIcon.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/CommentResolvedIcon.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/CommentUnresolvedIcon.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/CompareIcon.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/ComposeFilled1Icon.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/ComposeFilled2Icon.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/ComposeIcon.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/ConfigurationIcon.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/CustomerIcon.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/DashboardIcon.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/DefaultIcon.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/DeleteIcon.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/DetailsIcon.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/DocIcon.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/DocLinkIcon.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/DocumentIcon.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/DossierIcon.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/DownloadIcon.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/DragHandleIcon.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/DragIcon.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/DropZoneIcon.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/DuplicateIcon.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/EditIcon.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/EditedIcon.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/EmptyNotificationIcon.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/EntityIcon.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/EraseIcon.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/ExpandContentIcon.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/ExternalLinkIcon.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/EyeIcon.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/FileArchiveIcon.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/FileIcon.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/FileImageIcon.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/FileImageLinkIcon.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/FileLinkIcon.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/FilePdfIcon.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/FilePdfLinkIcon.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/FileStackIcon.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/FlagIcon.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/FloppyFilledIcon.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/FloppyIcon.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/FolderAddIcon.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/FolderIcon.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/FolderOpenIcon.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/FolderTemplateIcon.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/FormIcon.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/FullscreenIcon.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/GaugeIcon.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/GaugeLightIcon.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';