@nuskin/foundation-ui-components 1.8.0 → 1.8.1-738-v2.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.8.0",
+    "version": "1.8.1-738-v2.2",
     "description": "It is a foundation library written in react, that provides common components to all UI pages",
     "main": "src/common/index.ts",
     "repository": {

package/src/common/accordion/NsAccordion.tsx

@@ -1,5 +1,6 @@
-import React, { FC, useMemo } from 'react';
-import { NsAccordionItem, useAccordionMap, NsAccordionProps, AccordionItem } from '..';
+import React, { useMemo } from 'react';
+
+import { AccordionItem, NsAccordionItem, NsAccordionProps, useAccordionMap } from '..';
 import { StyledAccordionWrapper } from './ToggleSection.styled';
 
 /**
@@ -13,7 +14,7 @@ import { StyledAccordionWrapper } from './ToggleSection.styled';
  * is false then only first item of default open is made open
  */
 const createKey = (item: AccordionItem, index: number) => item?.id + index;
-const NsAccordion: FC<NsAccordionProps> = ({
+const NsAccordion = ({
     allowMultipleExpanded,
     invert,
     level,
@@ -24,7 +25,7 @@ const NsAccordion: FC<NsAccordionProps> = ({
     openedIconName,
     additionalProps,
     isChild = false,
-}) => {
+}: NsAccordionProps) => {
     const defaultOpenIds = useMemo(() => {
         return items
             ?.map?.((content, index) => (content?.isDefaultOpen ? createKey(content, index) : null))

package/src/common/autocomplete/NsAutocomplete.tsx

@@ -6,6 +6,7 @@ import { renderGroupBy, renderGroupName, renderOptionLabel } from './helper/rend
 import { SeeMoreButton } from './helper/SeeMoreButton';
 import { StyledTextField } from './NsAutocomplete.styled';
 import { ComponentBoxProps, NsAutocompleteProps, OptionsProps } from './types.d';
+
 const noop = () => {};
 const NsAutocomplete = ({
     id = 'custom_autocomplete_dropdown',
@@ -93,9 +94,9 @@ const NsAutocomplete = ({
                 noOptionsText={noOptionsText}
                 groupBy={renderGroupBy}
                 getOptionLabel={renderOptionLabel}
-                renderOption={renderOption}
+                renderOption={renderOption as any}
                 renderInput={renderInput}
-                ListboxComponent={renderListBoxComponent}
+                ListboxComponent={renderListBoxComponent as any}
                 renderGroup={renderGroupName}
                 onChange={onChange}
                 onInputChange={onInputChange}

package/src/common/input/NsInputField.tsx

@@ -69,7 +69,7 @@ const NsInputField = (props: NsInputFieldProps) => {
                     disabled={disabled}
                     error={fieldState === 'error' && !disabled}
                 >
-                    {label}
+                    {label as any}
                 </NsLabel>
             ) : null}
             <InputWrapper fieldState={fieldState} data-testid={additionalProps?.testid ?? 'ns-input-field'}>