packages/react-badge/src/components/PresenceBadge/presenceIcons.ts (27 lines): - line 34: // FIXME not all presence icon sizes are available - line 40: // FIXME not all presence icon sizes are available - line 43: // FIXME not all presence icon sizes are available - line 49: // FIXME not all presence icon sizes are available - line 55: // FIXME not all presence icon sizes are available - line 58: // FIXME not all presence icon sizes are available - line 64: // FIXME not all presence icon sizes are available - line 70: // FIXME not all presence icon sizes are available - line 73: // FIXME not all presence icon sizes are available - line 79: // FIXME not all presence icon sizes are available - line 85: // FIXME not all presence icon sizes are available - line 88: // FIXME not all presence icon sizes are available - line 94: // FIXME not all presence icon sizes are available - line 100: // FIXME not all presence icon sizes are available - line 103: // FIXME not all presence icon sizes are available - line 109: // FIXME not all presence icon sizes are available - line 115: // FIXME not all presence icon sizes are available - line 118: // FIXME not all presence icon sizes are available - line 124: // FIXME not all presence icon sizes are available - line 130: // FIXME not all presence icon sizes are available - line 133: // FIXME not all presence icon sizes are available - line 139: // FIXME not all presence icon sizes are available - line 145: // FIXME not all presence icon sizes are available - line 148: // FIXME not all presence icon sizes are available - line 154: // FIXME not all presence icon sizes are available - line 160: // FIXME not all presence icon sizes are available - line 163: // FIXME not all presence icon sizes are available packages/fluentui/perf-test/tasks/perf-test.ts (15 lines): - line 19: // TODO: - line 27: // TODO: We can't do CI, measure baseline or do regression analysis until master & PR files are deployed and publicly accessible. - line 28: // TODO: Fluent reporting is outside of this script so this code will probably be moved entirely on perf-test consolidation. - line 51: // TODO: support iteration/kind/story via commandline as in other perf-test script - line 52: // TODO: can do this now that we have story information - line 53: // TODO: align flamegrill terminology with CSF (story vs. scenario) - line 57: // TODO: can this get typing somehow? can't be imported since file is only available after build - line 117: // TODO: determine status according to perf numbers - line 158: // TODO: We can't do CI, measure baseline or do regression analysis until master & PR files are deployed and publicly accessible. - line 159: // TODO: Fluent reporting is outside of this script so this code will probably be moved entirely on perf-test consolidation. - line 196: // TODO: We can't do CI, measure baseline or do regression analysis until master & PR files are deployed and publicly accessible. - line 197: // TODO: Fluent reporting is outside of this script so this code will probably be moved entirely on perf-test consolidation. - line 225: // TODO: add iterations column (and maybe ticks per iteration) - line 338: // TODO: We can't do CI, measure baseline or do regression analysis until master & PR files are deployed and publicly accessible. - line 339: // TODO: Fluent reporting is outside of this script so this code will probably be moved entirely on perf-test consolidation. packages/foundation-legacy/src/slots.tsx (11 lines): - line 45: // TODO: should this be mutating? does React mutate children subprop with createElement? - line 46: // TODO: will toArray clobber existing keys? - line 47: // TODO: React generates warnings because it doesn't detect hidden member _store that is set in createElement. - line 52: // TODO: There is something weird going on here with children embedded in props vs. rest args. - line 60: // TODO: Are there some cases where children should NOT be spread? Also, spreading reraises perf question. - line 64: // TODO: is there a reason this can't be: - line 99: // TODO: Remove cast if possible. This cast is needed because TS errors on the intrinsic portion of ReactType. - line 148: // TODO: having TS infer types here seems to cause infinite loop. - line 150: // TODO: this should be a lookup on TProps property instead of being TProps directly, which is probably - line 154: // TODO: this cast to any is hiding a relationship issue between the first two args - line 237: // TODO: need to resolve typing / generic issues passing through memoizeFunction. for now, cast to 'unknown' apps/public-docsite/src/components/Site/Site.tsx (11 lines): - line 375: topic: target.title || target.innerText, // @TODO: Remove topic when data is stale. - line 380: platform: platform === 'default' ? 'None' : platform, // @TODO: Remove platform when data is stale. - line 394: topic: target.title || target.innerText, // @TODO: Remove topic when data is stale. - line 399: platform: platform === 'default' ? 'None' : platform, // @TODO: Remove platform when data is stale. - line 412: topic: getSiteArea(siteDefinition.pages), // @TODO: Remove topic when data is stale. - line 414: platform: platform === 'default' ? 'None' : platform, // @TODO: Remove platform when data is stale. - line 427: topic: getSiteArea(siteDefinition.pages), // @TODO: Remove topic when data is stale. - line 429: platform: platformKey, // @TODO: Remove platform when data is stale. - line 504: // @TODO: investigate using real page name. - line 508: platform: platform === 'default' ? 'None' : platform, // @TODO: Remove platform when data is stale. - line 513: // @TODO: investigate using history to save a re-render. packages/fluentui/react-builder/src/config.tsx (9 lines): - line 53: // TODO: sort - line 425: // FIXME: breaks for - line 473: // TODO: this allows mutating `target`, OK? - line 485: // TODO: prevent invalid drops, prob before they happen (ie isValidDrop() ) - line 487: // TODO: This is where we'd handle special drop logic and json tree updates - line 489: // TODO: Icon component was removed - line 495: // TODO: handle dropping before/after the target as well as "into" the target's children - line 515: // TODO: From here down probably does not belong in client config. - line 683: // TODO: When dropping components into Flex, React prefixes the fiber key with ".$" packages/react/src/components/Persona/PersonaConsts.tsx (7 lines): - line 6: // TODO: remove in a future major release as it's deprecated. - line 8: // TODO: remove in a future major release as it's deprecated. - line 11: // TODO: remove in a future major release as it's deprecated. - line 38: // TODO: remove the deprecated parts in a future major release. - line 66: [PersonaSize.size10]: 10, // TODO: deprecated (not in the design specs) - line 67: [PersonaSize.size16]: 16, // TODO: deprecated (not in the design specs) - line 69: [PersonaSize.size28]: 28, // TODO: deprecated (not in the design specs) packages/fluentui/perf-test/just.config.ts (6 lines): - line 7: // TODO: FUR integration issues - line 24: // TODO: how should this be integrated with the default 'build' task? - line 25: // TODO: add config and output dir settings like buildStorybookTask - line 26: // TODO: perf-text prefix naming required? - line 37: // TODO: if stories/scenarios are added in this package, make sure build catches type errors - line 40: // TODO: Uncomment once stories can be referred to in a dependency. packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.styles.ts (5 lines): - line 99: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.smallInputBorder - line 103: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.inputBackgroundCheckedHovered - line 109: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.inputBackgroundCheckedHovered - line 112: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.bodyTextChecked - line 116: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.inputBackgroundCheckedHovered packages/foundation-legacy/src/createComponent.tsx (5 lines): - line 95: // TODO: This shouldn't be a concern of createComponent.. factoryOptions should just be forwarded. - line 135: // TODO: why is this cast needed? TS seems to think there is a (TToken | Function) union from somewhere. - line 164: // TODO: do we want field props? should fields be part of IComponent and used here? - line 165: // TODO: should we centrally define DefaultFields? (not exported from styling) - line 166: // TODO: tie this array to ICustomizationProps, such that each array element is keyof ICustomizationProps packages/react-experiments/src/utilities/factoryComponents.tsx (5 lines): - line 9: // TODO: All contents of this file should be moved to each respective component as they are converted to use slots. - line 10: // TODO: createFactory should no longer have to be explicitly called with component options containing defaultProp. - line 13: // TODO: displayName will also be covered by createComponent argument. - line 14: // TODO: These components will also have to be modified not to generate rendered output if their props don't call for it - line 43: // TODO: This is a bug in PersonaPresence that needs to be fixed. 'presence' prop comment mentions that it packages/foundation-legacy/src/next/composed.tsx (5 lines): - line 276: // TODO: This shouldn't be a concern of createComponent.. factoryOptions should just be forwarded. - line 343: // TODO: why is this cast needed? TS seems to think there is a (TToken | Function) union from somewhere. - line 372: // TODO: do we want field props? should fields be part of IComponent and used here? - line 373: // TODO: should we centrally define DefaultFields? (not exported from styling) - line 374: // TODO: tie this array to ICustomizationProps, such that each array element is keyof ICustomizationProps packages/fluentui/digest/src/bundle/index.digest.tsx (4 lines): - line 9: // TODO: - line 16: // TODO: use iterations from story object - line 26: // TODO: eval functions here or in config? check perf differences! other considerations? - line 27: // TODO: make sure decorator impl doesn't affect perf. packages/fluentui/digest/src/digest.tsx (4 lines): - line 5: // TODO: - line 17: // TODO: use a real merge. or move this merge into webpack.config.ts and use webpackMerge there. - line 18: // TODO: should also allow user webpack config in DigestConfig that overwrites anything here. - line 62: // TODO: call require.context output and enumerate here? how can it be called within bundle? packages/react/src/components/TeachingBubble/TeachingBubble.styles.ts (4 lines): - line 24: // TODO: Button global class name usage should be converted to a styles function once - line 170: // TODO: global class name usage should be converted to a styles function once Button supports JS styling - line 221: // TODO: global class name usage should be converted to a styles function once Button supports JS styling - line 252: // TODO: global class name usage should be converted to a styles function once Button supports JS styling packages/fluentui/react-northstar-emotion-renderer/src/createEmotionRenderer.tsx (4 lines): - line 42: // TODO: make this configurable via perf flags - line 51: // TODO: make this configurable via perf flags - line 62: // TODO: Find a way to cleanup global styles - line 132: // TODO: check that should be in clean up for Emotion apps/perf-test/tasks/perf-test.ts (4 lines): - line 10: // TODO: consolidate with newer version of fluent perf-test - line 17: // TODO: - line 87: // TODO: other args? - line 206: // TODO: determine status according to perf numbers packages/react/src/components/Persona/Persona.styles.ts (3 lines): - line 81: // TODO: Deprecated size and needs to be removed in a future major release. - line 90: // TODO: Deprecated size and needs to be removed in a future major release. - line 112: // TODO: Deprecated size and needs to be removed in a future major release. packages/utilities/src/EventGroup.ts (3 lines): - line 84: // @ts-ignore -- FIXME: strictBindCallApply error - https://github.com/microsoft/fluentui/issues/17331 - line 95: // @ts-ignore -- FIXME: strictBindCallApply error - https://github.com/microsoft/fluentui/issues/17331 - line 214: // @ts-ignore -- FIXME: strictBindCallApply error - https://github.com/microsoft/fluentui/issues/17331 packages/react-spinbutton/src/components/SpinButton/useSpinButton.ts (3 lines): - line 16: // TODO add appropriate props/defaults - line 18: // TODO add slot types here if needed (div is the default) - line 21: // TODO add appropriate slots, for example: packages/react-dialog/src/components/Dialog/useDialog.ts (3 lines): - line 16: // TODO add appropriate props/defaults - line 18: // TODO add slot types here if needed (div is the default) - line 21: // TODO add appropriate slots, for example: packages/react-spinner/src/components/Spinner/useSpinner.ts (3 lines): - line 16: // TODO add appropriate props/defaults - line 18: // TODO add each slot's element type or component - line 21: // TODO add appropriate slots, for example: apps/perf-test/src/index.scenarios.tsx (3 lines): - line 19: // TODO: could default to displaying list of scenarios if param is not provided. - line 41: // TODO: This seems to increase React (unstable_runWithPriority) render consumption from 4% to 72%! - line 44: // TODO: Using React Fragments increases React (unstable_runWithPriority) render consumption from 4% to 26%. scripts/create-component/plop-templates/src/components/{{componentName}}/use{{componentName}}Styles.ts.hbs (3 lines): - line 9: // TODO Add default styles for the root element - line 12: // TODO add additional classes for different states and/or slots - line 22: // TODO Add class names to slots, for example: packages/monaco-editor/src/configureEnvironment.ts (3 lines): - line 18: // TODO: remove once public-docsite homepage.htm is updated - line 36: // TODO: remove once public-docsite homepage.htm is updated - line 48: // TODO: remove once public-docsite homepage.htm is updated packages/fluentui/styles/src/types.ts (3 lines): - line 39: // TODO Questionable: unsupported by autoprefixer, one-off vendors - line 112: // TODO: Make this generic - line 173: // TODO: Theme typings that have no sense packages/react-radio/src/components/Radio/useRadioStyles.ts (3 lines): - line 11: // TODO Add default styles for the root element - line 14: // TODO add additional classes for different states and/or slots - line 24: // TODO Add class names to slots, for example: packages/react/src/components/Checkbox/Checkbox.styles.ts (3 lines): - line 25: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.inputBorder - line 27: // TODO: after updating the semanticColors slots mapping this needs to be semanticColors.smallInputBorder - line 35: // TODO: after updating the semanticColors slots mapping the following 2 tokens need to be packages/fluentui/react-northstar/src/themes/teams/components/List/listItemVariables.ts (3 lines): - line 15: // TODO: prod app uses 17.5px here, it should be 16px per the design guide! - line 43: // TODO: prod app uses 17.5px here, it should be 16px per the design guide! - line 49: // TODO: prod app uses 17.5px here, it should be 16px per the design guide! packages/fluentui/react-northstar/src/components/Toolbar/ToolbarItem.tsx (3 lines): - line 148: }) as unknown) as ToolbarItemSubscribedValue; // TODO: we should improve typings for the useContextSelectors - line 257: // TODO: should we pass toolbarMenuItem to the user callback so he can decide if he wants to close the menu? - line 368: popup: Popup, // TODO: compose Popup to ToolbarItemPopup once it has compose functionality packages/fluentui/react-northstar/src/components/Toolbar/Toolbar.tsx (3 lines): - line 247: * TODO: check and fix all margin combination - line 298: * TODO: consider overflowItem margin - line 370: // TODO: replace by getComputedStyle('padding') packages/react/src/components/TextField/TextField.base.tsx (3 lines): - line 176: // TODO: is there any way to do this without an extra render? - line 184: // TODO: #5875 added logic to trigger validation in componentWillReceiveProps and other places. - line 555: // TODO (Fabric 8?) - Switch to calling only onChange. This switch is pretty disruptive for packages/react-dialog/src/components/Dialog/useDialogStyles.ts (3 lines): - line 11: // TODO Add default styles for the root element - line 14: // TODO add additional classes for different states and/or slots - line 24: // TODO Add class names to slots, for example: packages/fluentui/react-builder/src/utils/treeStore.ts (3 lines): - line 32: const params = new URLSearchParams(hashParts.pop()); // FIXME: no IE 11 support - line 41: // TODO: client should know it failed - line 49: const params = new URLSearchParams(hashParts.pop()); // FIXME: no IE 11 support packages/react-spinner/src/components/Spinner/useSpinnerStyles.ts (3 lines): - line 10: // TODO Add default styles for the root element - line 13: // TODO add additional classes for different states and/or slots - line 23: // TODO Add class names to slots, for example: packages/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts (3 lines): - line 11: // TODO Add default styles for the root element - line 14: // TODO add additional classes for different states and/or slots - line 24: // TODO Add class names to slots, for example: scripts/create-component/plop-templates/src/components/{{componentName}}/use{{componentName}}.ts.hbs (3 lines): - line 16: // TODO add appropriate props/defaults - line 18: // TODO add each slot's element type or component - line 21: // TODO add appropriate slots, for example: packages/react-avatar/src/components/Avatar/useAvatarStyles.ts (2 lines): - line 8: // TODO: All animation constants should go to theme or globals? - line 141: // TODO: use proper tokens instead of "rgba(0,120,212,0.3)" packages/react-docsite-components/src/components/Page/Page.types.ts (2 lines): - line 95: // TODO: TPlatforms generic should be forwarded to otherSections. Requires resolving TODO in Page.tsx. - line 175: // TODO: I'm not sure the best way to fix this, and the TS watch issue is making it harder to iterate and try fixes. packages/react-utilities/src/hooks/useTriggerElement.ts (2 lines): - line 42: // TODO figure out a way to only do this check once - line 88: // TODO: fix me after https://github.com/microsoft/fluentui/issues/21229 packages/react-examples/src/react-experiments/CollapsibleSection/CollapsibleSection.Accordion.Example.tsx (2 lines): - line 3: // TODO: move this file to Accordion - line 11:

TODO: Add styling and state control so that only one item is expanded at a time

packages/fluentui/digest/src/config.tsx (2 lines): - line 3: // TODO: add story typing reflecting this structure. - line 4: // TODO: is this file of any use? remove if not. packages/react/src/components/DetailsList/DetailsList.base.tsx (2 lines): - line 893: // TODO If the DragDropHelper was passed via props, this will dispose it, which is incorrect behavior. - line 1399: * TODO: min width 100 should be changed to const value and should be consistent with the packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Custom.Example.tsx (2 lines): - line 63: // TODO: not generated by ThemeGeneratorPage: - line 206: // TODO: Even though this styles function is the same for all regions, it has to be provided whenever the scheme packages/fluentui/react-northstar/src/components/Menu/MenuItem.tsx (2 lines): - line 195: }) as unknown) as MenuItemSubscribedValue; // TODO: we should improve typings for the useContextSelectors - line 435: // TODO: all DOM post-effects should be applied at componentDidMount & componentDidUpdated stages. packages/react-card/src/components/Card/useCardStyles.ts (2 lines): - line 22: // TODO: Validate if we should use a token instead + the unit of said token - line 23: // TODO: Explore alternate way of applying padding packages/react-menu/src/components/Menu/useMenu.tsx (2 lines): - line 71: // TODO Better way to narrow types ? - line 167: // FIXME leaking Node timeout type packages/react/src/components/SpinButton/SpinButton.base.tsx (2 lines): - line 80: * TODO (Fabric 8?) - switch to just calling onChange (this is a breaking change for any tests, - line 450: // TODO: test what happens while editing packages/foundation-legacy/src/ISlots.ts (2 lines): - line 110: // TODO: Constrain TProps more clearly (notably also exclude Functions) once this TS PR is merged: - line 122: // TODO: create mutually exclusive type for component & render, but only if it's a readable error for users. scripts/gulp/plugins/util/parseTypeAnnotation.ts (2 lines): - line 40: // TODO: improve parser to support function params and return values - line 45: // TODO: improve parser for azure-pipelines.release-vnext.yml (2 lines): - line 18: # TODO set schedule once the pipeline is validated after a few manual releases - line 65: # TODO update release notes script for v9 packages/codemods/src/codeMods/types.ts (2 lines): - line 23: * TODO: Currently version is not being checked. Implement this fully or remove. - line 56: * TODO -- Can we limit the damage a dev can potentially do given a malformed transform? apps/public-docsite/src/pages/HomePage/HomePage.styles.ts (2 lines): - line 168: fontSize: 128, // @TODO: Mock uses 64 - line 169: color: palette.white, // @TODO: Fluent color palette? packages/a11y-testing/src/facades/ComponentTestFacade.tsx (2 lines): - line 87: // TODO: This is required for space clicking with useARIAButton - line 92: // TODO: This is required for space clicking with useARIAButton packages/react-docsite-components/src/components/ExampleCard/ExampleCard.types.ts (2 lines): - line 69: // TODO: replace with IDropdownStyles after TS 3 upgrade - line 72: // TODO: fix once button has full styling support packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.tsx (2 lines): - line 304: // @TODO rename to reflect the name of this class - line 366: // @TODO apply to the content container packages/react-popover/src/components/PopoverSurface/usePopoverSurfaceStyles.ts (2 lines): - line 27: // TODO: neutral background inverted missing from superset and theme - line 34: // TODO: clarify with designers what foreground color should be with brand background, packages/react/src/components/Modal/Modal.base.tsx (2 lines): - line 35: // @TODO - need to change this to a panel whenever the breakpoint is under medium (verify the spec) - line 300: // TODO: determine if fallthrough was intentional packages/react-menu/src/components/MenuList/useMenuList.ts (2 lines): - line 24: // TODO throw warnings in development safely - line 49: // TODO use some kind of children registration to reduce dependency on DOM roles packages/fluentui/react-northstar/src/components/Toolbar/ToolbarMenuItem.tsx (2 lines): - line 174: }) as unknown) as ToolbarItemSubscribedValue; // TODO: we should improve typings for the useContextSelectors - line 274: // TODO: all DOM post-effects should be applied at componentDidMount & componentDidUpdated stages. packages/fluentui/digest/src/bundle/stories.tsx (2 lines): - line 3: // TODO: story formats should use/coexist with storybook's: - line 6: // TODO: follow typing similar to: packages/react/src/components/Nav/Nav.base.tsx (2 lines): - line 52: // TODO: consider removing - line 166: // TODO remove when `expandButtonAriaLabel` is removed. This is not an ideal concatenation for localization. packages/fluentui/react-northstar/src/components/Layout/Layout.tsx (2 lines): - line 242: // TODO: when an area is another Layout, do not wrap them in an extra div - line 243: // TODO: option 1) higher value layouts could use start={Layout.create(start)} to ensure Areas are layout root packages/react-button/src/components/Button/useButtonStyles.ts (2 lines): - line 8: // TODO: These are named in design specs but not hoisted to global/alias yet. - line 263: // TODO: `overflow: 'hidden'` on the root does not pay well with `position: absolute` packages/react-label/src/components/Label/useLabelStyles.ts (1 line): - line 22: paddingLeft: '4px', // TODO: Once spacing tokens are added, change this to Horizontal XS packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.ts (1 line): - line 17: // TODO: This is only here for testing createComponent and should be removed before promoting to production packages/react-experiments/src/components/PersonaCoin/PersonaCoin.styles.ts (1 line): - line 56: // TODO: Tweak this as currently it's more of an approximation. packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Variant.Example.tsx (1 line): - line 85: // TODO: Even though this styles function is the same for all regions, it has to be provided whenever the scheme packages/fluentui/react-builder/src/componentInfo/types.ts (1 line): - line 1: // FIXME: these types are copy&paste from @fluentui/docs to avoid circular dependency packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts (1 line): - line 62: // TODO: this probably needs to be dynamically generated so it doesn't break every time we packages/fluentui/react-northstar/src/themes/teams/components/Dropdown/dropdownVariables.ts (1 line): - line 103: // TODO: prod app uses 17.5px here, it should be 16px per the design guide! packages/react-positioning/src/usePopper.ts (1 line): - line 467: // TODO: Should be rework to handle options.enabled and contentRef updates packages/react/src/components/DetailsList/DetailsRow.styles.ts (1 line): - line 17: // TODO: in Fabric 7.0 lowercase the 'Compact' for consistency across other components. packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx (1 line): - line 168: // TODO get the element to scroll into view properly regardless of direction. packages/react/src/components/TextField/TextField.types.ts (1 line): - line 324: // TODO: this should be the interface once we're on TS 2.9.2 but otherwise causes errors in 2.8.4 packages/fluentui/react-builder/src/components/DropSelector.tsx (1 line): - line 58: const mouseIsToTheLeft = y >= boundingRect.top && y <= boundingRect.bottom && x < boundingRect.left; // TODO: HUH! What about RTL? packages/react-theme/src/themes/ThemeColors.stories.tsx (1 line): - line 6: // FIXME: hardcoded theme packages/react/src/components/ChoiceGroup/ChoiceGroup.types.ts (1 line): - line 46: // TODO (Fabric 8?): defaultSelectedKey/selectedKey allow numbers but IChoiceGroupOption doesn't. packages/react-spinner/src/components/Spinner/renderSpinner.tsx (1 line): - line 11: // TODO Add additional slots in the appropriate place packages/fluentui/react-northstar/src/utils/positioner/usePopper.ts (1 line): - line 412: // TODO: Should be rework to handle options.enabled and contentRef updates packages/react-experiments/src/components/PersonaCoin/PersonaCoin.view.tsx (1 line): - line 24: // TODO: why do we need to pass size twice? packages/react-experiments/src/components/SelectedItemsList/Items/ItemWithContextMenu.tsx (1 line): - line 32: // TODO: evaluate whether anything should be changed here based on warning: packages/react-spinner/src/components/Spinner/Spinner.types.ts (1 line): - line 8: // TODO Add things shared between props and state here packages/react-theme/src/themes/ColorRamp.stories.tsx (1 line): - line 2: FIXME: this is a temporary workaround - moving stories from react-examples packages/react-docsite-components/src/components/FeedbackList/FeedbackList.types.ts (1 line): - line 29: // TODO: remove any after TS 3 upgrade apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Styles/web.tsx (1 line): - line 103: // @TODO: Like with GetStarted page, IconsPage makes a require call packages/fluentui/react-northstar/src/components/Toolbar/ToolbarMenuRadioGroup.tsx (1 line): - line 60: export const toolbarMenuRadioGroupClassName = 'ui-toolbars'; // FIXME: required by getComponentInfo/isConformant. But this is group inside a toolbar not a group of toolbars packages/fluentui/react-builder/src/components/MultiTypeKnob.tsx (1 line): - line 96: opt, // FIXME the optional is workaround for showing `Dialog` props when selected from component tree packages/react-conformance/src/defaultTests.tsx (1 line): - line 415: // TODO: Test last word of callback name against list of valid verbs packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.base.tsx (1 line): - line 57: // TODO: switch to strict controlled pattern instead packages/react/src/components/TeachingBubble/TeachingBubble.types.ts (1 line): - line 171: // TODO: this should be the interface once we're on TS 2.9.2 but otherwise causes errors in 2.8.4 packages/react-tabster/src/hooks/useFocusIndicatorStyle.ts (1 line): - line 81: // FIXME: tokens.strokeWidthThick causes some weird bugs packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx (1 line): - line 43: // TODO FloatingSuggestions should not be responsible for getting the scripts/gulp/plugins/util/docs-types.ts (1 line): - line 4: // TODO: move types to shared location packages/react-spinbutton/src/components/SpinButton/SpinButton.types.ts (1 line): - line 8: // TODO Add things shared between props and state here packages/react-experiments/src/components/UnifiedPicker/UnifiedPicker.tsx (1 line): - line 665: /* TODO: create mouse drag selection capability */ packages/react-radio/src/components/Radio/renderRadio.tsx (1 line): - line 13: {/* TODO Add additional slots in the appropriate place */} scripts/create-component/plop-templates/src/components/{{componentName}}/render{{componentName}}.tsx.hbs (1 line): - line 11: // TODO Add additional slots in the appropriate place scripts/tasks/eslint.ts (1 line): - line 6: // TODO: also lint config files? scripts/create-package/plop-templates-react/src/index.ts (1 line): - line 1: // TODO: replace with real exports apps/public-docsite/src/pages/HomePage/HomePage.base.tsx (1 line): - line 440: topic: url, // @TODO: Remove topic when data is stale. packages/fluentui/react-builder/src/components/ErrorBoundary.tsx (1 line): - line 12: // FIXME: we should not need getDerivedStateFromProps packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTable.tsx (1 line): - line 28: // TODO: remove packages/fluentui/react-builder/src/state/state.ts (1 line): - line 26: selectedComponentInfo: ComponentInfo; // FIXME: should be computed in render? packages/react-make-styles/src/renderToStyleElements.ts (1 line): - line 36: // TODO: support "nonce" scripts/ts-node-register.js (1 line): - line 10: // TODO: re-enable when upgrading ts-node to version which supports this packages/react-experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsCore.tsx (1 line): - line 178: // TODO get the element to scroll into view properly regardless of direction. packages/react-accordion/src/components/Accordion/useAccordion.ts (1 line): - line 67: * TODO: since the dropping of descendants API due to performance issues, packages/react-focus/src/components/FocusZone/FocusZone.types.ts (1 line): - line 99: elementType?: any /* TODO should be `keyof React.ReactHTML`, tracking with https://github.com/Microsoft/TypeScript/issues/30050 */; packages/fluentui/react-northstar/src/components/RadioGroup/RadioGroupItem.tsx (1 line): - line 73: shouldFocus?: boolean; // TODO: RFC #306 packages/react-accordion/src/components/AccordionHeader/useAccordionHeaderStyles.ts (1 line): - line 9: // TODO: this should be extracted to another package packages/react/src/components/MarqueeSelection/MarqueeSelection.tsx (1 line): - line 12: // TODO: MarqueeSelectionBase defaultProps are not lining up with IMarqueeSelectionProps, so we have to be explicit packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.base.tsx (1 line): - line 60: // TODO: switch to strict controlled pattern instead packages/react-tabs/src/components/Tab/useTabStyles.ts (1 line): - line 9: // TODO: These constants should be replaced with design tokens packages/react-tooltip/src/components/Tooltip/useTooltipStyles.ts (1 line): - line 28: // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter packages/react/src/components/Dialog/DialogContent.base.tsx (1 line): - line 108: // @TODO - typing the footers as an array of DialogFooter is difficult because packages/fluentui/react-bindings/src/hooks/useStyles.ts (1 line): - line 50: styles?: ComponentSlotStyle; // TODO: see if we can improve it packages/fluentui/react-northstar/src/components/Form/utils/formFieldBase.tsx (1 line): - line 92: // TODO: create hooks for id to avoid disbaling esling for accessing the value of refs packages/fluentui/react-northstar/src/themes/teams/components/Pill/pillIconStyles.ts (1 line): - line 40: // TODO: Remove this workaround once we have proper icon from designer packages/react-spinbutton/src/components/SpinButton/renderSpinButton.tsx (1 line): - line 11: // TODO Add additional slots in the appropriate place apps/public-docsite/src/utilities/createSite.tsx (1 line): - line 1: // TODO: move to react-docsite-components once Site moves packages/react-popover/src/components/PopoverSurface/renderPopoverSurface.tsx (1 line): - line 12: // TODO should hidden Popovers be supported ? packages/fluentui/react-northstar-prototypes/src/prototypes/CopyToClipboard/CopyToClipboard.tsx (1 line): - line 43: // TODO: This is intentional, but may be buggy. Should be fixed later packages/fluentui/react-northstar/src/themes/teams/components/Slider/sliderStyles.ts (1 line): - line 72: outline: 0, // TODO: check if this is correct packages/react-dialog/src/components/Dialog/renderDialog.tsx (1 line): - line 11: // TODO Add additional slots in the appropriate place packages/react-experiments/src/utilities/factoryComponents.types.tsx (1 line): - line 14: // TODO: All contents of this file should be moved to each respective component after slots utilities are promoted. packages/react-experiments/src/components/FolderCover/FolderCover.tsx (1 line): - line 13: // TODO Add animation support for drag/drop events. packages/react-docsite-components/src/components/MarkdownTable/MarkdownTable.styles.ts (1 line): - line 45: // TODO: add background gradient styles (see Page.module.scss) packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx (1 line): - line 212: // TODO get the element to scroll into view properly regardless of direction. packages/react/src/components/pickers/Suggestions/Suggestions.scss (1 line): - line 81: // TODO: Works in Chrome, but not working in IE packages/react-card/src/components/CardPreview/useCardPreviewStyles.ts (1 line): - line 12: // TODO: Explore alternate way of applying padding on parent Card packages/fluentui/react-northstar/src/components/Menu/MenuItemContent.tsx (1 line): - line 58: }) as unknown) as MenuItemSubscribedValue; // TODO: we should improve typings for the useContextSelectors packages/react-provider/src/components/FluentProvider/useFluentProvider.ts (1 line): - line 26: * TODO: add merge functions to "dir" merge, packages/react-switch/src/components/Switch/useSwitchState.ts (1 line): - line 23: // TODO: This should be replaced with a useEvent hook packages/fluentui/react-builder/src/componentInfo/componentInfoContext.ts (1 line): - line 1: // FIXME: these types are copy&paste from @fluentui/docs to avoid circular dependency packages/react-docsite-components/src/components/Page/Page.tsx (1 line): - line 46: // TODO: I think this component should be templated to forward the TPlatform type to props. apps/public-docsite/src/components/Site/Site.module.scss (1 line): - line 19: font-size: 16px; // @TODO replace with fluent variable packages/react-spinbutton/src/index.ts (1 line): - line 1: // TODO: replace with real exports packages/react-radio/src/index.ts (1 line): - line 1: // TODO: replace with real exports packages/fluentui/react-northstar/src/utils/createComponentInternal.ts (1 line): - line 73: FluentComponent.propTypes = propTypes; // TODO: generate prop types packages/fluentui/react-northstar/src/components/Toolbar/ToolbarMenuRadioGroupWrapper.tsx (1 line): - line 10: export const toolbarMenuRadioGroupWrapperClassName = 'ui-toolbars'; // FIXME: required by getComponentInfo/isConformant. But this is group inside a toolbar not a group of toolbars packages/fluentui/react-northstar/src/components/Toolbar/ToolbarRadioGroup.tsx (1 line): - line 55: export const toolbarRadioGroupClassName = 'ui-toolbars'; // FIXME: required by getComponentInfo/isConformant. But this is group inside a toolbar not a group of toolbars packages/azure-themes/src/azure/AzureStyleSettings.ts (1 line): - line 52: // TODO: "any" is used here to get around "is using xxx but cannot be named" TS error. Should be able to remove packages/react/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx (1 line): - line 94: // TODO: Move this component to composition with required onRenderItem to remove packages/react-docsite-components/src/components/Header/Header.types.ts (1 line): - line 34: // TODO: remove any after TS 3 upgrade packages/react-docsite-components/src/components/App/App.types.ts (1 line): - line 70: // TODO: remove anys after TS 3 upgrade packages/react/src/components/Stack/Stack.styles.ts (1 line): - line 183: // TODO: this cast may be hiding some potential issues with styling and name packages/react-icons-mdl2/src/utils/createSvgIcon.ts (1 line): - line 11: const icons = useIconSubset(); // TODO: handle fontFace and styles packages/style-utilities/src/styles/getFadedOverflowStyle.ts (1 line): - line 95: // TODO consider moving this to a separate module along with some more color functions from OUFR/utilities. packages/react-docsite-components/src/components/ExampleCard/ExampleCard.tsx (1 line): - line 150: // TODO: fix once button has full styling support packages/react-experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsItem.tsx (1 line): - line 27: ? // TODO don't do this horrible hack to get around `styled` typing problems. packages/react-text/src/common/isConformant.ts (1 line): - line 16: // TODO: https://github.com/microsoft/fluentui/issues/19618 packages/utilities/src/selection/Selection.types.ts (1 line): - line 55: setModal?(isModal: boolean): void; // TODO make non-optional on next breaking change packages/foundation-legacy/src/ThemeProvider.tsx (1 line): - line 21: // TODO: consider merging implementation with theme-proto, which only stores a reference / scheme name to theme packages/react/src/components/Stack/StackItem/StackItem.styles.ts (1 line): - line 44: // TODO: this cast may be hiding some potential issues with styling and name packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.types.ts (1 line): - line 38: coin?: IStyle; // TODO: Check if this works after Jason his PR packages/web-components/src/index-rollup.ts (1 line): - line 1: // TODO: Is exporting Foundation still necessary with the updated API's? packages/theme/src/types/IFabricConfig.ts (1 line): - line 4: // TODO: figure out a better place (e.g a shared typing package) for this interface. packages/fluentui/react-northstar/src/components/Toolbar/ToolbarMenu.tsx (1 line): - line 175: // TODO: As ElementType is wrapped with FocusZone which doesn't ref forwarding we have to use Ref packages/fluentui/react-bindings/src/compose/mergeProps.ts (1 line): - line 29: // TODO: Resolve inline styles. packages/react-link/src/common/isConformant.ts (1 line): - line 13: // TODO: To fix as part of https://github.com/microsoft/fluentui/issues/19522 packages/fluentui/react-northstar/src/components/Menu/MenuDivider.tsx (1 line): - line 60: }) as unknown) as MenuDividerSubscribedValue; // TODO: we should improve typings for the useContextSelectors packages/react-radio/src/components/RadioItem/useRadioItemStyles.ts (1 line): - line 25: // TODO: neutralForegroundInverted change to NeutralForegroundOnBrand once it's added packages/react-theme/src/themes/ThemeShadows.stories.tsx (1 line): - line 9: // FIXME: hardcoded theme packages/foundation-legacy/src/IComponent.ts (1 line): - line 4: // TODO: Known TypeScript issue is widening return type checks when using function type declarations. packages/react-docsite-components/src/components/Page/sections/ExamplesSection.tsx (1 line): - line 8: // TODO: There seems to be a disparity between this type and IPageSectionProps as used in Page.tsx. packages/react-docsite-components/src/components/PlatformPicker/PlatformPicker.tsx (1 line): - line 57: // @TODO: convert PlatformPicker to css-in-js and get rid of this method. apps/public-docsite/src/styles/_overrides.scss (1 line): - line 11: // @TODO: Fix this in fabric ui core, or add prop to Panel to have user specify z-index packages/fluentui/react-builder/src/components/Designer.tsx (1 line): - line 59: // FIXME: what if I am viewing tree from URL? packages/react-dialog/src/components/Dialog/Dialog.types.ts (1 line): - line 8: // TODO Add things shared between props and state here packages/react-experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsControl.tsx (1 line): - line 199: // TODO get the element to scroll into view properly regardless of direction. packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss (1 line): - line 22: // TODO: Works in Chrome, but not working in IE packages/fluentui/react-northstar/src/components/RadioGroup/RadioGroup.tsx (1 line): - line 1: // TODO: packages/react/src/components/Slider/Slider.types.ts (1 line): - line 108: // TODO: fix event type if we release another major version packages/react-popover/src/common/isConformant.ts (1 line): - line 11: // TODO // https://github.com/microsoft/fluentui/issues/19522 packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.styles.ts (1 line): - line 13: // TODO: typing exposed this error, ask Mark what it should be? packages/fluentui/react-builder/src/components/DebugFrame.tsx (1 line): - line 15: // FIXME: temporary hacky implementation! reuse DebugRect packages/react/src/components/pickers/Suggestions/Suggestions.tsx (1 line): - line 142: // TODO: cleanup after refactor of pickers to composition pattern and remove SASS support. packages/fluentui/react-northstar/src/components/Tooltip/Tooltip.tsx (1 line): - line 160: // TODO: Consider `getOrGenerateIdFromShorthand()` as hook and make it SSR safe apps/public-docsite/src/root.tsx (1 line): - line 10: // TODO: handle redirects packages/react-docsite-components/src/components/Markdown/Markdown.types.ts (1 line): - line 35: // TODO: remove anys packages/react-experiments/src/components/SelectedItemsList/SelectedItemsList.tsx (1 line): - line 59: // TODO: consider whether dependency on removeItems should be added packages/react/src/utilities/dragdrop/DragDropHelper.tsx (1 line): - line 402: // TODO: take the drag item into consideration to prevent dragging an item into the same group packages/react-docsite-components/src/components/PropertiesTable/PropertiesTableSet.types.ts (1 line): - line 46: // TODO: remove anys after TS 3 upgrade packages/react-examples/src/react-experiments/CollapsibleSection/CollapsibleSection.Slots.Example.tsx (1 line): - line 9: // TODO: convert this example to use extendComponent packages/react-experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsControl.scss (1 line): - line 22: // TODO: Works in Chrome, but not working in IE packages/react/src/components/SpinButton/SpinButton.styles.ts (1 line): - line 42: // TODO: after updating the semanticColor slots all this need to be reevaluated. packages/react/src/components/Autofill/Autofill.tsx (1 line): - line 153: // TODO (Fabric 8?) - switch to calling only onChange. See notes in TextField._onInputChange. packages/web-components/src/styles/elevation.ts (1 line): - line 7: * TODO: The --background-luminance will need to be derived from JavaScript. For now packages/react-checkbox/src/components/Checkbox/useCheckboxStyles.ts (1 line): - line 9: // TODO replace these spacing constants with theme values once they're on the theme scripts/tasks/lint-imports.ts (1 line): - line 36: // TODO: Ideally these would eventually be removed. packages/react-docsite-components/src/components/CodepenComponent/CodepenComponent.types.ts (1 line): - line 26: // TODO: remove anys after TS 3 upgrade and full button styling support packages/react-spinner/src/index.ts (1 line): - line 1: // TODO: replace with real exports packages/react/src/components/pickers/Suggestions/Suggestions.types.ts (1 line): - line 171: * TODO (adjective-object) remove IPersonaprops before the next major version bump packages/react/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx (1 line): - line 91: // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire packages/react/src/components/CommandBar/CommandBar.base.tsx (1 line): - line 97: // TODO We may need to elevate classNames from into ? packages/react-tabster/src/hooks/useTabster.ts (1 line): - line 21: // TODO: worth memoizing once more tabster options are used packages/codemods/src/codeMods/mods/personaToAvatar/personaToAvatar.mod.ts (1 line): - line 106: // TODO need to test with a variety of things, maybe one that serves as a passthrough packages/fluentui/code-sandbox/src/SandboxApp.tsx (1 line): - line 50: {/* TODO: Load it in more React way */} packages/fluentui/react-builder/src/state/utils.ts (1 line): - line 4: // TODO: use refs packages/react-experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx (1 line): - line 9: // TODO: Have Markus verify... className props was required, but I'm not sure if it should be. packages/react-docsite-components/src/components/EditSection/EditSection.types.ts (1 line): - line 38: // TODO: remove anys after TS 3 upgrade and full button styling support packages/react-experiments/src/components/signals/Signals.tsx (1 line): - line 139: export const ATPSignal: Signal = MalwareDetectedSignal; // TODO Delete on next major version. scripts/gulp/tasks/docs.ts (1 line): - line 82: .pipe(remember('example-menu')) // FIXME: with watch this unnecessarily processes index files for all examples packages/fluentui/react-northstar-prototypes/src/prototypes/customToolbar/darkThemeOverrides.ts (1 line): - line 73: // FIXME: use variables for colors! scripts/gulp/tasks/perf.ts (1 line): - line 11: // TODO (fui repo merge): scripts should not have relative imports of things inside packages packages/react/src/components/Rating/Rating.styles.ts (1 line): - line 86: // TODO: Use a proper semantic color for this packages/react-docsite-components/src/components/TopNav/TopNav.module.scss (1 line): - line 115: // TODO: remove packages/fluentui/react-northstar/src/themes/teams/components/Card/cardVariables.ts (1 line): - line 123: // TODO: update with latest values from design apps/perf-test/tasks/fluentPerfRegressions.ts (1 line): - line 6: // TODO: check false positive potential regression reports in fluent ui repo and fix packages/react-dialog/src/index.ts (1 line): - line 1: // TODO: replace with real exports packages/fluentui/react-northstar/src/components/Datepicker/Datepicker.tsx (1 line): - line 158: // FIXME: This object is created every render, causing a cascade of useCallback/useEffect re-runs. packages/fluentui/styles/src/deepmerge.ts (1 line): - line 18: target[k] = source[k]; // TODO: do deep clone for arrays? We currently do not have any deep arrays in variables packages/bundle-size/src/utils/prepareFixture.js (1 line): - line 42: // TODO: proper error reporting packages/react-label/src/index.ts (1 line): - line 1: // TODO: replace with real exports packages/react/src/components/ContextualMenu/ContextualMenu.classNames.ts (1 line): - line 99: // TODO: Audit perf. impact of and potentially remove memoizeFunction. packages/react-theme/src/types.ts (1 line): - line 964: // TODO: do we want to split theme for better tree shaking? (MUI) packages/react-experiments/src/components/SelectedItemsList/Items/CopyableItem.tsx (1 line): - line 39: // TODO: evaluate whether anything should be changed here based on warning: packages/react-experiments/src/components/PersonaCoin/PersonaCoin.state.ts (1 line): - line 6: // TODO: isPictureLoaded was controlled, does it need to be? it's not exposed through component props... packages/fluentui/react-northstar/src/themes/teams/components/Pill/pillVariables.ts (1 line): - line 89: // TODO: The design spec maps to Neutral Stroke 1 that is equivalent to gre[440] scripts/create-component/plop-templates/src/components/{{componentName}}/{{componentName}}.types.ts.hbs (1 line): - line 8: // TODO Add things shared between props and state here packages/react-components/src/DocsComponents/FluentDocsContainer.stories.tsx (1 line): - line 22: {/** TODO add table of contents */}