diff --git a/MaskedTextField/MaskedTextField/components/Component.types.ts b/MaskedTextField/MaskedTextField/components/Component.types.ts index 95b7e6d8..17da623f 100644 --- a/MaskedTextField/MaskedTextField/components/Component.types.ts +++ b/MaskedTextField/MaskedTextField/components/Component.types.ts @@ -10,4 +10,5 @@ export interface ICanvasMaskedTextFieldProps extends IMaskedTextFieldProps { onChange: (event?: React.FormEvent, newValue?: string) => void; themeJSON?: string; setFocus?: string; + ref?: React.Ref; } diff --git a/SubwayNav/SubwayNav/__mocks__/mock-context.ts b/SubwayNav/SubwayNav/__mocks__/mock-context.ts index 76b28fb7..9ad2b568 100644 --- a/SubwayNav/SubwayNav/__mocks__/mock-context.ts +++ b/SubwayNav/SubwayNav/__mocks__/mock-context.ts @@ -18,6 +18,7 @@ export class MockContext implements ComponentFramework.Context { getClient: jest.fn(), getFormFactor: jest.fn(), isOffline: jest.fn(), + isNetworkAvailable: jest.fn(), }; // Canvas apps currently assigns a positive tab-index diff --git a/SubwayNav/SubwayNav/utilities/FocusZone/FocusZone.tsx b/SubwayNav/SubwayNav/utilities/FocusZone/FocusZone.tsx index 0176c96d..f6e0df5e 100644 --- a/SubwayNav/SubwayNav/utilities/FocusZone/FocusZone.tsx +++ b/SubwayNav/SubwayNav/utilities/FocusZone/FocusZone.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable */ /* istanbul ignore file */ import * as React from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/index.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/index.ts index 01c507df..d860b36d 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/index.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { useControlledUncontrolled } from './use-controlled-uncontrolled'; export type { IUseInjectOnce } from './use-inject-singleton'; export { makeInjectSingleton, useInjectSingleton } from './use-inject-singleton'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-controlled-uncontrolled.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-controlled-uncontrolled.ts index ef509de8..12f9b3f5 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-controlled-uncontrolled.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-controlled-uncontrolled.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { Dispatch } from 'react'; import * as React from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-inject-singleton.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-inject-singleton.ts index a8ea0332..69e6c9a2 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-inject-singleton.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-inject-singleton.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { getId } from '@fluentui/react'; import type { ReactNode } from 'react'; import { useEffect, useMemo } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-intersection-observer.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-intersection-observer.ts index 1d65426c..8668d618 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-intersection-observer.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-intersection-observer.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { Dispatch, MutableRefObject, SetStateAction } from 'react'; import * as React from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-obscured-elements.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-obscured-elements.ts index 89a3789c..2efda4e9 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-obscured-elements.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/hooks/use-obscured-elements.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { Dispatch, MutableRefObject, SetStateAction } from 'react'; import * as React from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/index.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/index.ts index 25d05837..27cbb725 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/index.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type { IUseInjectOnce } from './hooks/index'; export { makeInjectSingleton, diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/flexible-header.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/flexible-header.ts index d30d05d6..d6ef3fb5 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/flexible-header.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/flexible-header.ts @@ -1,3 +1,4 @@ +// @ts-nocheck /** * A flexible header type that let's the consumer chose what level of heading to assign. * Most consumers diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/index.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/index.ts index c2274c45..7960dc03 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/index.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type { FlexibleHeader, IFlexibleHeader } from './flexible-header'; export type { NarrowedProperties, diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/narrow-properties.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/narrow-properties.ts index 66f2eb81..0d8d1f67 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/narrow-properties.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/narrow-properties.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type NarrowedPropertyKeys = { [P in keyof T]: V extends T[P] ? P : never; }[keyof T]; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/native-element-only-types.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/native-element-only-types.ts index 71c368c7..99ffd21c 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/native-element-only-types.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/type-helpers/native-element-only-types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react'; /** diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/index.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/index.ts index 99fc1c79..17ec94a8 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/index.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { getRTLFlipOptOut } from './rtl-opt-out'; export { warnDependent } from './warn-dependent'; export { warnOutOfProd } from './warn-out-of-prod'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/rtl-opt-out.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/rtl-opt-out.ts index 10882c04..009e5636 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/rtl-opt-out.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/rtl-opt-out.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { getRTL } from '@fluentui/react'; export const getRTLFlipOptOut = (): string => (getRTL() ? '@noflip' : ''); diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-dependent.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-dependent.ts index 21ecab29..c53979f3 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-dependent.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-dependent.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISettingsMap } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-out-of-prod.ts b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-out-of-prod.ts index 40e0ee3e..204b4ada 100644 --- a/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-out-of-prod.ts +++ b/SubwayNav/SubwayNav/utilities/MainUtilities/src/utilities/warn-out-of-prod.ts @@ -1,3 +1,4 @@ +// @ts-nocheck /** * Throws a warning when not in production environments. * diff --git a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.base.tsx b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.base.tsx index 2efb63de..1826f9bc 100644 --- a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.base.tsx +++ b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.base.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IRenderFunction } from '@fluentui/react'; import { buttonProperties, @@ -23,58 +24,54 @@ const onRenderTitleDefault: IRenderFunction = (props) => ( ); export const CollapsibleBase: FunctionComponent = (props) => { - const { + const { ariaLabel, children, disabled = false, iconProps, isRequired = false, - onClick, + onClick, onRenderTitle = onRenderTitleDefault, - onToggle, + onToggle, renderHeaderAs: HeaderAs = 'h2', - styles, + styles, theme = {}, } = props; - // Expanding and collapsing logic. + // Expanding and collapsing logic. const [isExpanded = false, setIsExpanded] = useControlledUncontrolled< ICollapsibleProps, boolean - props, - 'isExpanded', - 'defaultIsExpanded', - false, - ); - const handleOnToggle = (e: MouseEvent) => { - const newIsExpanded = !isExpanded; + >(props, 'isExpanded', 'defaultIsExpanded', false); - setIsExpanded(newIsExpanded); + const handleOnToggle = (e: MouseEvent) => { + const newIsExpanded = !isExpanded + setIsExpanded(newIsExpanded); onToggle?.(newIsExpanded); - onClick?.(e); - }; + onClick?.(e); + }; - // Setting unique id’s to bind the content to the header. + // Setting unique id’s to bind the content to the header. const collapsibleId = useSimpleId(); - const contentId = `collapsible-content_${collapsibleId}`; + const contentId = `collapsible-content_${collapsibleId}`; const headerId = `collapsible-header_${collapsibleId}`; - /** + /** * Getting the native button props to spread into the internal button. Removing `title` from native props, because otherwise it would be applied to the button as native button attribute. If no text is available to the screen-reader inside the button, consumers should take advantage of the `ariaLabel` prop. - */ + */ // eslint-disable-next-line @typescript-eslint/no-unused-vars - const { title, ...nativeProps } = getNativeProps>( - props, - buttonProperties, - ); + const { title, ...nativeProps } = getNativeProps>( + props, + buttonProperties, + ); - // Determining if a custom icon was passed in, and respect it. + // Determining if a custom icon was passed in, and respect it. const iconName = iconProps?.iconName ?? 'ChevronDownMed'; - // Styles + // Styles const classNames = getClassNames(styles, { isExpanded, isRequired, disabled, theme }); - return ( + return (
+
+ {/* This is to ensure that in RTL we have a space that respects the direction + When there is better browser support, we should use flow relative values for spacing */} +
+
+ {isExpanded && (
@@ -102,4 +100,4 @@ export const CollapsibleBase: FunctionComponent = (props) => )}
); -}; +}; \ No newline at end of file diff --git a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.style.ts b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.style.ts index b485157a..30b5d791 100644 --- a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.style.ts +++ b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.style.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ITheme } from '@fluentui/react'; import { AnimationClassNames, FontWeights, getFocusStyle } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.tsx b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.tsx index 3bee9013..53c69eb2 100644 --- a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.tsx +++ b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import { styled } from '@fluentui/react'; import type { FunctionComponent } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.types.ts b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.types.ts index 03603e83..fb54f1e2 100644 --- a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.types.ts +++ b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/collapsible.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IIconProps, IRenderFunction, IStyle, IStyleFunctionOrObject, ITheme } from '@fluentui/react'; import type { IFlexibleHeader } from '../../../MainUtilities/src/type-helpers'; import type { ButtonHTMLAttributes } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/index.ts b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/index.ts index 250dcad4..8ed052da 100644 --- a/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/index.ts +++ b/SubwayNav/SubwayNav/utilities/collapsible/src/collapsible/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { Collapsible } from './collapsible'; export { CollapsibleBase } from './collapsible.base'; export { getCollapsibleStyles } from './collapsible.style'; diff --git a/SubwayNav/SubwayNav/utilities/collapsible/src/index.ts b/SubwayNav/SubwayNav/utilities/collapsible/src/index.ts index bd505562..a35164cf 100644 --- a/SubwayNav/SubwayNav/utilities/collapsible/src/index.ts +++ b/SubwayNav/SubwayNav/utilities/collapsible/src/index.ts @@ -1,2 +1,3 @@ +// @ts-nocheck export type { ICollapsibleProps, ICollapsibleStyle, ICollapsibleStyleProps } from './collapsible/index'; export { Collapsible, CollapsibleBase, getCollapsibleStyles } from './collapsible/index'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/add-alpha-channel-to-hex.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/add-alpha-channel-to-hex.ts index 035c4168..f754c955 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/add-alpha-channel-to-hex.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/add-alpha-channel-to-hex.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IColor } from '@fluentui/react'; import { getColorFromString, updateA } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/index.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/index.ts index 74e611cb..8700de6e 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/index.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { addAlphaChannelToHex } from './add-alpha-channel-to-hex'; export { DarkExtendedSemanticColorsForTest, diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-dark-theme.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-dark-theme.ts index 9b11b9d0..bc2f2112 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-dark-theme.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-dark-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ICustomizations } from '@fluentui/react'; import { createTheme } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-extended-semantic-slots.types.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-extended-semantic-slots.types.ts index 4df649dc..48c26028 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-extended-semantic-slots.types.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-extended-semantic-slots.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISemanticColors } from '@fluentui/react'; export interface IM365ExtendedSemanticColors extends ISemanticColors { diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-light-theme.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-light-theme.ts index 829ec6fa..21037642 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-light-theme.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-light-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ICustomizations, ITheme } from '@fluentui/react'; import { createTheme } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-theme.types.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-theme.types.ts index 12bbcc9a..a7d31c8a 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-theme.types.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/m365-theme.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IEffects, IPalette, ITheme } from '@fluentui/react'; import type { IM365ExtendedSemanticColors } from './m365-extended-semantic-slots.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/button.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/button.styles.ts index 61573056..08cba80f 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/button.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/button.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles, ITheme } from '@fluentui/react'; import type { IM365Theme } from '../m365-theme.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/check.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/check.styles.ts index a0b94689..d3bc151c 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/check.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/check.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ICheckStyleProps, ICheckStyles } from '@fluentui/react'; import { FontWeights, warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/checkbox.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/checkbox.styles.ts index 924b3e08..9f3dbfe4 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/checkbox.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/checkbox.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ICheckboxProps, ICheckboxStyles } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/choice-group-option.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/choice-group-option.styles.ts index 9f93b426..f9d84d97 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/choice-group-option.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/choice-group-option.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IChoiceGroupOptionStyleProps, IChoiceGroupOptionStyles, IStyle } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/contextual-menu.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/contextual-menu.styles.ts index 4d635267..78065d9a 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/contextual-menu.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/contextual-menu.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IContextualMenuStyleProps, IContextualMenuStyles } from '@fluentui/react'; /**This style used to assign nuetralPrimary color to menu item icons, we're now removing that to align with Fluent */ diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/default-button.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/default-button.styles.ts index 47d8503a..65dfa78c 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/default-button.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/default-button.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles } from '@fluentui/react'; import { HighContrastSelector } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/detail-row-check.styles.tsx b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/detail-row-check.styles.tsx index daad200e..ca124d88 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/detail-row-check.styles.tsx +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/detail-row-check.styles.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IDetailsRowCheckStyles } from '@fluentui/react'; export const DetailsRowCheckStyles = (): Partial => ({ diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-list-column.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-list-column.styles.ts index 67f5a89b..609471dd 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-list-column.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-list-column.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IDetailsColumnStyleProps, IDetailsColumnStyles } from '@fluentui/react'; export const DetailsColumnStyles = (props: IDetailsColumnStyleProps): Partial => { diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-row.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-row.styles.ts index b48a7a5a..6954f096 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-row.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/details-row.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IDetailsRowProps, IDetailsRowStyles } from '@fluentui/react'; import { FontWeights } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/dialog-footer.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/dialog-footer.styles.ts index e78ca0f3..2e007d30 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/dialog-footer.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/dialog-footer.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IDialogFooterStyleProps, IDialogFooterStyles } from '@fluentui/react'; export const DialogFooterStyles = (props: IDialogFooterStyleProps): Partial => { diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/group-header.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/group-header.styles.ts index 7eab4c1b..fabf7a4e 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/group-header.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/group-header.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IGroupHeaderStyles } from '@fluentui/react'; export const GroupHeaderStyles = (): Partial => ({ diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/index.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/index.ts index 81811677..4611a111 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/index.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { ButtonStyles, closeButtonStyles, getBlackIconButtonColors, navBarButtonSize } from './button.styles'; export { CheckStyles } from './check.styles'; export { CheckboxStyles } from './checkbox.styles'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/m365-styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/m365-styles.ts index 1bc6f617..ebef10a1 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/m365-styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/m365-styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISettings } from '@fluentui/react'; import { ButtonStyles } from './button.styles'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/overlay.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/overlay.styles.ts index 8823b350..69ec7910 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/overlay.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/overlay.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IOverlayStyleProps, IOverlayStyles } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/panel.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/panel.styles.ts index 391eb862..1622dec4 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/panel.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/panel.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IPanelProps, IPanelStyles, IStyle } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/pivot.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/pivot.styles.ts index fee46b6a..4333ee79 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/pivot.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/pivot.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IPivotStyleProps, IPivotStyles } from '@fluentui/react'; import { HighContrastSelector, warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/primary-button.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/primary-button.styles.ts index f470f5c5..deda3b3e 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/primary-button.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/primary-button.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/search-box.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/search-box.styles.ts index 9fc897bd..7c4413a0 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/search-box.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/search-box.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISearchBoxStyleProps, ISearchBoxStyles } from '@fluentui/react'; export const SearchBoxStyles = (props: ISearchBoxStyleProps): Partial => { diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/spinner.styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/spinner.styles.ts index 34c174ed..f37c5b81 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/spinner.styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/customizations/styles/spinner.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISpinnerStyleProps, ISpinnerStyles } from '@fluentui/react'; import { warn } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/index.ts b/SubwayNav/SubwayNav/utilities/customizations/src/index.ts index 2bc1728e..ef55c963 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/index.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type { IExtendedEffects, IExtendedPalette, diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/check-style-props.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/check-style-props.ts index bc99d7a9..92d027e3 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/check-style-props.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/check-style-props.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IStyle, IStyleFunctionOrObject } from '@fluentui/react'; // import type { // NarrowedPropertiesReq, diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/color-test-helpers.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/color-test-helpers.ts index cd494753..1f2e3951 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/color-test-helpers.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/color-test-helpers.ts @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable @typescript-eslint/no-unsafe-assignment */ /* eslint-disable jest/no-export */ /* eslint-disable @typescript-eslint/no-unsafe-call */ diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.ts index 592afaf5..e3237d89 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IM365ExtendedSemanticColors } from '../customizations/m365-extended-semantic-slots.types'; import type { IM365Theme } from '../customizations/m365-theme.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.types.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.types.ts index c7337f68..e74edc5c 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.types.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-array.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IM365Theme } from '../customizations/m365-theme.types'; export type GetDataVisColorArrayFunction = (theme: IM365Theme) => string[]; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.ts index e4374524..69f03fd4 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IM365ExtendedSemanticColors } from '../customizations/m365-extended-semantic-slots.types'; import type { IM365Theme } from '../customizations/m365-theme.types'; import { getDataVisColorArray } from './get-data-vis-color-array'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.types.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.types.ts index 9c3c51e4..2902b94b 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.types.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-data-vis-color-cached.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IM365ExtendedSemanticColors } from '../customizations/m365-extended-semantic-slots.types'; import type { IM365Theme } from '../customizations/m365-theme.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-extended-data-vis-colors.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-extended-data-vis-colors.ts index c6bb3041..93758ba5 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-extended-data-vis-colors.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-extended-data-vis-colors.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IColor } from '@fluentui/react'; import { BaseSlots, diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-new-data-vis.types.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-new-data-vis.types.ts index d155601b..e869f74a 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-new-data-vis.types.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-new-data-vis.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export interface IDataVisColor { [key: string]: string; } diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-panel-theme.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-panel-theme.ts index d57d0f18..742c7fda 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-panel-theme.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/get-panel-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { addAlphaChannelToHex } from '../customizations/add-alpha-channel-to-hex'; import { M365LightCustomizations } from '../customizations/m365-light-theme'; import type { IM365Theme } from '../customizations/m365-theme.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/index.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/index.ts index 301b1792..35008742 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/index.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { checkStyleProps } from './check-style-props'; export type { ISemanticTestCombination } from './color-test-helpers'; export { diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/index.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/index.ts index be458b97..65f1ff28 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/index.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/index.ts @@ -1,2 +1,3 @@ +// @ts-nocheck export { ThemeWrapper } from './theme-wrapper'; export type { IThemeWrapperProps } from './theme-wrapper.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.tsx b/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.tsx index afe49ffd..214e3f55 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.tsx +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { FunctionComponent, ReactElement } from 'react'; import type { IM365Theme } from '../../customizations/m365-theme.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.types.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.types.ts index 5bf05aa5..969b8bdb 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.types.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/theme-wrapper/theme-wrapper.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ITheme } from '@fluentui/react'; import type { ReactElement } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/themed.tsx b/SubwayNav/SubwayNav/utilities/customizations/src/utils/themed.tsx index 4b4e9be2..288a8fa9 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/themed.tsx +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/themed.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ICustomizerContext } from '@fluentui/react'; import { CustomizerContext } from '@fluentui/react'; import type { ComponentType, FunctionComponent } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/throw-on-undefined-color.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/throw-on-undefined-color.ts index d64b8ceb..a6078056 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/throw-on-undefined-color.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/throw-on-undefined-color.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export function throwOnUndefinedColor( desiredColor: string | undefined, desiredColorName: string, diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-customizer-theme.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-customizer-theme.ts index 7eb74e9c..9b7c7115 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-customizer-theme.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-customizer-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { createTheme, useCustomizationSettings } from '@fluentui/react'; import { M365LightCustomizations } from '../customizations/m365-light-theme'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-theme.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-theme.ts index 4da1adca..a2121783 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-theme.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-m365-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { useTheme } from '@fluentui/react'; import type { IM365Theme } from '../customizations/m365-theme.types'; diff --git a/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-theme-styles.ts b/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-theme-styles.ts index 77b64ada..ca713176 100644 --- a/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-theme-styles.ts +++ b/SubwayNav/SubwayNav/utilities/customizations/src/utils/use-theme-styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISettings } from '@fluentui/react'; import { CustomizerContext, useTheme } from '@fluentui/react'; import { useContext } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/index.ts b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/index.ts index 562fef7e..cdf4dba3 100644 --- a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/index.ts +++ b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/index.ts @@ -1,2 +1,3 @@ +// @ts-nocheck export type { UseId, UseIDArgs, UseSimpleId } from './use-id/index'; export { useId, useSimpleId } from './use-id/index'; diff --git a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/index.ts b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/index.ts index 06c55a7e..fbfaa348 100644 --- a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/index.ts +++ b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/index.ts @@ -1,2 +1,3 @@ +// @ts-nocheck export { useId, useSimpleId } from './use-id'; export type { UseId, UseIDArgs, UseSimpleId } from './use-id.types'; diff --git a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.ts b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.ts index 338e2fe6..be4f76a9 100644 --- a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.ts +++ b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { getId } from '@fluentui/react'; import { useMemo } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.types.ts b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.types.ts index 22ee2401..9301a9b2 100644 --- a/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.types.ts +++ b/SubwayNav/SubwayNav/utilities/hooks/use-id/src/use-id/use-id.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type UseIDArgs = { prefix?: string; postfix?: string; diff --git a/SubwayNav/SubwayNav/utilities/loading/src/index.ts b/SubwayNav/SubwayNav/utilities/loading/src/index.ts index c0b4af00..d2427d67 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/index.ts +++ b/SubwayNav/SubwayNav/utilities/loading/src/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type { ILoadingPaneProps, ILoadingPaneStyleProps, ILoadingPaneStyles } from './loading/index'; export { getLoadingPaneStyles, diff --git a/SubwayNav/SubwayNav/utilities/loading/src/loading/index.ts b/SubwayNav/SubwayNav/utilities/loading/src/loading/index.ts index 7906397a..de42be92 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/loading/index.ts +++ b/SubwayNav/SubwayNav/utilities/loading/src/loading/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export type { ILoadingPaneProps, ILoadingPaneStyleProps, ILoadingPaneStyles } from './loading-pane/index'; export { getLoadingPaneStyles, diff --git a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/index.ts b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/index.ts index 90d373aa..99495c17 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/index.ts +++ b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { LoadingPane } from './loading-pane'; export { LoadingPaneBase } from './loading-pane.base'; export { getLoadingPaneStyles } from './loading-pane.style'; diff --git a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.base.tsx b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.base.tsx index af99e85d..bf661a65 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.base.tsx +++ b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.base.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import { AnimationVariables, Announced, classNamesFunction, isIE11, Spinner, SpinnerSize } from '@fluentui/react'; import * as React from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.style.ts b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.style.ts index 588b2638..41a7996b 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.style.ts +++ b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.style.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { AnimationClassNames, FontWeights } from '@fluentui/react'; import type { ILoadingPaneStyleProps, ILoadingPaneStyles } from './loading-pane.types'; diff --git a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.ts b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.ts index 8e57c657..133bf3a4 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.ts +++ b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { styled } from '@fluentui/react'; import type * as React from 'react'; import type { FunctionComponent } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.types.ts b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.types.ts index b5710371..0abe211d 100644 --- a/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.types.ts +++ b/SubwayNav/SubwayNav/utilities/loading/src/loading/loading-pane/loading-pane.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IAnnouncedProps, ISpinnerProps, IStyle, IStyleFunctionOrObject } from '@fluentui/react'; import type { IM365Theme } from '../../../../customizations/src/index'; diff --git a/SubwayNav/SubwayNav/utilities/ppacStyles/button.styles.ts b/SubwayNav/SubwayNav/utilities/ppacStyles/button.styles.ts index e27a4e9d..df991ea9 100644 --- a/SubwayNav/SubwayNav/utilities/ppacStyles/button.styles.ts +++ b/SubwayNav/SubwayNav/utilities/ppacStyles/button.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles } from '@fluentui/react'; export const ButtonStyles = (props: IButtonProps): Partial => { diff --git a/SubwayNav/SubwayNav/utilities/ppacStyles/default-button.styles.ts b/SubwayNav/SubwayNav/utilities/ppacStyles/default-button.styles.ts index f992e726..93cba346 100644 --- a/SubwayNav/SubwayNav/utilities/ppacStyles/default-button.styles.ts +++ b/SubwayNav/SubwayNav/utilities/ppacStyles/default-button.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles } from '@fluentui/react'; import { HighContrastSelector } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/ppacStyles/index.ts b/SubwayNav/SubwayNav/utilities/ppacStyles/index.ts index 484bbe7c..7aff15fb 100644 --- a/SubwayNav/SubwayNav/utilities/ppacStyles/index.ts +++ b/SubwayNav/SubwayNav/utilities/ppacStyles/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { ButtonStyles } from './button.styles'; export { DefaultButtonStyles } from './default-button.styles'; export { M365PPACStyles } from './m365-ppac-styles'; diff --git a/SubwayNav/SubwayNav/utilities/ppacStyles/m365-ppac-styles.ts b/SubwayNav/SubwayNav/utilities/ppacStyles/m365-ppac-styles.ts index 4ee82da0..84e2b212 100644 --- a/SubwayNav/SubwayNav/utilities/ppacStyles/m365-ppac-styles.ts +++ b/SubwayNav/SubwayNav/utilities/ppacStyles/m365-ppac-styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISettings } from '@fluentui/react'; import { ButtonStyles } from './button.styles'; diff --git a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/index.ts b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/index.ts index e414e2e7..8f78d3c7 100644 --- a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/index.ts +++ b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { SetupWizardActionBarV2 } from './setup-wizard-action-bar-v2'; export { SetupWizardActionBarBaseV2 } from './setup-wizard-action-bar-v2.base'; export { diff --git a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.base.tsx b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.base.tsx index fc10ce4a..c5c4d53a 100644 --- a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.base.tsx +++ b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.base.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IContextualMenuItem, IContextualMenuItemProps, @@ -17,7 +18,7 @@ import * as React from 'react'; import { generateWizardClickHandler, shouldWizardBeNarrow } from '../utilities/common'; import type { ISetupWizardActionBarV2Props, - ISetupWizardActionBarV2StyleProps, + ISetupWizardActionBarV2StyleProps, ISetupWizardActionBarV2Styles, } from './setup-wizard-action-bar-v2.types'; import { generateContextualMenuItemFromLink } from './setup-wizard-action-bar-v2.utils'; @@ -34,111 +35,112 @@ export const SetupWizardActionBarBaseV2: FC = ( currentStep, backLinkProps, mainLinkProps, - exitLinkProps, + exitLinkProps, iconButtonProps, isLoading, - styles, + styles, theme, resizeObserverRef, - } = props; + } = props; - const [isNarrow, setIsNarrow] = React.useState(false); + const [isNarrow, setIsNarrow] = React.useState(false); const classNames = getClassNames(styles, { theme: theme!, isNarrow: isNarrow }); - const rootRef = React.useRef(null); - const customMenuId = useSimpleId(); + const rootRef = React.useRef(null); + const customMenuId = useSimpleId(); - React.useEffect(() => { - const rootDiv = rootRef.current; + React.useEffect(() => { + const rootDiv = rootRef.current; - if (rootDiv) { + if (rootDiv) { // if we are passed a constructor for a ponyfill, use that instead const ROConstructor = resizeObserverRef ? resizeObserverRef : ResizeObserver; - const resizeObserver = new ROConstructor((entries: ReadonlyArray) => { - const rootDivWidth = entries[0].contentRect.width; - - if (!isNarrow && shouldWizardBeNarrow(rootDivWidth)) { - setIsNarrow(true); - } else if (isNarrow && !shouldWizardBeNarrow(rootDivWidth)) { - setIsNarrow(false); - } - }, - resizeObserver.observe(rootDiv); - - return () => { + // @ts-ignore + const resizeObserver = new ROConstructor((entries: ReadonlyArray) => { + const rootDivWidth = entries[0].contentRect.width; + + if (!isNarrow && shouldWizardBeNarrow(rootDivWidth)) { + setIsNarrow(true); + } else if (isNarrow && !shouldWizardBeNarrow(rootDivWidth)) { + setIsNarrow(false); + } + }); + resizeObserver.observe(rootDiv); + + return () => { resizeObserver.disconnect(); - }; + }; } - return; + return; }); - // Custom renderer for menu items (these must have a separate custom renderer because it's unlikely + // Custom renderer for menu items (these must have a separate custom renderer because it's unlikely // that the same component could be rendered properly as both a command bar item and menu item). // It's also okay to custom render only the command bar items without changing the menu items. - const CustomMenuItem: FC = (contextualMenuItemProps) => { + const CustomMenuItem: FC = (contextualMenuItemProps) => { // Due to ContextualMenu implementation quirks, passing styles here doesn't work - return ( + return ( - ); + /> + ); }; - const menuItems: IContextualMenuItem[] = []; + const menuItems: IContextualMenuItem[] = []; - if (exitLinkProps) { + if (exitLinkProps) { menuItems.push(generateContextualMenuItemFromLink(exitLinkProps, currentStep)); } - if (backLinkProps) { + if (backLinkProps) { menuItems.push(generateContextualMenuItemFromLink(backLinkProps, currentStep)); - } + } - let additionalMenuProps: IContextualMenuProps | undefined = undefined; + let additionalMenuProps: IContextualMenuProps | undefined = undefined; - if (iconButtonProps?.menuProps) { - additionalMenuProps = iconButtonProps.menuProps; + if (iconButtonProps?.menuProps) { + additionalMenuProps = iconButtonProps.menuProps; } - const mergedMenuProps: IContextualMenuProps = { + const mergedMenuProps: IContextualMenuProps = { gapSpace: 0, - beakWidth: 0, + beakWidth: 0, shouldFocusOnMount: true, directionalHintFixed: true, - directionalHint: DirectionalHint.topRightEdge, - contextualMenuItemAs: CustomMenuItem, + directionalHint: DirectionalHint.topRightEdge, + contextualMenuItemAs: CustomMenuItem, items: menuItems, ...additionalMenuProps, }; - return ( + return (
- {!isNarrow && ( + {!isNarrow && (
- {backLinkProps && ( + {backLinkProps && ( + /> )}
)} -
- {mainLinkProps && ( +
+ {mainLinkProps && ( + /> )} {!isNarrow && exitLinkProps && ( - = (
); -}; +}; \ No newline at end of file diff --git a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.styles.ts b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.styles.ts index c2c63142..094057e3 100644 --- a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.styles.ts +++ b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { FontWeights } from '@fluentui/react'; import { detailPanelGutterWidth } from '../customizations/src/index'; diff --git a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.tsx b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.tsx index 562a5fa9..a170d3f2 100644 --- a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.tsx +++ b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import { styled } from '@fluentui/react'; import type { FC } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.types.ts b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.types.ts index cef58cb3..56d0ec95 100644 --- a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.types.ts +++ b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles, diff --git a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.utils.ts b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.utils.ts index 10efef55..a810fdcd 100644 --- a/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.utils.ts +++ b/SubwayNav/SubwayNav/utilities/setup-wizard-action-bar-v2/setup-wizard-action-bar-v2.utils.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IContextualMenuItem } from '@fluentui/react'; import { getId } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/common.ts b/SubwayNav/SubwayNav/utilities/subway-nav/common.ts index d3fc1766..3b473290 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/common.ts +++ b/SubwayNav/SubwayNav/utilities/subway-nav/common.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ISubwayNavNodeProps } from './subway-node.types'; import { SubwayNavNodeState } from './subway-node.types'; /** diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav-no-animation.styles.tsx b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav-no-animation.styles.tsx index 5f6b7d10..a75093aa 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav-no-animation.styles.tsx +++ b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav-no-animation.styles.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable */ /* istanbul ignore file */ // # FEATURE - Disable animation: Related changes are performed in this file diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.base.tsx b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.base.tsx index 581d18b3..64f87d40 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.base.tsx +++ b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.base.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable */ /* istanbul ignore file */ import type { IProcessedStyleSet } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.styles.tsx b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.styles.tsx index addd8b15..ca52661a 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.styles.tsx +++ b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.styles.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable */ /* istanbul ignore file */ import type { IStyle } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.tsx b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.tsx index 2f0bb3ba..fb1c407b 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.tsx +++ b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable */ /* istanbul ignore file */ import { styled } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.types.ts b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.types.ts index d9e8b92e..927fb02e 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.types.ts +++ b/SubwayNav/SubwayNav/utilities/subway-nav/subway-nav.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable */ /* istanbul ignore file */ import type { IFocusZoneProps, IStyle, IStyleFunctionOrObject } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/subway-node.types.ts b/SubwayNav/SubwayNav/utilities/subway-nav/subway-node.types.ts index 962e59ee..66dde0c0 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/subway-node.types.ts +++ b/SubwayNav/SubwayNav/utilities/subway-nav/subway-node.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IIconRecord, IProcessedStyleSet, diff --git a/SubwayNav/SubwayNav/utilities/subway-nav/wizard.types.ts b/SubwayNav/SubwayNav/utilities/subway-nav/wizard.types.ts index b4de770d..1c2db46d 100644 --- a/SubwayNav/SubwayNav/utilities/subway-nav/wizard.types.ts +++ b/SubwayNav/SubwayNav/utilities/subway-nav/wizard.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export enum SubwayNavNodeState { NotStarted = 'NotStarted', Current = 'Current', diff --git a/SubwayNav/SubwayNav/utilities/subway-node/index.ts b/SubwayNav/SubwayNav/utilities/subway-node/index.ts index 6e51dcb7..ad8226d6 100644 --- a/SubwayNav/SubwayNav/utilities/subway-node/index.ts +++ b/SubwayNav/SubwayNav/utilities/subway-node/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { SubwayNode } from './subway-node'; export { SubwayNodeBase } from './subway-node.base'; export { diff --git a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.base.tsx b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.base.tsx index 461f07b8..624da641 100644 --- a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.base.tsx +++ b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.base.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IIconRecord, IProcessedStyleSet } from '@fluentui/react'; import { buttonProperties, classNamesFunction, getIcon, getNativeProps } from '@fluentui/react'; import type { ReactNode } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.styles.ts b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.styles.ts index e412c518..57daa821 100644 --- a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.styles.ts +++ b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IGetFocusStylesOptions, IStyle } from '@fluentui/react'; import { FontWeights, getFocusStyle } from '@fluentui/react'; import type { IM365Theme } from '../customizations/src'; diff --git a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.tsx b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.tsx index 94f1771a..8ba1268a 100644 --- a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.tsx +++ b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import { styled } from '@fluentui/react'; import type { FC } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.types.ts b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.types.ts index 5ff5c1cd..bd4a439f 100644 --- a/SubwayNav/SubwayNav/utilities/subway-node/subway-node.types.ts +++ b/SubwayNav/SubwayNav/utilities/subway-node/subway-node.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IIconRecord, IProcessedStyleSet, diff --git a/SubwayNav/SubwayNav/utilities/themes/index.ts b/SubwayNav/SubwayNav/utilities/themes/index.ts index ec23e825..00171b9d 100644 --- a/SubwayNav/SubwayNav/utilities/themes/index.ts +++ b/SubwayNav/SubwayNav/utilities/themes/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { PPACActualDarkTheme, PPACDarkColorPalette, diff --git a/SubwayNav/SubwayNav/utilities/themes/ppac-dark-theme.ts b/SubwayNav/SubwayNav/utilities/themes/ppac-dark-theme.ts index 999eba54..906ef9d0 100644 --- a/SubwayNav/SubwayNav/utilities/themes/ppac-dark-theme.ts +++ b/SubwayNav/SubwayNav/utilities/themes/ppac-dark-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable @typescript-eslint/no-namespace */ import type { ICustomizations, ITheme } from '@fluentui/react'; import { createTheme } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/themes/ppac-light-theme.ts b/SubwayNav/SubwayNav/utilities/themes/ppac-light-theme.ts index b4e26e14..d84aaa0a 100644 --- a/SubwayNav/SubwayNav/utilities/themes/ppac-light-theme.ts +++ b/SubwayNav/SubwayNav/utilities/themes/ppac-light-theme.ts @@ -1,3 +1,4 @@ +// @ts-nocheck /* eslint-disable @typescript-eslint/no-namespace */ import type { ICustomizations, ITheme } from '@fluentui/react'; import { createTheme } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/utilities/animation.ts b/SubwayNav/SubwayNav/utilities/utilities/animation.ts index 61138cac..da5d3923 100644 --- a/SubwayNav/SubwayNav/utilities/utilities/animation.ts +++ b/SubwayNav/SubwayNav/utilities/utilities/animation.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IRawStyle } from '@fluentui/react'; import { keyframes } from '@fluentui/react'; diff --git a/SubwayNav/SubwayNav/utilities/utilities/common.ts b/SubwayNav/SubwayNav/utilities/utilities/common.ts index dcce73c0..acac24e4 100644 --- a/SubwayNav/SubwayNav/utilities/utilities/common.ts +++ b/SubwayNav/SubwayNav/utilities/utilities/common.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { ScreenWidthMinLarge } from '@fluentui/react'; import { clone } from 'ramda'; diff --git a/SubwayNav/SubwayNav/utilities/utilities/index.ts b/SubwayNav/SubwayNav/utilities/utilities/index.ts index 2dc669d4..cac5e9f9 100644 --- a/SubwayNav/SubwayNav/utilities/utilities/index.ts +++ b/SubwayNav/SubwayNav/utilities/utilities/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { backgroundSlideDownInAnimation, backgroundSlideDownInAnimationStr, diff --git a/SubwayNav/SubwayNav/utilities/wizard-action-bar/index.ts b/SubwayNav/SubwayNav/utilities/wizard-action-bar/index.ts index 267e473d..3cc0118d 100644 --- a/SubwayNav/SubwayNav/utilities/wizard-action-bar/index.ts +++ b/SubwayNav/SubwayNav/utilities/wizard-action-bar/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { WizardActionBar } from './wizard-action-bar'; export { WizardActionBarBase } from './wizard-action-bar.base'; export { diff --git a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.base.tsx b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.base.tsx index caf564bc..4634baa7 100644 --- a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.base.tsx +++ b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.base.tsx @@ -1,7 +1,8 @@ +// @ts-nocheck import { classNamesFunction, DefaultButton, PrimaryButton } from '@fluentui/react'; import type { FC } from 'react'; import * as React from 'react'; - +// @ts-ignore import { generateWizardClickHandler, generateWizardClickHandler1, shouldWizardBeNarrow } from '../utilities/common'; import type { IWizardActionBarProps, diff --git a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.styles.ts b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.styles.ts index b6668aa9..4b4631d2 100644 --- a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.styles.ts +++ b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IStyle } from '@fluentui/react'; import { detailPanelGutterWidth } from '../customizations/src'; diff --git a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.tsx b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.tsx index 6330af17..6a9a0dea 100644 --- a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.tsx +++ b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import { styled } from '@fluentui/react'; import type { FC } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.types.ts b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.types.ts index ad81a949..f9146958 100644 --- a/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.types.ts +++ b/SubwayNav/SubwayNav/utilities/wizard-action-bar/wizard-action-bar.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IButtonProps, IButtonStyles, diff --git a/SubwayNav/SubwayNav/utilities/wizard/index.ts b/SubwayNav/SubwayNav/utilities/wizard/index.ts index 83612c2d..3924ecd7 100644 --- a/SubwayNav/SubwayNav/utilities/wizard/index.ts +++ b/SubwayNav/SubwayNav/utilities/wizard/index.ts @@ -1,3 +1,4 @@ +// @ts-nocheck export { Wizard } from './wizard'; export { WizardBase } from './wizard.base'; export { diff --git a/SubwayNav/SubwayNav/utilities/wizard/wizard.base.tsx b/SubwayNav/SubwayNav/utilities/wizard/wizard.base.tsx index 5f7ba9c9..8889cdcc 100644 --- a/SubwayNav/SubwayNav/utilities/wizard/wizard.base.tsx +++ b/SubwayNav/SubwayNav/utilities/wizard/wizard.base.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck import type { ICalloutPositionedInfo, IProcessedStyleSet } from '@fluentui/react'; import { Announced, Callout, classNamesFunction, DirectionalHint } from '@fluentui/react'; import { Collapsible } from '../collapsible/src/collapsible'; @@ -10,20 +11,20 @@ import { SubwayNav } from '../subway-nav/subway-nav'; import { SubwayNode } from '../subway-node/index'; import { - getStepIndex, + getStepIndex, getStepToShow, isDestinationStepAhead, - shouldHideScrollBarPresence, + shouldHideScrollBarPresence, shouldShowScrollBarPresence, shouldWizardBeNarrow, wrapStepClickWithCloseFunction, } from '../utilities/index'; import type { - IWizardProps, + IWizardProps, IWizardState, IWizardStepIndex, IWizardStepProps, - IWizardStyleProps, + IWizardStyleProps, IWizardStyles, } from './wizard.types'; @@ -31,220 +32,217 @@ const getClassNames = classNamesFunction(); /** Component for Wizard Base */ export class WizardBase extends React.Component { - private _collapsibleElement: HTMLElement | null; + private _collapsibleElement: HTMLElement | null; private _rootRef: React.RefObject; - private _contentSectionRef: React.RefObject; + private _contentSectionRef: React.RefObject; private _resizeObserver?: ResizeObserver; private lastStepIndexShown: IWizardStepIndex; - private isLastStepSubStep: boolean; + private isLastStepSubStep: boolean; - private clickedForward: boolean | undefined; + private clickedForward: boolean | undefined; private clickedBackward: boolean | undefined; private isSubStep: boolean; - private isFirstSubStep: boolean; + private isFirstSubStep: boolean; - private _rootWidth: number; + private _rootWidth: number; private _classNames: IProcessedStyleSet; - constructor(props: IWizardProps) { + constructor(props: IWizardProps) { super(props); - this.state = { + this.state = { isNarrow: false, - isContentScrollBarPresent: true, + isContentScrollBarPresent: true, isCalloutExpanded: false, hideCalloutOverFlow: true, }; - this._rootRef = React.createRef(); + this._rootRef = React.createRef(); this._contentSectionRef = React.createRef(); this._toggleCallout = this._toggleCallout.bind(this); this._onCalloutDismiss = this._onCalloutDismiss.bind(this); - this._onRenderCollapsibleTitle = this._onRenderCollapsibleTitle.bind(this); + this._onRenderCollapsibleTitle = this._onRenderCollapsibleTitle.bind(this); this._onRenderContent = this._onRenderContent.bind(this); this._onRenderLoading = this._onRenderLoading.bind(this); this._onCalloutPositioned = this._onCalloutPositioned.bind(this); - this._updateScrollBarPresence = this._updateScrollBarPresence.bind(this); + this._updateScrollBarPresence = this._updateScrollBarPresence.bind(this); - const wizardStepProps = this.props.stepToShow ? this.props.stepToShow : getStepToShow(this.props); + const wizardStepProps = this.props.stepToShow ? this.props.stepToShow : getStepToShow(this.props); - this.lastStepIndexShown = getStepIndex(this.props.steps, wizardStepProps.id); - } + this.lastStepIndexShown = getStepIndex(this.props.steps, wizardStepProps.id); + } - public componentDidMount(): void { + public componentDidMount(): void { const rootDiv = this._rootRef.current; - // eslint-disable-next-line @typescript-eslint/unbound-method - const { resizeObserverRef, onIsNarrowChanged = this._defaultIsNarrowChanged } = - this.props; + // eslint-disable-next-line @typescript-eslint/unbound-method + const { resizeObserverRef, onIsNarrowChanged = this._defaultIsNarrowChanged } = this.props; - if (rootDiv) { + if (rootDiv) { // if we are passed a constructor for a ponyfill, use that instead const ROConstructor = resizeObserverRef ? resizeObserverRef : ResizeObserver; - this._resizeObserver = new ROConstructor((entries: ReadonlyArray) => { - const { isNarrow } = this.state; + this._resizeObserver = new ROConstructor((entries: ReadonlyArray) => { + const { isNarrow } = this.state; - const rootDivWidth = entries[0].contentRect.width; + const rootDivWidth = entries[0].contentRect.width; - this._rootWidth = rootDivWidth; + this._rootWidth = rootDivWidth; - if (!isNarrow && shouldWizardBeNarrow(rootDivWidth)) { - this.setState({ isNarrow: true }); - onIsNarrowChanged(true); - } else if (isNarrow && !shouldWizardBeNarrow(rootDivWidth)) { - this.setState({ isNarrow: false }); - onIsNarrowChanged(false); - } - }); + if (!isNarrow && shouldWizardBeNarrow(rootDivWidth)) { + this.setState({ isNarrow: true }); + onIsNarrowChanged(true); + } else if (isNarrow && !shouldWizardBeNarrow(rootDivWidth)) { + this.setState({ isNarrow: false }); + onIsNarrowChanged(false); + } + }); - this._resizeObserver.observe(rootDiv); - } + this._resizeObserver.observe(rootDiv); } + } - public componentDidUpdate(): void { + public componentDidUpdate(): void { this._updateScrollBarPresence(); - } + } - public componentWillUnmount(): void { + public componentWillUnmount(): void { if (this._resizeObserver !== undefined) { this._resizeObserver.disconnect(); - } } + } - public render() { + public render() { const { steps, wizardComplete, subwayNavProps, navAriaLabel, collapsibleProps, - calloutProps, + calloutProps, loadingPaneProps, showProgressIndicator, // eslint-disable-next-line @typescript-eslint/unbound-method - onRenderLoading = this._onRenderLoading, + onRenderLoading = this._onRenderLoading, // eslint-disable-next-line @typescript-eslint/unbound-method - onRenderContent = this._onRenderContent, + onRenderContent = this._onRenderContent, optOutOfFocusBehavior = false, - isLoading, + isLoading, styles, theme, - } = this.props; + } = this.props; const { isNarrow, isCalloutExpanded, isContentScrollBarPresent } = this.state; - if (steps.length === 0) { + if (steps.length === 0) { throw new Error('Wizard must have at least one step.'); } - if (subwayNavProps?.steps) { - console.warn( - 'It looks like you passed in steps to the subway nav props for the wizard. Instead please use the \'steps\' props on the top level wizard props.', + if (subwayNavProps?.steps) { + console.warn( + "It looks like you passed in steps to the subway nav props for the wizard. Instead please use the 'steps' props on the top level wizard props." ); } - if (calloutProps?.styles) { - console.warn( - 'It looks like you passed in calloutProps.styles. These will be over ridden. Please use WizardProps.styles.subComponentStyles.calloutContent instead.', - ); + if (calloutProps?.styles) { + console.warn( + 'It looks like you passed in calloutProps.styles. These will be overridden. Please use WizardProps.styles.subComponentStyles.calloutContent instead.' + ); } - if (collapsibleProps?.styles) { + if (collapsibleProps?.styles) { console.warn( - 'It looks like you passed in collapsibleProps.styles. These will be over ridden. Please use WizardProps.styles.subComponentStyles.collapsibleProps instead.', - ); - } + 'It looks like you passed in collapsibleProps.styles. These will be overridden. Please use WizardProps.styles.subComponentStyles.collapsibleProps instead.' + ); + } - if (loadingPaneProps?.styles) { - console.warn( - 'It looks like you passed in loadingPaneProps.styles. These will be over ridden. Please use WizardProps.styles.subComponentStyles.loadingPane instead.', + if (loadingPaneProps?.styles) { + console.warn( + 'It looks like you passed in loadingPaneProps.styles. These will be overridden. Please use WizardProps.styles.subComponentStyles.loadingPane instead.' ); } - if (showProgressIndicator !== undefined) { - console.warn( - 'It looks like you passed in showProgressIndicator. isLoading takes priority over it and showProgressIndicator will be deprecated in the future. Please use isLoading instead.', - ); + if (showProgressIndicator !== undefined) { + console.warn( + 'It looks like you passed in showProgressIndicator. isLoading takes priority over it and showProgressIndicator will be deprecated in the future. Please use isLoading instead.' + ); } - // if the step to render is already passed in, use that - const wizardStepProps = this.props.stepToShow ? this.props.stepToShow : getStepToShow(this.props); + // if the step to render is already passed in, use that + const wizardStepProps = this.props.stepToShow ? this.props.stepToShow : getStepToShow(this.props); const currentStepIndex = getStepIndex(this.props.steps, wizardStepProps.id); - const isDestStepAhead = isDestinationStepAhead(currentStepIndex, this.lastStepIndexShown); + const isDestStepAhead = isDestinationStepAhead(currentStepIndex, this.lastStepIndexShown); - this.clickedForward = isDestStepAhead === true || isDestStepAhead !== undefined; + this.clickedForward = isDestStepAhead === true || isDestStepAhead !== undefined; this.clickedBackward = isDestStepAhead === false || isDestStepAhead !== undefined; - this.isSubStep = wizardStepProps.isSubStep!; + this.isSubStep = wizardStepProps.isSubStep!; this.isFirstSubStep = wizardStepProps.isFirstSubStep!; - let stepsClone = steps; + let stepsClone = steps; - if (isNarrow) { + if (isNarrow) { // Parents with sub steps shouldn't close the panel. - // Only sub steps and steps without sub steps. + // Only sub steps and steps without sub steps. stepsClone = steps.map((step: IWizardStepProps) => { - if (step.subSteps === undefined) { + if (step.subSteps === undefined) { return { ...step, - onClickStep: wrapStepClickWithCloseFunction( + onClickStep: wrapStepClickWithCloseFunction( step, // eslint-disable-next-line @typescript-eslint/unbound-method this._onCalloutDismiss, - step.onClickStep, - ), + step.onClickStep + ), }; } else { - return { + return { ...step, subSteps: step.subSteps.map((subStep: IWizardStepProps) => { - return { + return { ...subStep, onClickStep: wrapStepClickWithCloseFunction( subStep, // eslint-disable-next-line @typescript-eslint/unbound-method this._onCalloutDismiss, - subStep.onClickStep, + subStep.onClickStep ), }; }), }; - } + } }); } - let offsetIndex = 0; + let offsetIndex = 0; - if (this.isSubStep) { + if (this.isSubStep) { stepsClone.forEach((value: IWizardStepProps) => { if (value.subSteps) { value.subSteps.forEach((subStep: IWizardStepProps, index: number) => { - if (wizardStepProps.id === subStep.id) { + if (wizardStepProps.id === subStep.id) { offsetIndex = index; } }); - } + } }); } - const contentSectionKey = 'contentSection-' + wizardStepProps.id; + const contentSectionKey = 'contentSection-' + wizardStepProps.id; - // Update the step index showing + // Update the step index showing this.lastStepIndexShown = currentStepIndex; this.isLastStepSubStep = wizardStepProps.isSubStep!; - // Update previous step visited is a sub step - this.isLastStepSubStep = this.isSubStep; + // Update previous step visited is a sub step + this.isLastStepSubStep = this.isSubStep; /* tslint:disable-next-line:deprecation */ const showLoading = !!(isLoading ?? showProgressIndicator); const wizardStyleProps = { - theme: theme!, + theme: theme!, isSubStep: this.isSubStep, isFirstSubStep: this.isFirstSubStep, clickedForward: this.clickedForward, - backgroundImageUrl: wizardStepProps.backgroundImageUrl - ? wizardStepProps.backgroundImageUrl - : '', + backgroundImageUrl: wizardStepProps.backgroundImageUrl ? wizardStepProps.backgroundImageUrl : '', stepBackgroundIndex: offsetIndex, isLastStepSubStep: this.isLastStepSubStep, isContentScrollBarPresent: isContentScrollBarPresent, @@ -252,16 +250,16 @@ export class WizardBase extends React.Component { isLoading: showLoading, }; - this._classNames = getClassNames(styles, wizardStyleProps); + this._classNames = getClassNames(styles, wizardStyleProps); - if ((isLoading || this.clickedBackward || this.clickedForward) && !optOutOfFocusBehavior) { - this._contentSectionRef.current?.focus(); + if ((isLoading || this.clickedBackward || this.clickedForward) && !optOutOfFocusBehavior) { + this._contentSectionRef.current?.focus(); } - return ( + return ( <> - {wizardStepProps.announcedProps && } - {isNarrow && ( + {wizardStepProps.announcedProps && } + {isNarrow && ( <>
{ disabled={showLoading} // eslint-disable-next-line @typescript-eslint/unbound-method onRenderTitle={this._onRenderCollapsibleTitle} - {...collapsibleProps} + {...collapsibleProps} // eslint-disable-next-line @typescript-eslint/unbound-method onToggle={this._toggleCallout} styles={this._classNames.subComponentStyles.collapsible} - /> + />
{isCalloutExpanded && ( { directionalHint={DirectionalHint.bottomLeftEdge} directionalHintFixed={true} target={this._collapsibleElement} - {...calloutProps} + {...calloutProps} // eslint-disable-next-line @typescript-eslint/unbound-method onPositioned={this._onCalloutPositioned} // eslint-disable-next-line @typescript-eslint/unbound-method - onDismiss={this._onCalloutDismiss} + onDismiss={this._onCalloutDismiss} styles={this._classNames.subComponentStyles.calloutContent} - > + > + /> )} )}
- {!isNarrow && ( + {!isNarrow && ( )}
{onRenderContent(this.props)} {onRenderLoading(this.props)} -
+
); } - private _onRenderCollapsibleTitle(): JSX.Element { + private _onRenderCollapsibleTitle(): JSX.Element { return ( ); } - private _onRenderLoading(props: IWizardProps): ReactNode { + private _onRenderLoading(props: IWizardProps): ReactNode { const showLoading = !!(props.isLoading ?? props.showProgressIndicator); - return ( + return ( { ); } - private _onRenderContent(props: IWizardProps): ReactNode { + private _onRenderContent(props: IWizardProps): ReactNode { // if the step to render is already passed in, use that const stepProps = props.stepToShow ?? getStepToShow(props); - const ContentTitleElementAs = stepProps.wizardContent?.contentTitleElementAs - ? stepProps.wizardContent?.contentTitleElementAs + const ContentTitleElementAs = stepProps.wizardContent?.contentTitleElementAs + ? stepProps.wizardContent?.contentTitleElementAs : 'h2'; const contentTitleKey = 'contentTitle-' + stepProps.id; - const contentKey = 'content-' + stepProps.id; - - return ( - <> - + + {stepProps.wizardContent?.contentTitleElement}
- {stepProps.wizardContent?.content} + {stepProps.wizardContent?.content}
); - } + } - private _toggleCallout(): void { + private _toggleCallout(): void { const { collapsibleProps } = this.props; const { isCalloutExpanded: isCollapsibleExpanded } = this.state; - this.setState({ isCalloutExpanded: !isCollapsibleExpanded }); + this.setState({ isCalloutExpanded: !isCollapsibleExpanded }); - if (collapsibleProps?.onToggle) { + if (collapsibleProps?.onToggle) { collapsibleProps.onToggle(isCollapsibleExpanded); - } + } } - private _onCalloutDismiss(): void { + private _onCalloutDismiss(): void { const { calloutProps } = this.props; - this.setState({ isCalloutExpanded: false, hideCalloutOverFlow: true }); + this.setState({ isCalloutExpanded: false, hideCalloutOverFlow: true }); - if (calloutProps?.onDismiss) { - calloutProps.onDismiss(); + if (calloutProps?.onDismiss) { + calloutProps.onDismiss(); } } - private _onCalloutPositioned(positions?: ICalloutPositionedInfo): void { - const { calloutProps } = this.props; + private _onCalloutPositioned(positions?: ICalloutPositionedInfo): void { + const { calloutProps } = this.props; - this.setState({ hideCalloutOverFlow: false }); + this.setState({ hideCalloutOverFlow: false }); - if (calloutProps?.onPositioned) { + if (calloutProps?.onPositioned) { calloutProps.onPositioned(positions); - } } + } - /** - * Default function in the event the one passed from props is undefined. - */ + /** + * Default function in the event the one passed from props is undefined. + */ private _defaultIsNarrowChanged(): void { - // No Op + // No Op } - private _updateScrollBarPresence(): void { - if (this._contentSectionRef.current !== undefined && this._contentSectionRef.current !== null) { - const { isContentScrollBarPresent } = this.state; + private _updateScrollBarPresence(): void { + if (this._contentSectionRef.current !== undefined && this._contentSectionRef.current !== null) { + const { isContentScrollBarPresent } = this.state; - if ( + if ( shouldHideScrollBarPresence( this._contentSectionRef.current.scrollHeight, this._contentSectionRef.current.clientHeight, - isContentScrollBarPresent, - ) + isContentScrollBarPresent + ) ) { // if the scrollable area is less than the client height, // don't account for the scroll bar presence in our styles. this.setState({ isContentScrollBarPresent: false }); - } else if ( + } else if ( shouldShowScrollBarPresence( this._contentSectionRef.current.scrollHeight, this._contentSectionRef.current.clientHeight, - isContentScrollBarPresent, - ) + isContentScrollBarPresent + ) ) { // the scroll bar is present, so we should account for it in our styles. - this.setState({ isContentScrollBarPresent: true }); + this.setState({ isContentScrollBarPresent: true }); } } } -} +} \ No newline at end of file diff --git a/SubwayNav/SubwayNav/utilities/wizard/wizard.styles.ts b/SubwayNav/SubwayNav/utilities/wizard/wizard.styles.ts index 50dc3f83..c1071163 100644 --- a/SubwayNav/SubwayNav/utilities/wizard/wizard.styles.ts +++ b/SubwayNav/SubwayNav/utilities/wizard/wizard.styles.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IBreadcrumbStyles, IStyle } from '@fluentui/react'; import { FontWeights, keyframes } from '@fluentui/react'; import { @@ -21,7 +22,7 @@ export const subwayNavPadding = 48; export const wizardContentSectionTopPadding = 16; export const subwayNavWidthStyle: IStyle = { - width: '33%', + width: '33%', maxWidth: 456, paddingLeft: subwayNavPadding, paddingRight: subwayNavPadding, @@ -40,20 +41,20 @@ export const getWizardStyles = (props: IWizardStyleProps): IWizardStyles => { isContentScrollBarPresent, isLoading, theme, - props; + } = props; const backgroundImageUrl = props.backgroundImageUrl; - let backgroundAnimation = ''; + let backgroundAnimation = ''; let backgroundStartIndex = 0; - if (isSubStep && isLastStepSubStep) { + if (isSubStep && isLastStepSubStep) { if (props.clickedForward) { backgroundStartIndex = stepBackgroundIndex - 1; - } else { + } else { backgroundStartIndex = stepBackgroundIndex + 1; - } + } - backgroundAnimation = keyframes({ + backgroundAnimation = keyframes({ to: { backgroundPosition: `left ${stepBackgroundIndex * -100}px top` }, }); } else { @@ -70,28 +71,28 @@ export const getWizardStyles = (props: IWizardStyleProps): IWizardStyles => { } } - let contentSectionRightPadding = isNarrow ? detailPanelGutterWidth : subwayNavPadding; + let contentSectionRightPadding = isNarrow ? detailPanelGutterWidth : subwayNavPadding; - if (!isNarrow && isContentScrollBarPresent) { + if (!isNarrow && isContentScrollBarPresent) { contentSectionRightPadding = subwayNavPadding - 16; - } + } - return { + return { wizardContentNavContainer: [ - { + { display: 'flex', height: '100%', width: '100%', overflowY: 'auto', flexDirection: isNarrow ? 'column' : 'row', - position: 'relative', + position: 'relative', }, backgroundImageUrl && { backgroundImage: `url(${backgroundImageUrl})`, - backgroundRepeat: 'no-repeat', + backgroundRepeat: 'no-repeat', backgroundSize: 'cover', - animation: `${backgroundAnimation} ${wizardAnimationDurationMilliSec}ms ${slideOutTimingFunction} forwards`, - backgroundPosition: `left ${backgroundStartIndex * -100}px top`, + animation: `${backgroundAnimation} ${wizardAnimationDurationMilliSec}ms ${slideOutTimingFunction} forwards`, + backgroundPosition: `left ${backgroundStartIndex * -100}px top`, }, ], wizardProgress: {}, // deprecated, no effect anymore. @@ -101,22 +102,22 @@ export const getWizardStyles = (props: IWizardStyleProps): IWizardStyles => { paddingTop: '40px', borderRight: `1px solid ${props.theme.semanticColors.bodyDivider}`, overflowY: isNarrow ? 'visible' : 'auto', - }, + }, ], contentSection: [ - { + { paddingTop: 16, paddingLeft: isNarrow ? detailPanelGutterWidth : subwayNavPadding, - paddingRight: contentSectionRightPadding, + paddingRight: contentSectionRightPadding, paddingBottom: subwayNavPadding, - display: 'flex', + display: 'flex', flexDirection: 'column', width: isNarrow ? 'unset' : '100%', }, !isNarrow && { overflowY: 'auto', position: 'relative', - }, + }, isNarrow && { overflowY: 'visible', }, @@ -130,95 +131,95 @@ export const getWizardStyles = (props: IWizardStyleProps): IWizardStyles => { /* doing this instead of react's conditional rendering so that consuming teams can still perform data operations with the items during the loading state */ isLoading && loadingContentDisplay, - ], + ], content: [ { maxWidth: wizardContentMaxWidth }, /* doing this instead of react's conditional rendering so that consuming teams can still perform data operations with the items during the loading state */ - isLoading && loadingContentDisplay, + isLoading && loadingContentDisplay, ], - collapsibleContainer: { + collapsibleContainer: { opacity: isLoading ? 0.5 : 1, position: 'sticky', - top: 0, + top: 0, zIndex: 100000, // there seems to be an issue with textFields specifically rolling over this element. - }, + }, subComponentStyles: { collapsible: { root: { borderTop: '0', backgroundColor: theme.semanticColors.bodyBackground, - }, + }, titleContainer: { width: '100%', }, headerButton: { paddingBottom: 12, borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`, - paddingLeft: detailPanelGutterWidth, + paddingLeft: detailPanelGutterWidth, paddingRight: detailPanelGutterWidth, - }, + }, content: { paddingBottom: 0, }, }, calloutContent: { - root: { + root: { backgroundColor: theme.semanticColors.bodyBackground, - }, - }, + }, + }, narrowSubwayNav: { - root: { + root: { padding: detailPanelGutterWidth, - }, + }, }, progressIndicator: {}, // this is now deprecated and does nothing loadingPane: { - loadingDiv: { + loadingDiv: { backgroundColor: 'transparent', - alignItems: 'center', + alignItems: 'center', width: `calc(100% - ${subwayNavPadding}px)`, - }, + }, }, }, }; }; export const getWizardTitleStyles = (props: IWizardTitleStyleProps): IStyle => { - const { componentName, theme, isNarrow } = props; + const { componentName, theme, isNarrow } = props; - throwOnUndefinedColor(theme.semanticColors.headerText, 'headerText', componentName); + throwOnUndefinedColor(theme.semanticColors.headerText, 'headerText', componentName); - return [ + return [ theme.fonts.medium, - { + { fontWeight: FontWeights.bold, lineHeight: '22px', - display: 'flex', + display: 'flex', alignItems: 'center', color: theme.semanticColors.headerText, paddingTop: 12, - paddingBottom: 12, + paddingBottom: 12, paddingLeft: isNarrow ? detailPanelGutterWidth : subwayNavPadding, }, - ]; + ]; }; export const wizardBreadcrumbStyles: Partial = { - item: { + item: { fontWeight: FontWeights.bold, - selectors: { + selectors: { '&:last-child *': { fontWeight: FontWeights.bold, - }, + }, }, }, itemLink: { fontWeight: FontWeights.bold, - selectors: { + selectors: { '&:last-child *': { fontWeight: FontWeights.bold, - }, - }, + }, + }, }, -}; +}; \ No newline at end of file diff --git a/SubwayNav/SubwayNav/utilities/wizard/wizard.ts b/SubwayNav/SubwayNav/utilities/wizard/wizard.ts index b5e3afae..48c6dfb4 100644 --- a/SubwayNav/SubwayNav/utilities/wizard/wizard.ts +++ b/SubwayNav/SubwayNav/utilities/wizard/wizard.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { styled } from '@fluentui/react'; import type { FC } from 'react'; diff --git a/SubwayNav/SubwayNav/utilities/wizard/wizard.types.ts b/SubwayNav/SubwayNav/utilities/wizard/wizard.types.ts index 014789ab..5d7e1cc1 100644 --- a/SubwayNav/SubwayNav/utilities/wizard/wizard.types.ts +++ b/SubwayNav/SubwayNav/utilities/wizard/wizard.types.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import type { IAnnouncedProps, ICalloutContentStyleProps, diff --git a/SubwayNav/package-lock.json b/SubwayNav/package-lock.json index fed27a82..ca1eae83 100644 --- a/SubwayNav/package-lock.json +++ b/SubwayNav/package-lock.json @@ -17,7 +17,7 @@ "@types/enzyme": "^3.10.12", "@types/jest": "^27.5.2", "@types/node": "^16.4.10", - "@types/powerapps-component-framework": "^1.3.4", + "@types/powerapps-component-framework": "^1.3.0", "@types/ramda": "^0.28.8", "@types/react": "^16.14.60", "@types/react-dom": "^16.9.24", @@ -28,13 +28,13 @@ "enzyme-adapter-react-16": "^1.15.6", "eslint": "^8.57.0", "eslint-config-prettier": "^9.1.0", - "eslint-plugin-import": "^2.26.0", + "eslint-plugin-import": "^2.23.4", "eslint-plugin-node": "^11.1.0", - "eslint-plugin-prettier": "^5.0.1", - "eslint-plugin-promise": "^6.0.1", - "eslint-plugin-react": "^7.33.2", - "eslint-plugin-react-hooks": "^4.6.0", - "eslint-plugin-sonarjs": "^0.23.0", + "eslint-plugin-prettier": "^5.1.3", + "eslint-plugin-promise": "^4.3.1", + "eslint-plugin-react": "^7.29.3", + "eslint-plugin-react-hooks": "^4.4.0", + "eslint-plugin-sonarjs": "^0.25.1", "jest": "^27.5.1", "pcf-scripts": "^1", "pcf-start": "^1", @@ -7289,19 +7289,13 @@ } }, "node_modules/eslint-plugin-promise": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.6.0.tgz", - "integrity": "sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-4.3.1.tgz", + "integrity": "sha512-bY2sGqyptzFBDLh/GMbAxfdJC+b0f23ME63FOE4+Jao0oZ3E1LEwFtWJX/1pGMJLiTtrSSern2CRM/g+dfc0eQ==", "dev": true, "license": "ISC", "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" - }, - "funding": { - "url": "https://opencollective.com/eslint" - }, - "peerDependencies": { - "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0" + "node": ">=6" } }, "node_modules/eslint-plugin-react": { @@ -7416,13 +7410,13 @@ } }, "node_modules/eslint-plugin-sonarjs": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-sonarjs/-/eslint-plugin-sonarjs-0.23.0.tgz", - "integrity": "sha512-z44T3PBf9W7qQ/aR+NmofOTyg6HLhSEZOPD4zhStqBpLoMp8GYhFksuUBnCxbnf1nfISpKBVkQhiBLFI/F4Wlg==", + "version": "0.25.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-sonarjs/-/eslint-plugin-sonarjs-0.25.1.tgz", + "integrity": "sha512-5IOKvj/GMBNqjxBdItfotfRHo7w48496GOu1hxdeXuD0mB1JBlDCViiLHETDTfA8pDAVSBimBEQoetRXYceQEw==", "dev": true, "license": "LGPL-3.0-only", "engines": { - "node": ">=14" + "node": ">=16" }, "peerDependencies": { "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" diff --git a/SubwayNav/package.json b/SubwayNav/package.json index fd2e436a..23cfdad3 100644 --- a/SubwayNav/package.json +++ b/SubwayNav/package.json @@ -8,13 +8,13 @@ "rebuild": "pcf-scripts rebuild", "start": "pcf-scripts start", "refreshTypes": "pcf-scripts refreshTypes", - "lint": "eslint SubwayNav --ext .ts,.tsx", + "lint": "eslint SubwayNav --ext .ts,.tsx --config .eslintrc.json --ignore-path .eslintignore", "lint:fix": "npm run lint -- --fix", "test": "jest --collectCoverage" }, "dependencies": { - "ramda": "^0.28.0", "@fluentui/react": "8.121.1", + "ramda": "^0.28.0", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -22,7 +22,7 @@ "@types/enzyme": "^3.10.12", "@types/jest": "^27.5.2", "@types/node": "^16.4.10", - "@types/powerapps-component-framework": "^1.3.4", + "@types/powerapps-component-framework": "^1.3.0", "@types/ramda": "^0.28.8", "@types/react": "^16.14.60", "@types/react-dom": "^16.9.24", @@ -31,15 +31,15 @@ "@typescript-eslint/parser": "^7.7.1", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.6", + "eslint-plugin-import": "^2.23.4", + "eslint-plugin-node": "^11.1.0", + "eslint-plugin-promise": "^4.3.1", "eslint": "^8.57.0", "eslint-config-prettier": "^9.1.0", - "eslint-plugin-import": "^2.26.0", - "eslint-plugin-node": "^11.1.0", - "eslint-plugin-prettier": "^5.0.1", - "eslint-plugin-promise": "^6.0.1", - "eslint-plugin-react": "^7.33.2", - "eslint-plugin-react-hooks": "^4.6.0", - "eslint-plugin-sonarjs": "^0.23.0", + "eslint-plugin-prettier": "^5.1.3", + "eslint-plugin-sonarjs": "^0.25.1", + "eslint-plugin-react": "^7.29.3", + "eslint-plugin-react-hooks": "^4.4.0", "jest": "^27.5.1", "pcf-scripts": "^1", "pcf-start": "^1",