auto fix lint/prettier

Author: stomita

src/scripts/AutoAlign.tsx

@@ -143,9 +143,9 @@ function ignoreFirstCall(func: Function) {
 function removeAbsoluteAlign(
   alignment: RectangleAlignment
 ): RectangleAlignment {
-  return (alignment.map(
+  return alignment.map(
     (a) => a.replace(/-absolute$/, '') as Align
-  ) as unknown) as RectangleAlignment;
+  ) as unknown as RectangleAlignment;
 }
 
 export type AutoAlignOptions = {
@@ -287,12 +287,8 @@ export function autoAlign(options: AutoAlignOptions) {
           // eslint-disable-next-line react/destructuring-assignment
           const oldTriggerNodeRect = this.state.triggerNodeRect;
           if (triggerEl) {
-            const {
-              top,
-              left,
-              width,
-              height,
-            } = triggerEl.getBoundingClientRect();
+            const { top, left, width, height } =
+              triggerEl.getBoundingClientRect();
             if (
               !isEqualRect(oldTriggerNodeRect, { top, left, width, height })
             ) {
@@ -307,10 +303,8 @@ export function autoAlign(options: AutoAlignOptions) {
       };
 
       updateAlignment = (triggerNodeRect: Rect = EMPTY_RECT) => {
-        const {
-          triggerNodeRect: oldTriggerNodeRect,
-          alignment: oldAlignment,
-        } = this.state;
+        const { triggerNodeRect: oldTriggerNodeRect, alignment: oldAlignment } =
+          this.state;
         const rootNodeRect = this.node
           ? this.node.getBoundingClientRect()
           : EMPTY_RECT;
@@ -355,10 +349,8 @@ export function autoAlign(options: AutoAlignOptions) {
       };
 
       render() {
-        const {
-          triggerNodeRect = EMPTY_RECT,
-          rootNodeRect = EMPTY_RECT,
-        } = this.state;
+        const { triggerNodeRect = EMPTY_RECT, rootNodeRect = EMPTY_RECT } =
+          this.state;
         const {
           // eslint-disable-next-line react/destructuring-assignment
           alignment = this.state.alignment,
@@ -387,7 +379,7 @@ export function autoAlign(options: AutoAlignOptions) {
           <Cmp
             alignment={removeAbsoluteAlign(alignment)}
             ref={(cmp: any) => (this.content = cmp)}
-            {...pprops as TOriginalProps}
+            {...(pprops as TOriginalProps)}
           >
             {children}
           </Cmp>

src/scripts/CheckboxGroup.tsx

@@ -107,9 +107,7 @@ export class CheckboxGroup<
           {React.Children.map(children, this.renderControl)}
           {errorMessage ? (
             <div className='slds-form-element__help'>{errorMessage}</div>
-          ) : (
-            undefined
-          )}
+          ) : undefined}
         </div>
       </fieldset>
     );

src/scripts/ComponentSettings.tsx

@@ -19,9 +19,7 @@ export const ComponentSettingsContext = createContext<
 /**
  *
  */
-export class ComponentSettings extends React.PureComponent<
-  ComponentSettingsProps
-> {
+export class ComponentSettings extends React.PureComponent<ComponentSettingsProps> {
   render() {
     const {
       assetRoot,

src/scripts/DateInput.tsx

@@ -385,9 +385,7 @@ class DateInputInner extends Component<
               onSelect={this.onDatepickerSelect}
               onClose={this.onDatepickerClose}
             />
-          ) : (
-            undefined
-          )}
+          ) : undefined}
         </div>
       </FormElement>
     );

src/scripts/Datepicker.tsx

@@ -52,12 +52,8 @@ function createCalendarObject(date?: string, mnDate?: string, mxDate?: string) {
   }
   const year = d.year();
   const month = d.month();
-  const first = moment(d)
-    .startOf('month')
-    .startOf('week');
-  const last = moment(d)
-    .endOf('month')
-    .endOf('week');
+  const first = moment(d).startOf('month').startOf('week');
+  const last = moment(d).endOf('month').endOf('week');
   const weeks = [];
   let days = [];
   for (let dd = first; dd.isBefore(last); dd = dd.add(1, 'd')) {
@@ -197,9 +193,7 @@ class DatepickerInner extends Component<
   onMonthChange(month: number) {
     // eslint-disable-next-line react/no-access-state-in-setstate
     let targetDate = this.state.targetDate || this.props.selectedDate;
-    targetDate = moment(targetDate)
-      .add(month, 'months')
-      .format('YYYY-MM-DD');
+    targetDate = moment(targetDate).add(month, 'months').format('YYYY-MM-DD');
     this.setState({ targetDate });
   }
 

src/scripts/DropdownButton.tsx

@@ -35,11 +35,10 @@ export type DropdownButtonProps<EventKey extends Key> = {
   onMenuSelect?: (eventKey: EventKey) => void;
 } & Omit<ButtonProps, 'onClick' | 'onBlur'>;
 
-type DropdownButtonInnerProps<EventKey extends Key> = DropdownButtonProps<
-  EventKey
-> & {
-  getActiveElement: () => HTMLElement | null;
-};
+type DropdownButtonInnerProps<EventKey extends Key> =
+  DropdownButtonProps<EventKey> & {
+    getActiveElement: () => HTMLElement | null;
+  };
 
 type DropdownButtonInnerState = {
   opened: boolean;
@@ -243,7 +242,7 @@ class DropdownButtonInner<EventKey extends Key> extends Component<
         onMenuSelect={this.onMenuSelect}
         onMenuClose={this.onMenuClose}
         onBlur={this.onBlur}
-        style={Object.assign({ transition: 'none' }, menuStyle)}
+        style={{ transition: 'none', ...menuStyle }}
       >
         {children}
       </DropdownMenu>

src/scripts/DropdownMenu.tsx

@@ -170,37 +170,36 @@ class DropdownMenuItemInner extends Component<
   }
 }
 
-export const DropdownMenuItem = (props: DropdownMenuItemProps) => {
+export function DropdownMenuItem(props: DropdownMenuItemProps) {
   return (
     <DropdownMenuHandlerContext.Consumer>
       {(handlers) => <DropdownMenuItemInner {...props} {...handlers} />}
     </DropdownMenuHandlerContext.Consumer>
   );
-};
+}
 
 export const MenuItem = DropdownMenuItem;
 
 type Key = string | number;
 
-export type DropdownMenuProps<EventKey extends Key> = HTMLAttributes<
-  HTMLElement
-> & {
-  size?: 'small' | 'medium' | 'large';
-  header?: string;
-  nubbin?:
-    | 'top'
-    | 'top left'
-    | 'top right'
-    | 'bottom'
-    | 'bottom left'
-    | 'bottom right'
-    | 'auto';
-  nubbinTop?: boolean; // for backward compatibility. use nubbin instead
-  hoverPopup?: boolean;
-  onMenuSelect?: (eventKey: EventKey) => void;
-  onMenuClose?: () => void;
-  dropdownMenuRef?: (node: HTMLDivElement) => void;
-};
+export type DropdownMenuProps<EventKey extends Key> =
+  HTMLAttributes<HTMLElement> & {
+    size?: 'small' | 'medium' | 'large';
+    header?: string;
+    nubbin?:
+      | 'top'
+      | 'top left'
+      | 'top right'
+      | 'bottom'
+      | 'bottom left'
+      | 'bottom right'
+      | 'auto';
+    nubbinTop?: boolean; // for backward compatibility. use nubbin instead
+    hoverPopup?: boolean;
+    onMenuSelect?: (eventKey: EventKey) => void;
+    onMenuClose?: () => void;
+    dropdownMenuRef?: (node: HTMLDivElement) => void;
+  };
 
 class DropdownMenuInner<EventKey extends Key> extends Component<
   DropdownMenuProps<EventKey> & InjectedProps
@@ -312,9 +311,9 @@ function preventPortalizeOnHoverPopup<EventKey extends Key>(
   Cmp: ComponentType<DropdownMenuProps<EventKey> & AutoAlignProps>
 ) {
   type ResultProps = DropdownMenuProps<EventKey> & AutoAlignProps;
-  return (props: ResultProps) => (
-    <Cmp preventPortalize={!!props.hoverPopup} {...props} />
-  );
+  return function (props: ResultProps) {
+    return <Cmp preventPortalize={!!props.hoverPopup} {...props} />;
+  };
 }
 
 type DropdownMenuType = <EventKey extends Key>(

src/scripts/FormElement.tsx

@@ -57,9 +57,7 @@ export class FormElement extends React.Component<FormElementProps, {}> {
         {label}
         {required ? <abbr className='slds-required'>*</abbr> : undefined}
       </label>
-    ) : (
-      undefined
-    );
+    ) : undefined;
   }
 
   renderControl(props: { children: any; dropdown: any; error: any }) {
@@ -90,9 +88,7 @@ export class FormElement extends React.Component<FormElementProps, {}> {
       <span key='slds-form-error' className='slds-form-element__help'>
         {errorMessage}
       </span>
-    ) : (
-      undefined
-    );
+    ) : undefined;
   }
 
   render() {

src/scripts/Lookup.tsx

@@ -380,9 +380,8 @@ type LookupCandidateListInternalProps<LookupEntry extends Entry> = {
   footer?: JSX.Element;
 };
 
-export type LookupCandidateListProps<
-  LookupEntry extends Entry
-> = LookupCandidateListInternalProps<LookupEntry> & InjectedProps;
+export type LookupCandidateListProps<LookupEntry extends Entry> =
+  LookupCandidateListInternalProps<LookupEntry> & InjectedProps;
 
 /**
  *
@@ -481,9 +480,7 @@ class LookupCandidateList<LookupEntry extends Entry> extends Component<
                 icon={icon}
                 size='small'
               />
-            ) : (
-              undefined
-            )}
+            ) : undefined}
             <div className='slds-truncate'>
               <span className='slds-lookup__result-text slds-truncate'>
                 {label}
@@ -492,9 +489,7 @@ class LookupCandidateList<LookupEntry extends Entry> extends Component<
                 <span className='slds-lookup__result-meta slds-truncate'>
                   {meta}
                 </span>
-              ) : (
-                undefined
-              )}
+              ) : undefined}
             </div>
           </span>
         </a>
@@ -551,9 +546,7 @@ class LookupCandidateList<LookupEntry extends Entry> extends Component<
                 style={{ margin: '0 auto' }}
               />
             </li>
-          ) : (
-            undefined
-          )}
+          ) : undefined}
         </ul>
         {footer ? <div className='slds-lookup__item'>{footer}</div> : undefined}
       </div>
@@ -565,10 +558,10 @@ type LookupCandidateListPortalType = <LookupEntry extends Entry>(
   props: LookupCandidateListInternalProps<LookupEntry> & AutoAlignProps
 ) => JSX.Element;
 
-const LookupCandidateListPortal: LookupCandidateListPortalType = (autoAlign({
+const LookupCandidateListPortal: LookupCandidateListPortalType = autoAlign({
   triggerSelector: '.slds-lookup',
   alignmentStyle: 'menu',
-})(LookupCandidateList) as unknown) as LookupCandidateListPortalType;
+})(LookupCandidateList) as unknown as LookupCandidateListPortalType;
 
 export type LookupProps<
   LookupEntry extends Entry,
@@ -871,9 +864,7 @@ export class LookupInner<
               onSelect={this.onLookupItemSelect.bind(this)}
               onBlur={this.onBlur.bind(this)}
             />
-          ) : (
-            undefined
-          )}
+          ) : undefined}
         </div>
       </FormElement>
     );

src/scripts/Modal.tsx

@@ -121,14 +121,8 @@ export class Modal extends Component<ModalProps> {
   }
 
   render() {
-    const {
-      className,
-      opened,
-      children,
-      size,
-      containerStyle,
-      ...props
-    } = this.props;
+    const { className, opened, children, size, containerStyle, ...props } =
+      this.props;
     delete props.onHide;
     const modalClassNames = classnames(className, 'slds-modal', {
       'slds-fade-in-open': opened,