@imtf/icons 0.3.3 → 0.4.0-beta.1

package/lib/cjs/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/cjs/components/IconSVG.js

@@ -2,40 +2,48 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const lodash_get_1 = require("lodash.get");
 const Context_1 = require("../providers/IconProvider/Context");
+const get_1 = require("../utils/get");
 const IconSVG = ({ color: defaultColor, size, src, children, ...props }, ref) => {
     const defaultContextValues = (0, react_1.useContext)(Context_1.default);
     const defaultValues = {
         ...defaultContextValues,
-        color: defaultColor || defaultContextValues.color,
-        size: size || defaultContextValues.size,
-        ...props,
+        color: defaultColor ?? defaultContextValues.color,
+        size: size ?? defaultContextValues.size,
     };
-    const color = (0, react_1.useMemo)(() => (0, lodash_get_1.default)(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
+    const color = (0, react_1.useMemo)(() => {
+        const color = (0, get_1.default)(defaultValues.palette, defaultValues.color);
+        return typeof color === "string" ? color : defaultValues.color;
+    }, [defaultValues.color, defaultValues.palette]);
     (0, react_1.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_1.default.cloneElement(children, {
-        fill: color,
-        color: color,
-        width: defaultValues.size,
-        height: defaultValues.size,
-        ref: ref,
-        ...props,
-    })) : src ? ((0, jsx_runtime_1.jsx)("div", { id: "SVGWrapper" })) : null;
+    }, [color, src, children, size, defaultValues.size]);
+    if (children) {
+        return (0, react_1.cloneElement)(children, {
+            fill: color,
+            color,
+            width: defaultValues.size,
+            height: defaultValues.size,
+            ref,
+            ...props,
+        });
+    }
+    if (src) {
+        return (0, jsx_runtime_1.jsx)("div", { id: "SVGWrapper" });
+    }
+    return null;
 };
 exports.default = (0, react_1.forwardRef)(IconSVG);

package/lib/cjs/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/cjs/components/index.js

@@ -1,20 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSVG = void 0;
-var IconSVG_js_1 = require("./IconSVG.js");
-Object.defineProperty(exports, "IconSVG", { enumerable: true, get: function () { return IconSVG_js_1.default; } });
-__exportStar(require("./IconSVG.js"), exports);
+var IconSVG_1 = require("./IconSVG");
+Object.defineProperty(exports, "IconSVG", { enumerable: true, get: function () { return IconSVG_1.default; } });

package/lib/cjs/icons/AccountEntityIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AccountEntityIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/AccountIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AccountIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ActiveOriginArchiveIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ActiveOriginArchiveIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/AddIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AddIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/AdminIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AdminIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/AlertCircleIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AlertCircleIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/AlertIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AlertIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/AntiMoneyLaundringIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const AntiMoneyLaundringIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ArchivedIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ArchivedIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/BackgroundSearchIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const BackgroundSearchIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/BaseDefaultIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const BaseDefaultIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/BindersIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const BindersIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/BinocularsIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const BinocularsIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/BookmarksIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const BookmarksIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CancelIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CancelIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CaseManagerIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CaseManagerIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CheckIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CheckIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ChevronDownIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ChevronDownIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ChevronLeftIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ChevronLeftIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ChevronRightIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ChevronRightIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ChevronUpIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ChevronUpIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CollectSignatureIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CollectSignatureIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CommentIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CommentIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CompareIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CompareIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ComposeFilled1Icon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ComposeFilled1Icon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ComposeFilled2Icon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ComposeFilled2Icon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/CustomerIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const CustomerIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DashboardIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DashboardIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DefaultIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DefaultIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DeleteIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DeleteIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DocIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DocIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DocLinkIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DocLinkIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DocumentIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DocumentIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DossierIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DossierIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DownloadIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DownloadIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/DragHandleIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const DragHandleIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EditIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EditIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EditSignatureIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EditSignatureIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EmptyNotificationIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EmptyNotificationIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EntityIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EntityIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EraseIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EraseIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/ExpandContentIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const ExpandContentIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EyeIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EyeIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/EyeOffIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const EyeOffIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FileIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FileIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FileImageIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FileImageIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FileImageLinkIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FileImageLinkIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FileLinkIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FileLinkIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FilePdfIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FilePdfIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FilePdfLinkIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FilePdfLinkIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FileStackIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FileStackIcon = ({
   color: defaultColor,
   size,

package/lib/cjs/icons/FloppyFilledIcon.js

@@ -7,7 +7,7 @@ const {
 const {
   IconContext
 } = require('../providers');
-const get = require('lodash.get');
+const get = require('../utils/get');
 const FloppyFilledIcon = ({
   color: defaultColor,
   size,