@nuskin/foundation-ui-components 1.26.1-pipeline-fix.1 → 1.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuskin/foundation-ui-components",
3
- "version": "1.26.1-pipeline-fix.1",
3
+ "version": "1.27.0",
4
4
  "description": "It is a foundation library written in react, that provides common components to all UI pages",
5
5
  "main": "src/common/index.ts",
6
6
  "repository": {
@@ -1,11 +1,11 @@
1
- import { Autocomplete, AutocompleteRenderInputParams } from '@mui/material';
1
+ import { Autocomplete, AutocompleteRenderInputParams, Popper } from '@mui/material';
2
2
  import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
3
3
 
4
4
  import { LineLoader } from './helper/LineLoader';
5
5
  import { RecentClearAll } from './helper/RecentClearAll';
6
6
  import { renderGroupBy, renderGroupName, renderOptionLabel } from './helper/renderGroupName';
7
7
  import { SeeMoreButton } from './helper/SeeMoreButton';
8
- import { StyledTextField } from './NsAutocomplete.styled';
8
+ import { StyledPopper, StyledTextField } from './NsAutocomplete.styled';
9
9
  import { ComponentBoxProps, NsAutocompleteProps, OptionsProps } from './types.d';
10
10
 
11
11
  const noop = () => {};
@@ -104,8 +104,8 @@ const NsAutocomplete = ({
104
104
  getOptionLabel={renderOptionLabel}
105
105
  renderOption={renderOption as any}
106
106
  renderInput={renderInput}
107
- // PopperComponent={fullWidth ? StyledPopper : Popper} // TODO:https://code.tls.nuskin.io/ns-am/content-foundation/nuskin-app/-/jobs/1355817
108
- ListboxComponent={renderListBoxComponent as any}
107
+ PopperComponent={fullWidth ? StyledPopper : Popper}
108
+ ListboxComponent={renderListBoxComponent}
109
109
  renderGroup={renderGroupName}
110
110
  onChange={onChange}
111
111
  onInputChange={onInputChange}
@@ -64,6 +64,7 @@ export default {
64
64
  iconStart: <NsIcon name="search" />,
65
65
  iconEnd: <NsIcon name="roundedClose" size="small" colorOverride="#F5F5F5" />,
66
66
  placeholder: 'Search',
67
+ fullWidth:false
67
68
  },
68
69
  } as MetaStory;
69
70