@imtf/icons 0.3.3 → 0.4.0-beta.1

package/lib/cjs/utils/get.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const isObject_1 = require("./isObject");
+const get = (obj, path) => (0, isObject_1.isObject)(obj) &&
+    path
+        ?.split(".")
+        .reduce((acc, c) => acc && acc[c], obj);
+exports.default = get;

package/lib/cjs/utils/isObject.d.ts

@@ -0,0 +1 @@
+export declare const isObject: (input: unknown) => input is Record<string, unknown>;

package/lib/cjs/utils/isObject.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObject = void 0;
+const isObject = (input) => typeof input === "object" && input !== null && !Array.isArray(input);
+exports.isObject = isObject;

package/lib/esm/components/IconSVG.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from 'react';
-interface IconSVGProps {
+import { ReactElement } from "react";
+type IconSVGProps = {
     color?: string;
     size?: string | number;
     src?: string;
     children?: ReactElement;
-}
-declare const _default: React.ForwardRefExoticComponent<IconSVGProps & React.RefAttributes<React.FC<{}>>>;
+};
+declare const _default: import("react").ForwardRefExoticComponent<IconSVGProps & import("react").RefAttributes<import("react").FC<{}>>>;
 export default _default;

package/lib/esm/components/IconSVG.js

@@ -1,39 +1,47 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext, useEffect, useMemo, forwardRef, } from 'react';
-import get from 'lodash.get';
-import IconContext from '../providers/IconProvider/Context';
+import { cloneElement, forwardRef, useContext, useEffect, useMemo, } from "react";
+import IconContext from "../providers/IconProvider/Context";
+import get from "../utils/get";
 const IconSVG = ({ color: defaultColor, size, src, children, ...props }, ref) => {
     const defaultContextValues = useContext(IconContext);
     const defaultValues = {
         ...defaultContextValues,
-        color: defaultColor || defaultContextValues.color,
-        size: size || defaultContextValues.size,
-        ...props,
+        color: defaultColor ?? defaultContextValues.color,
+        size: size ?? defaultContextValues.size,
     };
-    const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+    const color = useMemo(() => {
+        const color = get(defaultValues.palette, defaultValues.color);
+        return typeof color === "string" ? 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 wrapper = document.getElementById("SVGWrapper");
+            wrapper.innerHTML = atob(src.startsWith("data") ? src.split(",")[1] : src);
             const svg = wrapper?.children;
             const path = svg?.[0].firstElementChild;
-            svg?.[0].setAttribute('width', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
+            svg?.[0].setAttribute("width", typeof defaultValues.size === "number"
+                ? defaultValues.size + "px"
                 : defaultValues.size);
-            svg?.[0].setAttribute('height', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
+            svg?.[0].setAttribute("height", typeof defaultValues.size === "number"
+                ? defaultValues.size + "px"
                 : defaultValues.size);
-            path?.setAttribute('fill', color);
-            path?.setAttribute('color', color);
+            path?.setAttribute("fill", color);
+            path?.setAttribute("color", color);
         }
-    }, [color, src, children, size]);
-    return children ? (React.cloneElement(children, {
-        fill: color,
-        color: color,
-        width: defaultValues.size,
-        height: defaultValues.size,
-        ref: ref,
-        ...props,
-    })) : src ? (_jsx("div", { id: "SVGWrapper" })) : null;
+    }, [color, src, children, size, defaultValues.size]);
+    if (children) {
+        return cloneElement(children, {
+            fill: color,
+            color,
+            width: defaultValues.size,
+            height: defaultValues.size,
+            ref,
+            ...props,
+        });
+    }
+    if (src) {
+        return _jsx("div", { id: "SVGWrapper" });
+    }
+    return null;
 };
 export default forwardRef(IconSVG);

package/lib/esm/components/index.d.ts

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

package/lib/esm/components/index.js

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

package/lib/esm/icons/AccountEntityIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AccountEntityIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/AccountIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AccountIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ActiveOriginArchiveIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ActiveOriginArchiveIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/AddIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AddIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/AdminIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AdminIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/AlertCircleIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AlertCircleIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/AlertIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AlertIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/AntiMoneyLaundringIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const AntiMoneyLaundringIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ArchivedIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ArchivedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/BackgroundSearchIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const BackgroundSearchIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/BaseDefaultIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const BaseDefaultIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/BindersIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const BindersIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/BinocularsIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const BinocularsIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/BookmarksIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const BookmarksIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CancelIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CancelIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CaseManagerIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CaseManagerIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CheckIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CheckIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ChevronDownIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ChevronDownIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ChevronLeftIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ChevronLeftIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ChevronRightIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ChevronRightIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ChevronUpIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ChevronUpIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CollectSignatureIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CollectSignatureIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CommentIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CommentIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CompareIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CompareIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ComposeFilled1Icon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ComposeFilled1Icon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ComposeFilled2Icon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ComposeFilled2Icon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/CustomerIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const CustomerIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DashboardIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DashboardIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DefaultIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DefaultIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DeleteIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DeleteIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DocIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DocIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DocLinkIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DocLinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DocumentIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DocumentIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DossierIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DossierIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DownloadIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DownloadIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/DragHandleIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const DragHandleIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EditIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EditIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EditSignatureIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EditSignatureIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EmptyNotificationIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EmptyNotificationIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EntityIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EntityIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EraseIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EraseIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ExpandContentIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const ExpandContentIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EyeIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EyeIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/EyeOffIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const EyeOffIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FileIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FileIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FileImageIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FileImageIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FileImageLinkIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FileImageLinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FileLinkIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FileLinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FilePdfIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FilePdfIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FilePdfLinkIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FilePdfLinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FileStackIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FileStackIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FloppyFilledIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FloppyFilledIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FolderIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FolderIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FolderTemplateIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FolderTemplateIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/FraudDetectionPreventionIcon.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../providers';
-import get from 'lodash.get';
+import get from '../utils/get';
 const FraudDetectionPreventionIcon = ({
   color: defaultColor,
   size,