@fluentui/react-switch 9.0.0-rc.1 → 9.0.0-rc.12

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-switch",
-  "version": "9.0.0-rc.1",
+  "version": "9.0.0-rc.12",
   "description": "Fluent UI React Switch component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,31 +21,23 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-switch/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-switch/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.7",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "9.0.0-rc.1",
-    "@fluentui/react-tabster": "9.0.0-rc.1",
-    "@fluentui/react-utilities": "9.0.0-rc.1",
-    "@griffel/react": "1.0.0",
+    "@fluentui/react-icons": "^2.0.166-rc.3",
+    "@fluentui/react-label": "9.0.0-rc.4",
+    "@fluentui/react-tabster": "9.0.0-rc.12",
+    "@fluentui/react-theme": "9.0.0-rc.9",
+    "@fluentui/react-utilities": "9.0.0-rc.9",
+    "@griffel/react": "1.0.5",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -60,5 +52,12 @@
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/dist/react-switch.d.ts

@@ -1,89 +0,0 @@
-import type { ComponentProps } from '@fluentui/react-utilities';
-import type { ComponentState } from '@fluentui/react-utilities';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import * as React_2 from 'react';
-import type { Slot } from '@fluentui/react-utilities';
-
-/**
- * Render the final JSX of Switch
- */
-export declare const renderSwitch_unstable: (state: SwitchState) => JSX.Element;
-
-/**
- * The Switch control enables users to trigger an option on or off through pressing on the component.
- */
-export declare const Switch: ForwardRefComponent<SwitchProps>;
-
-export declare const switchClassName = "fui-Switch";
-
-declare interface SwitchCommons {
-    /**
-     * The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `checked` prop.
-     *
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * The current value for a controlled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `defaultChecked` prop.
-     */
-    checked?: boolean;
-    /**
-     * Whether the Switch should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback to be called when the `checked` value changes.
-     */
-    onChange?: (ev: React_2.PointerEvent<HTMLDivElement> | React_2.KeyboardEvent<HTMLDivElement>, data: {
-        checked: boolean;
-    }) => void;
-}
-
-export declare interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
-}
-
-export declare type SwitchSlots = {
-    /**
-     * The root of the Switch.
-     */
-    root: Slot<'div'>;
-    /**
-     * The bar indicating the status of the Switch.
-     */
-    track: NonNullable<Slot<'div'>>;
-    /**
-     * The wrapper around the thumb. It is used as the active area for the thumb to position itself.
-     */
-    thumbWrapper: NonNullable<Slot<'div'>>;
-    /**
-     * The circular icon indicating the status of the Switch.
-     */
-    thumb: NonNullable<Slot<'div'>>;
-    /**
-     * The hidden input that handles the Switch's internal functionality.
-     */
-    input: NonNullable<Slot<'input'>>;
-    /**
-     * The area in which the Switch's rail allows for the thumb to be dragged.
-     */
-    activeRail: NonNullable<Slot<'div'>>;
-};
-
-export declare interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
-}
-
-/**
- * Given user props, returns state and render function for a Switch.
- */
-export declare const useSwitch_unstable: (props: SwitchProps, ref: React_2.Ref<HTMLElement>) => SwitchState;
-
-/**
- * Apply styling to the Switch slots based on the state
- */
-export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
-
-export { }

package/lib/Switch.d.ts

@@ -1 +0,0 @@
-export * from './components/Switch/index';

package/lib/components/Switch/Switch.d.ts

@@ -1,6 +0,0 @@
-import type { SwitchProps } from './Switch.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * The Switch control enables users to trigger an option on or off through pressing on the component.
- */
-export declare const Switch: ForwardRefComponent<SwitchProps>;

package/lib/components/Switch/Switch.types.d.ts

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type SwitchSlots = {
-    /**
-     * The root of the Switch.
-     */
-    root: Slot<'div'>;
-    /**
-     * The bar indicating the status of the Switch.
-     */
-    track: NonNullable<Slot<'div'>>;
-    /**
-     * The wrapper around the thumb. It is used as the active area for the thumb to position itself.
-     */
-    thumbWrapper: NonNullable<Slot<'div'>>;
-    /**
-     * The circular icon indicating the status of the Switch.
-     */
-    thumb: NonNullable<Slot<'div'>>;
-    /**
-     * The hidden input that handles the Switch's internal functionality.
-     */
-    input: NonNullable<Slot<'input'>>;
-    /**
-     * The area in which the Switch's rail allows for the thumb to be dragged.
-     */
-    activeRail: NonNullable<Slot<'div'>>;
-};
-interface SwitchCommons {
-    /**
-     * The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `checked` prop.
-     *
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * The current value for a controlled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `defaultChecked` prop.
-     */
-    checked?: boolean;
-    /**
-     * Whether the Switch should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback to be called when the `checked` value changes.
-     */
-    onChange?: (ev: React.PointerEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, data: {
-        checked: boolean;
-    }) => void;
-}
-export interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
-}
-export interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
-}
-export {};

package/lib/components/Switch/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Switch';
-export * from './Switch.types';
-export * from './renderSwitch';
-export * from './useSwitch';
-export * from './useSwitchStyles';

package/lib/components/Switch/renderSwitch.d.ts

@@ -1,5 +0,0 @@
-import type { SwitchState } from './Switch.types';
-/**
- * Render the final JSX of Switch
- */
-export declare const renderSwitch_unstable: (state: SwitchState) => JSX.Element;

package/lib/components/Switch/useSwitch.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { SwitchProps, SwitchState } from './Switch.types';
-/**
- * Given user props, returns state and render function for a Switch.
- */
-export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;

package/lib/components/Switch/useSwitchState.d.ts

@@ -1,2 +0,0 @@
-import type { SwitchState } from './Switch.types';
-export declare const useSwitchState: (state: SwitchState) => SwitchState;

package/lib/components/Switch/useSwitchState.js

@@ -1,144 +0,0 @@
-import * as React from 'react';
-import { clamp, useBoolean, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';
-import { useFluent } from '@fluentui/react-shared-contexts'; // TODO: This should be replaced with a useEvent hook
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-const on = (element, eventName, callback) => {
-  element.addEventListener(eventName, callback);
-  return () => element.removeEventListener(eventName, callback);
-};
-
-export const useSwitchState = state => {
-  const {
-    defaultChecked = false,
-    checked,
-    disabled = false,
-    onChange
-  } = state;
-  const {
-    onPointerDown: onPointerDownCallback,
-    onKeyUp: onKeyUpCallback
-  } = state.root;
-  const {
-    dir
-  } = useFluent();
-  const inputRef = useMergedRefs(state.input.ref);
-  const railRef = React.useRef(null);
-  const internalState = React.useRef({
-    internalValue: checked ? checked : defaultChecked,
-    thumbIsDragging: false,
-    disposables: []
-  });
-  const [currentValue, setCurrentValue] = useControllableState({
-    defaultState: defaultChecked,
-    state: checked,
-    initialState: false
-  });
-  const [thumbAnimation, {
-    setTrue: showThumbAnimation,
-    setFalse: hideThumbAnimation
-  }] = useBoolean(true);
-  const [renderedPosition, setRenderedPosition] = React.useState(currentValue === true ? 100 : 0);
-  const setChecked = useEventCallback((ev, incomingValue) => {
-    ev.stopPropagation();
-    ev.preventDefault();
-    internalState.current.internalValue = incomingValue;
-    onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
-      checked: incomingValue
-    });
-    setCurrentValue(incomingValue);
-    setRenderedPosition(undefined);
-  });
-  const calculatePosition = React.useCallback(ev => {
-    var _a;
-
-    const currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    const railWidth = currentBounds.width;
-    const railPosition = dir === 'rtl' ? currentBounds.right : currentBounds.left;
-    const distance = dir === 'rtl' ? railPosition - ev.clientX : ev.clientX - railPosition;
-    return clamp(distance / railWidth * 100, 0, 100);
-  }, [dir]);
-  const onPointerMove = React.useCallback(ev => {
-    const incomingPosition = calculatePosition(ev);
-    internalState.current.thumbIsDragging = true;
-    hideThumbAnimation();
-    setRenderedPosition(incomingPosition); // If the Switch reaches a new position of 0% or 100%, update the state and fire change.
-
-    if (incomingPosition === 100 && internalState.current.internalValue !== true) {
-      setChecked(ev, true);
-    } else if (incomingPosition === 0 && internalState.current.internalValue !== false) {
-      setChecked(ev, false);
-    }
-  }, [calculatePosition, hideThumbAnimation, setChecked]);
-  const onPointerUp = React.useCallback(ev => {
-    internalState.current.disposables.forEach(dispose => dispose());
-    internalState.current.disposables = [];
-    inputRef.current.focus();
-
-    if (internalState.current.thumbIsDragging) {
-      const roundedPosition = Math.round(calculatePosition(ev) / 100) * 100;
-      showThumbAnimation();
-
-      if (roundedPosition === 100) {
-        setChecked(ev, true);
-      } else if (roundedPosition === 0) {
-        setChecked(ev, false);
-      }
-    } else {
-      setChecked(ev, !internalState.current.internalValue);
-    }
-  }, [calculatePosition, inputRef, setChecked, showThumbAnimation]);
-  const onPointerDown = React.useCallback(ev => {
-    var _a;
-
-    const {
-      pointerId
-    } = ev;
-    const target = ev.target;
-    onPointerDownCallback === null || onPointerDownCallback === void 0 ? void 0 : onPointerDownCallback(ev);
-    showThumbAnimation();
-    (_a = target.setPointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
-    internalState.current.thumbIsDragging = false;
-    internalState.current.disposables.push(on(target, 'pointermove', onPointerMove), on(target, 'pointerup', onPointerUp), () => {
-      var _a;
-
-      (_a = target.releasePointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
-    });
-  }, [onPointerDownCallback, onPointerMove, onPointerUp, showThumbAnimation]);
-  const onKeyUp = React.useCallback(ev => {
-    onKeyUpCallback === null || onKeyUpCallback === void 0 ? void 0 : onKeyUpCallback(ev);
-
-    if (ev.key === ' ') {
-      setChecked(ev, !internalState.current.internalValue);
-    }
-  }, [onKeyUpCallback, setChecked]);
-  const currentPosition = renderedPosition !== undefined ? renderedPosition : currentValue ? 100 : 0;
-  const rootStyles = {
-    '--switch-checked-opacity': currentPosition / 100,
-    '--switch-unchecked-opacity': (100 - currentPosition) / 100
-  };
-  const thumbWrapperStyles = {
-    transform: `translate(${dir === 'rtl' ? -currentPosition : currentPosition}%)`,
-    transition: thumbAnimation ? 'transform .1s cubic-bezier(0.33, 0.0, 0.67, 1), opacity .1s cubic-bezier(0.33, 0.0, 0.67, 1)' : 'none'
-  }; // Root Props
-
-  state.root.style = rootStyles;
-
-  if (!disabled) {
-    state.root.onPointerDown = onPointerDown;
-    state.root.onKeyUp = onKeyUp;
-  } // Input Props
-
-
-  state.input.checked = currentValue;
-  state.input.disabled = disabled;
-  state.input.ref = inputRef;
-  state.input.readOnly = true;
-  state.input.role = 'switch'; // Thumb Container Props
-
-  state.thumbWrapper.style = thumbWrapperStyles; // Active Rail Props
-
-  state.activeRail.ref = railRef;
-  return state;
-};
-//# sourceMappingURL=useSwitchState.js.map

package/lib/components/Switch/useSwitchState.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Switch/useSwitchState.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib/components/Switch/useSwitchStyles.d.ts

@@ -1,6 +0,0 @@
-import type { SwitchState } from './Switch.types';
-export declare const switchClassName = "fui-Switch";
-/**
- * Apply styling to the Switch slots based on the state
- */
-export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-export * from './Switch';

package/lib-commonjs/Switch.d.ts

@@ -1 +0,0 @@
-export * from './components/Switch/index';

package/lib-commonjs/components/Switch/Switch.d.ts

@@ -1,6 +0,0 @@
-import type { SwitchProps } from './Switch.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * The Switch control enables users to trigger an option on or off through pressing on the component.
- */
-export declare const Switch: ForwardRefComponent<SwitchProps>;

package/lib-commonjs/components/Switch/Switch.types.d.ts

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type SwitchSlots = {
-    /**
-     * The root of the Switch.
-     */
-    root: Slot<'div'>;
-    /**
-     * The bar indicating the status of the Switch.
-     */
-    track: NonNullable<Slot<'div'>>;
-    /**
-     * The wrapper around the thumb. It is used as the active area for the thumb to position itself.
-     */
-    thumbWrapper: NonNullable<Slot<'div'>>;
-    /**
-     * The circular icon indicating the status of the Switch.
-     */
-    thumb: NonNullable<Slot<'div'>>;
-    /**
-     * The hidden input that handles the Switch's internal functionality.
-     */
-    input: NonNullable<Slot<'input'>>;
-    /**
-     * The area in which the Switch's rail allows for the thumb to be dragged.
-     */
-    activeRail: NonNullable<Slot<'div'>>;
-};
-interface SwitchCommons {
-    /**
-     * The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `checked` prop.
-     *
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * The current value for a controlled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `defaultChecked` prop.
-     */
-    checked?: boolean;
-    /**
-     * Whether the Switch should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback to be called when the `checked` value changes.
-     */
-    onChange?: (ev: React.PointerEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, data: {
-        checked: boolean;
-    }) => void;
-}
-export interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
-}
-export interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
-}
-export {};

package/lib-commonjs/components/Switch/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Switch';
-export * from './Switch.types';
-export * from './renderSwitch';
-export * from './useSwitch';
-export * from './useSwitchStyles';

package/lib-commonjs/components/Switch/renderSwitch.d.ts

@@ -1,5 +0,0 @@
-import type { SwitchState } from './Switch.types';
-/**
- * Render the final JSX of Switch
- */
-export declare const renderSwitch_unstable: (state: SwitchState) => JSX.Element;

package/lib-commonjs/components/Switch/useSwitch.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { SwitchProps, SwitchState } from './Switch.types';
-/**
- * Given user props, returns state and render function for a Switch.
- */
-export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;

package/lib-commonjs/components/Switch/useSwitchState.d.ts

@@ -1,2 +0,0 @@
-import type { SwitchState } from './Switch.types';
-export declare const useSwitchState: (state: SwitchState) => SwitchState;