@nuskin/foundation-ui-components 1.26.0 → 1.26.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.26.0",
+    "version": "1.26.1",
     "description": "It is a foundation library written in react, that provides common components to all UI pages",
     "main": "src/common/index.ts",
     "repository": {
@@ -35,6 +35,7 @@
         "test": "next build && jest --coverage",
         "test:pattern": "jest --coverage --testNamePattern accordion/*",
         "test:watch": "jest --watch",
+        "test:update-snapshot": "jest -u",
         "test:failed": "npx jest --onlyFailures",
         "test:coverage": "jest --coverage",
         "types:check": "tsc --pretty --noEmit"

package/src/common/accordion/specs/NsCollapse.spec.tsx

@@ -1,6 +1,7 @@
-import React from 'react';
+import { AccordionItem, AccordionVariant, NsCollapse } from '@/common/index';
 import { render, screen } from '@/test-utils/index';
-import { NsCollapse, AccordionVariant, AccordionItem } from '@/common/index';
+import React from 'react';
+
 import { createAccordionItem3_1 } from '../stories/data';
 
 describe('NsCollapse', () => {
@@ -53,8 +54,8 @@ describe('NsCollapse', () => {
                 level={0}
             />
         );
-        expect(getByText(content[0].title)).toBeInTheDocument();
-        expect(getByText(content[1].title)).toBeInTheDocument();
+        expect(getByText(content[0].title as string)).toBeInTheDocument();
+        expect(getByText(content[1].title as string)).toBeInTheDocument();
     });
 
     it('4. does not render children when isOpen is false', () => {

package/src/common/autocomplete/NsAutocomplete.tsx

@@ -1,30 +1,12 @@
-import React, {
-    PropsWithChildren,
-    useEffect,
-    useRef,
-    useState,
-} from 'react';
-
-import {
-    Autocomplete,
-    AutocompleteRenderInputParams,
-    Popper,
-} from '@mui/material';
+import { Autocomplete, AutocompleteRenderInputParams } from '@mui/material';
+import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
 
 import { LineLoader } from './helper/LineLoader';
 import { RecentClearAll } from './helper/RecentClearAll';
-import {
-    renderGroupBy,
-    renderGroupName,
-    renderOptionLabel,
-} from './helper/renderGroupName';
+import { renderGroupBy, renderGroupName, renderOptionLabel } from './helper/renderGroupName';
 import { SeeMoreButton } from './helper/SeeMoreButton';
-import { StyledPopper, StyledTextField } from './NsAutocomplete.styled';
-import {
-    ComponentBoxProps,
-    NsAutocompleteProps,
-    OptionsProps,
-} from './types.d';
+import { StyledTextField } from './NsAutocomplete.styled';
+import { ComponentBoxProps, NsAutocompleteProps, OptionsProps } from './types.d';
 
 const noop = () => {};
 const NsAutocomplete = ({
@@ -45,7 +27,7 @@ const NsAutocomplete = ({
     inputValue,
     value,
     isFilterEnabled = true,
-    fullWidth
+    fullWidth,
 }: PropsWithChildren<NsAutocompleteProps>) => {
     const [scrollTopPosition, setScrollTopPosition] = useState(0);
     const listboxRef = useRef<HTMLUListElement | null>(null);
@@ -122,7 +104,7 @@ const NsAutocomplete = ({
                 getOptionLabel={renderOptionLabel}
                 renderOption={renderOption as any}
                 renderInput={renderInput}
-                PopperComponent={fullWidth ? StyledPopper : Popper}
+                // PopperComponent={fullWidth ? StyledPopper : Popper} // TODO:https://code.tls.nuskin.io/ns-am/content-foundation/nuskin-app/-/jobs/1355817
                 ListboxComponent={renderListBoxComponent as any}
                 renderGroup={renderGroupName}
                 onChange={onChange}

package/src/common/button/__snapshots__/NsButton.spec.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Button /> 1. should match snapshot 1`] = `
+exports[`<Button /> 0. should match snapshot 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;