@imtf/icons 0.3.3 → 0.4.0-beta.1

package/lib/esm/icons/GraphIcon.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 GraphIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/GroupIcon.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 GroupIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/HistoryIcon.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 HistoryIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/HomeIcon.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 HomeIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/HorseIcon.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 HorseIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/InboxIcon.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 InboxIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/IncomingIcon.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 IncomingIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/InfoIcon.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 InfoIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/InheritableIcon.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 InheritableIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/LegalEntityIcon.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 LegalEntityIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/LinkIcon.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 LinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/LogoIcon.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 LogoIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/MenuIcon.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 MenuIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/MoreIcon.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 MoreIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/NameScreeningIcon.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 NameScreeningIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/NaturalPersonIcon.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 NaturalPersonIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/NotFoundIcon.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 NotFoundIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/NotificationsOutlineIcon.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 NotificationsOutlineIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/OutgoingIcon.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 OutgoingIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PassivatedIcon.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 PassivatedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PassiveOriginArchiveIcon.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 PassiveOriginArchiveIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PersonIcon.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 PersonIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PinFilledIcon.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 PinFilledIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PinOutlinedIcon.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 PinOutlinedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PptIcon.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 PptIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PptLinkIcon.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 PptLinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/PreviewIcon.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 PreviewIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/RegulatoryReportingIcon.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 RegulatoryReportingIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/RemoveIcon.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 RemoveIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/RiskScoringIcon.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 RiskScoringIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/RotateRightIcon.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 RotateRightIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ScissorsIcon.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 ScissorsIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/SearchIcon.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 SearchIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/SentToArchiveIcon.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 SentToArchiveIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/SentToPassivateIcon.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 SentToPassivateIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/SidebarCollapsedIcon.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 SidebarCollapsedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/SidebarExpandedIcon.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 SidebarExpandedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/StarBorderIcon.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 StarBorderIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/StarIcon.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 StarIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/SystemBotIcon.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 SystemBotIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TableIcon.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 TableIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TaskApprovalTriggeredIcon.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 TaskApprovalTriggeredIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TaskApprovedIcon.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 TaskApprovedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TaskIcon.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 TaskIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TaskRejectedIcon.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 TaskRejectedIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TransactionsSanctionsScreeningIcon.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 TransactionsSanctionsScreeningIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/TypesIcon.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 TypesIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/ViewTreeIcon.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 ViewTreeIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/WarningIcon.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 WarningIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/WorkbenchIcon.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 WorkbenchIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/XlsIcon.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 XlsIcon = ({
   color: defaultColor,
   size,

package/lib/esm/icons/XlsLinkIcon.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 XlsLinkIcon = ({
   color: defaultColor,
   size,

package/lib/esm/providers/IconProvider/Context.d.ts

@@ -7,7 +7,7 @@ export declare const defaultContext: {
 declare const IconContext: import("react").Context<{
     color: string;
     size: string | number;
-    palette: object;
+    palette: unknown;
 }>;
 export default IconContext;
 export declare function withIconContext(Comp: React.ElementType): import("react/jsx-runtime").JSX.Element;

package/lib/esm/providers/IconProvider/IconProvider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface IconProviderProps {
-    palette?: object;
+    palette?: unknown;
     defaultColor?: string;
     defaultSize?: string | number;
     children: React.ReactNode;

package/lib/esm/providers/IconProvider/IconProvider.js

@@ -1,14 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import get from "lodash.get";
 import { useMemo } from "react";
+import get from "../../utils/get";
 import IconContext, { defaultContext } from "./Context";
 const IconProvider = ({ 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 color = useMemo(() => {
+        const color = get(palette, defaultColor ?? "");
+        return typeof color === "string" ? color : defaultColor;
+    }, [defaultColor, palette]);
     const state = useMemo(() => ({
-        color: color || defaultContext.color,
-        size: defaultSize || defaultContext.size,
-        palette: palette || defaultContext.palette,
+        color: color ?? defaultContext.color,
+        size: defaultSize ?? defaultContext.size,
+        palette: palette ?? defaultContext.palette,
     }), [defaultSize, color, palette]);
     return _jsx(IconContext.Provider, { value: state, children: children });
 };

package/lib/esm/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";
+export * from "./IconProvider/IconProvider";
+export { default as IconContext } from "./IconProvider/Context";
+export * from "./IconProvider/Context";

package/lib/esm/providers/index.js

@@ -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";
+export * from "./IconProvider/IconProvider";
+export { default as IconContext } from "./IconProvider/Context";
+export * from "./IconProvider/Context";

package/lib/esm/utils/get.d.ts

@@ -0,0 +1,2 @@
+declare const get: (obj: unknown, path: string | undefined) => unknown;
+export default get;

package/lib/esm/utils/get.js

@@ -0,0 +1,6 @@
+import { isObject } from "./isObject";
+const get = (obj, path) => isObject(obj) &&
+    path
+        ?.split(".")
+        .reduce((acc, c) => acc && acc[c], obj);
+export default get;

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

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

package/lib/esm/utils/isObject.js

@@ -0,0 +1 @@
+export const isObject = (input) => typeof input === "object" && input !== null && !Array.isArray(input);

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.3.3",
+  "version": "0.4.0-beta.1",
   "description": "Library of icons (React components, font and svg)",
   "type": "commonjs",
-  "types": "./lib/esm/index.d.ts",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
+  "types": "./lib/esm/index.d.ts",
   "sideEffects": false,
-  "repository": "ssh://git@gitlab.imtf-devops.com:2222/web/icons.git",
-  "homepage": "https://gitlab.imtf-devops.com/web/icons",
+  "homepage": "https://github.com/imtf-group/frontend-libraries",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/imtf-group/frontend-libraries.git"
+  },
   "contributors": [
     "de Moura Gabriel <gabriel.demoura@imtf.com>"
   ],
@@ -30,17 +33,14 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "dependencies": {
-    "lodash.get": "^4.4.2"
-  },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/core": "^7.24.1",
+    "@babel/preset-react": "^7.24.1",
     "@imtf/eslint-config-react": "^3.1.1",
     "@imtf/prettier-config": "^3.0.1",
     "@svgr/core": "^8.1.0",
     "@types/lodash.get": "^4.4.9",
-    "@types/react": "^18.2.65",
+    "@types/react": "^18.2.67",
     "camelcase": "^8.0.0",
     "rimraf": "^5.0.5",
     "svgo": "^3.2.0",