@office-iss/react-native-win32 0.71.0 → 0.71.2

package/src/Libraries/Components/View/ViewWin32.Props.ts

@@ -1,281 +0,0 @@
-'use strict';
-import React from 'react'
-import RN = require('react-native');
-
-// removes from interface T the members of interface K
-type Omit<T, K> = Pick<T, Exclude<keyof T, keyof K>>;
-
-// All of T becomes optional except for Keys
-type PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<Partial<T>, Exclude<keyof T, Keys>> & Pick<T, Keys>;
-
-/**
- * All of TOrigin except Key from TUse
- */
-export type UseFrom<TOrigin, TUse, Key extends keyof TUse> = Pick<TOrigin, Exclude<keyof TOrigin, Key>> & Pick<TUse, Key>;
-
-export enum EventPhase {
-  None,
-  Capturing,
-  AtTarget,
-  Bubbling
-}
-
-export interface INativeKeyboardEvent {
-  altKey: boolean;
-  ctrlKey: boolean;
-  metaKey: boolean;
-  shiftKey: boolean;
-  key: string;
-  eventPhase: EventPhase;
-}
-export type IKeyboardEvent = RN.NativeSyntheticEvent<INativeKeyboardEvent>;
-export type IHandledKeyboardEvent = PartiallyRequired<INativeKeyboardEvent, 'key'>;
-
-export interface IViewWin32 {
-  focus: () => void;
-}
-
-export type ARIARole =
-  | 'alert'
-  | 'alertdialog'
-  | 'application'
-  | 'button'
-  | 'checkbox'
-  | 'combobox'
-  | 'dialog'
-  | 'group'
-  | 'link'
-  | 'listitem'
-  | 'menu'
-  | 'menubar'
-  | 'menuitem'
-  | 'none'
-  | 'presentation'
-  | 'progressbar'
-  | 'radio'
-  | 'radiogroup'
-  | 'scrollbar'
-  | 'search'
-  | 'spinbutton'
-  | 'switch'
-  | 'tab'
-  | 'tablist'
-  | 'tabpanel'
-  | 'textbox'
-  | 'timer'
-  | 'toolbar'
-  | 'tree'
-  | 'treeitem';
-
-export type AnnotationType =
-  | 'AdvanceProofingIssue'
-  | 'Author'
-  | 'CircularReferenceError'
-  | 'Comment'
-  | 'ConflictingChange'
-  | 'DataValidationError'
-  | 'DeletionChange'
-  | 'EditingLockedChange'
-  | 'Endnote'
-  | 'ExternalChange'
-  | 'Footer'
-  | 'Footnote'
-  | 'FormatChange'
-  | 'FormulaError'
-  | 'GrammarError'
-  | 'Header'
-  | 'Highlighted'
-  | 'InsertionChange'
-  | 'Mathematics'
-  | 'MoveChange'
-  | 'SpellingError'
-  | 'TrackChanges'
-  | 'Unknown'
-  | 'UnsyncedChange';
-
-export type AccessibilityAnnotationInfo = Readonly<{
-  typeID: AnnotationType;
-  typeName?: string;
-  author?: string;
-  dateTime?: string;
-  target?: string;
-}>;
-
-export type AccessibilityActionName =
-  | RN.AccessibilityActionName
-  | 'AddToSelection'
-  | 'RemoveFromSelection'
-  | 'Select'
-  | 'Expand'
-  | 'Collapse'
-  | 'Toggle';
-
-export type Cursor =
-  | 'auto'
-  | 'default'
-  | 'pointer'
-  | 'help'
-  | 'not-allowed'
-  | 'wait'
-  | 'move'
-  | 'nesw-resize'
-  | 'ns-resize'
-  | 'nwse-resize'
-  | 'we-resize'
-  | 'text'
-
-export type AccessibilityActionInfo = Readonly<{
-  name: AccessibilityActionName;
-  label?: string;
-}>;
-
-export type AccessibilityState = RN.AccessibilityState & { multiselectable?: boolean, required?: boolean };
-
-export type SharedAccessibilityPropsIOSandWin32 = {
-  onAccessibilityTap?: () => void;
-};
-
-export type OmittedAccessibilityPropsWin32 = {
-  accessibilityActions?: ReadonlyArray<RN.AccessibilityActionInfo>;
-  accessibilityRole?: RN.AccessibilityRole;
-  accessibilityState?: RN.AccessibilityState;
-};
-
-export type BasePropsWin32 = {
-  /**
-   * Tells a person using a screen reader the type of element they are focused on.
-   *
-   * Overrides the `accessibilityRole` prop on React Native to accept a subset of ARIA roles.
-   *
-   * Possible values for ARIARole are: alert, alertdialog, application, button, checkbox,
-   * comobox, dialog, group, link, menu, menubar, menuitem, none, presentation, progressbar,
-   * radio, radiogroup, scrollbar, search, spinbutton, switch, tab, tablist, tabpanel, textbox,
-   * timer, toolbar, tree, and treeitem.
-   */
-  accessibilityRole?: RN.AccessibilityRole | ARIARole;
-  accessibilityState?: AccessibilityState;
-  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;
-
-  /**
-  * Windows Accessibility extensions for allowing other DOM elements to label or describe a given element.
-  *
-  * Defined as a reference to another DOM element inheriting from the primary base classes of React-Native elements.
-  * The reference will be converted to a native reference (tag) before passing to the native platform.
-  */
-  accessibilityDescribedBy?: React.RefObject<any>;
-  accessibilityLabeledBy?: React.RefObject<any>;
-
-  /**
-  * Identifies the element whose contents or presence are controlled by another element. 
-  * 
-  * This is mainly used for a Textbox with a Dropdown PeoplePicker-type list.  This allows an 
-  * accessibility tool to query those other providers for properties and listen to their events.
-  */
-   accessibilityControls?: React.RefObject<any>;    
-
-   /**
-    * Identifies the ItemType property, which is a text string describing the type of the automation element.
-    * ItemType is used to obtain information about items in a list, tree view, or data grid. For example, an item in a file directory view might be a "Document File" or a "Folder".
-    */
-   accessibilityItemType?: string;
-
-   /**
-    * Defines the level of an element in a hierarchical structure or the heading level of a text element.
-    * Note: accessibilityRole="header" must be used if using this property to define a heading level.
-    */
-    accessibilityLevel?: number;
-};
-
-export type ViewWin32OmitTypes = RN.ViewPropsAndroid &
-  RN.ViewPropsIOS &
-  RN.AccessibilityPropsAndroid &
-  Omit<RN.AccessibilityPropsIOS, SharedAccessibilityPropsIOSandWin32> &
-  OmittedAccessibilityPropsWin32;
-
-/**
- * Properties for ViewWin32 component
- */
-export interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {
-  type?: React.ElementType;
-  children?: React.ReactNode;
-  /**
-   * An access key to hook up to the UIA_AccessKey_Property.
-   * Access keys are used in keyboard navigation to allow quick navigation to UI in an application.
-   */
-  accessibilityAccessKey?: string;
-  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;
-  /**
-   * Tells a person using a screen reader what kind of annotation they
-   * have selected. If available, it will also tell a person the author of the annotation and
-   * the date and time the annotation was posted.
-   *
-   * Note: If typeID is 'Unknown', a typeName must be provided.
-   */
-  accessibilityAnnotation?: AccessibilityAnnotationInfo;
-  /**
-  * accessibilityDescription provides more detailed information specific to the element (i.e. last edit date, full location for a file)
-  * while accessibilityHint provides infomation on what will happen when they perform an action.
-  *
-  */
-  accessibilityDescription?: string;
-  accessibilityPositionInSet?: number;
-
-  accessibilitySetSize?: number;
-  animationClass?: string;
-  focusable?: boolean;
-  enableFocusRing?: boolean;
-  /*
-  * overrides the default behavior of some components that do not show a tooltip. i.e. components in a menu
-  */
-  alwaysShowToolTip?: boolean;
-
-  /**
-   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
-   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onBlur?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  /**
-   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
-   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onBlurCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  /**
-   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
-   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onFocus?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  /**
-   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
-   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onFocusCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-
-  onKeyDown?: (args: IKeyboardEvent) => void;
-  onKeyDownCapture?: (args: IKeyboardEvent) => void;
-  onKeyUp?: (args: IKeyboardEvent) => void;
-  onKeyUpCapture?: (args: IKeyboardEvent) => void;
-
-  onMouseEnter?: () => void;
-  onMouseLeave?: () => void;
-
-  keyDownEvents?: IHandledKeyboardEvent[];
-  keyUpEvents?: IHandledKeyboardEvent[];
-
-  /**
-   * Provides a screentip to be used on hover of the view
-   */
-  tooltip?: string;
-  cursor?: Cursor;
-}

package/src/Libraries/Components/View/ViewWin32.tsx

@@ -1,119 +0,0 @@
-/**
- * Copyright: Microsoft 2015
- *
- * RN-specific implementation of the cross-platform View abstraction.
- */
-
-import React from 'react'
-import RN = require('react-native');
-import { View, findNodeHandle, UIManager } from 'react-native';
-import { IViewWin32Props, UseFrom } from './ViewWin32.Props';
-const setAndForwardRef = require('../../Utilities/setAndForwardRef');
-
-/**
- * Basic View component with additional Win32 specific functionality
- */
-
-type InnerViewWin32Props = UseFrom<IViewWin32Props, RN.ViewProps, 'accessibilityRole'> &
-  UseFrom<IViewWin32Props, RN.ViewProps, 'accessibilityState'> &
-  UseFrom<IViewWin32Props, RN.ViewProps, 'accessibilityActions'> &
-  UseFrom<IViewWin32Props, RN.ViewProps, 'onAccessibilityAction'>;
-
-type ViewWin32Type = React.ForwardRefExoticComponent<
-IViewWin32Props & React.RefAttributes<View>
-> &
-  View;
-
-export const ViewWin32 = React.forwardRef(
-  (props: IViewWin32Props, ref: React.Ref<any>) => {
-
-    /**
-     * Check for raw text in the DOM.
-     */
-    if (__DEV__) {
-      if (props) {
-        React.Children.toArray(props.children).forEach(item => {
-          if (typeof item === 'string') {
-            console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
-          }
-        });
-      }
-    }
-
-    /**
-     * Process accessibility refs into node handles after initial DOM render, before sent across the bridge.
-     * useLayoutEffect will invalidate the render to assess the ref-based accessibility properties.
-     */
-
-    const [labeledByTarget, setLabeledByTarget] = React.useState(null);
-    const [describedByTarget, setDescribedByTarget] = React.useState(null);
-    const [controlsTarget, setControlsTarget] = React.useState(null);
-    const {accessibilityLabeledBy, accessibilityDescribedBy, accessibilityControls, ...rest} = props;
-
-    React.useLayoutEffect(() => {
-      if (accessibilityLabeledBy !== undefined && accessibilityLabeledBy.current !== null)
-      {
-        setLabeledByTarget(findNodeHandle(accessibilityLabeledBy.current as
-          | null
-          | number
-          | React.Component<any, any, any>
-          | React.ComponentClass<any, any>));
-      }
-    }, [accessibilityLabeledBy]);
-
-    React.useLayoutEffect(() => {
-      if (accessibilityDescribedBy !== undefined && accessibilityDescribedBy.current !== null)
-      {
-        setDescribedByTarget(findNodeHandle(accessibilityDescribedBy.current as
-          | null
-          | number
-          | React.Component<any, any, any>
-          | React.ComponentClass<any, any>));
-      }
-    }, [accessibilityDescribedBy]);
-    
-    React.useLayoutEffect(() => {
-      if(accessibilityControls !== undefined && accessibilityControls.current !== null)
-      {
-        setControlsTarget(findNodeHandle(accessibilityControls.current as
-          | null
-          | number
-          | React.Component<any, any, any>
-          | React.ComponentClass<any, any>));
-      }
-    }, [accessibilityControls]);
-
-    /**
-     * Set up the forwarding ref to enable adding the focus method.
-     */
-    const focusRef = React.useRef<ViewWin32>();
-    const setNativeRef = setAndForwardRef({
-      getForwardedRef: () => ref,
-      setLocalRef: localRef => {
-        focusRef.current = localRef;  
-
-        /**
-         * Add focus() as a callable function to the forwarded reference.
-         */
-        if (localRef)
-        {
-          localRef.focus = () => {
-            UIManager.dispatchViewManagerCommand(
-              findNodeHandle(localRef),
-              UIManager.getViewManagerConfig('RCTView').Commands.focus,
-              null
-              );
-          };
-        }
-      },
-    });
-
-    return <View ref={setNativeRef}
-    {...(rest as InnerViewWin32Props)}
-    {...((controlsTarget !== null) ? {accessibilityControls:controlsTarget} : {})}
-    {...((labeledByTarget !== null) ? {accessibilityLabeledBy:labeledByTarget} : {})}
-    {...((describedByTarget !== null) ? {accessibilityDescribedBy:describedByTarget} : {})}
-    />;
-  });
-
-export type ViewWin32 = ViewWin32Type;