@moda/om 16.2.0 → 16.2.1

package/src/utilities/States/State.tsx

@@ -4,6 +4,7 @@ import { StatesProps } from './StatesProps';
 import './State.scss';
 
 interface Props {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   props: any;
   children: JSX.Element | RenderProps;
 }
@@ -13,10 +14,10 @@ export const State: React.FC<Props> = ({ props, children, ...rest }) => {
   const innerChildren = isRenderProps(children) ? children(props) : children;
 
   return (
-    <div className='State' {...rest}>
+    <div className="State" {...rest}>
       {Specimen}
 
-      <code className='State__props'>
+      <code className="State__props">
         <StatesProps props={props}>{innerChildren}</StatesProps>
       </code>
     </div>

package/src/utilities/States/States.tsx

@@ -4,15 +4,16 @@ import { State } from './State';
 import './States.scss';
 
 export interface Props {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   states?: any[];
   children: JSX.Element | RenderProps;
 }
 
 export const States: React.FC<Props> = ({ states = [{}], children, ...rest }) => {
   return (
-    <div className='States'>
-      {states.map((props, i) => (
-        <State key={i} props={props} {...rest}>
+    <div className="States">
+      {states.map((props, index) => (
+        <State key={index} props={props} {...rest}>
           {children}
         </State>
       ))}

package/src/utilities/States/StatesProps.tsx

@@ -1,22 +1,25 @@
 import React from 'react';
 import { Stack } from '../../components/Stack';
+import { omit } from '../omit';
 import { isRenderProps } from './isRenderProps';
 import { stringifyProps } from './stringifyProps';
-import { omit } from '../omit';
 import './StatesProps.scss';
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 interface Props {
   children: any;
   props: any;
 }
+/* eslint-enable @typescript-eslint/no-explicit-any */
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const isEmpty = (obj?: any) => Object.entries(obj || {}).length === 0;
 
 export const StatesProps: React.FC<Props> = ({ props, children }) => {
   const childrenProps = omit(children.props, ...Object.keys(props || {}));
 
   return (
-    <Stack className='StatesProps' space={2} direction='horizontal'>
+    <Stack className="StatesProps" space={2} direction="horizontal">
       <span>{children.type.displayName || children.type.name}</span>
       {!isEmpty(props) && <strong>{stringifyProps(props)}</strong>}
       {!isRenderProps(children) && !isEmpty(childrenProps) && (

package/src/utilities/States/isRenderProps.ts

@@ -1,4 +1,5 @@
 export type RenderProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (props: any): JSX.Element;
 };
 

package/src/utilities/States/stringifyProps.tsx

@@ -4,6 +4,7 @@ const truncate = (string: string, maxLength = 25) => {
   return `${string.substring(0, maxLength)}${ellipsis ? '...' : ''}`;
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const stringifyProps = (props: any) => {
   const stringifiedProps = Object.entries(props || {}).reduce((memo: string, [key, value]) => {
     if (key === 'children') return `${memo} children={...}`;