@fluentui/react-card 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/components/Card/useCard.js

@@ -1,22 +1,19 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCard_unstable", {
-    enumerable: true,
-    get: ()=>useCard_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactTabster = require("@fluentui/react-tabster");
-const _useCardSelectable = require("./useCardSelectable");
-const _cardContext = require("./CardContext");
+exports.useCard_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const useCardSelectable_1 = /*#__PURE__*/require("./useCardSelectable");
+const CardContext_1 = /*#__PURE__*/require("./CardContext");
 const focusMap = {
-    off: undefined,
-    "no-tab": "limited-trap-focus",
-    "tab-exit": "limited",
-    "tab-only": "unlimited"
+  off: undefined,
+  'no-tab': 'limited-trap-focus',
+  'tab-exit': 'limited',
+  'tab-only': 'unlimited'
 };
 /**
  * Create the state for interactive cards.
@@ -25,71 +22,87 @@ const focusMap = {
  * and control focus properties based on that.
  *
  * @param props - props from this instance of Card
- */ const useCardInteractive = ({ focusMode ="off" , ...props })=>{
-    const interactive = [
-        "onClick",
-        "onDoubleClick",
-        "onMouseUp",
-        "onMouseDown",
-        "onPointerUp",
-        "onPointerDown",
-        "onTouchStart",
-        "onTouchEnd",
-        "onDragStart",
-        "onDragEnd"
-    ].some((prop)=>props[prop]);
-    const groupperAttrs = (0, _reactTabster.useFocusableGroup)({
-        tabBehavior: focusMap[interactive ? "no-tab" : focusMode]
-    });
-    const interactiveFocusAttributes = {
-        ...groupperAttrs,
-        tabIndex: 0
-    };
-    return {
-        interactive,
-        focusAttributes: focusMode === "off" ? null : interactiveFocusAttributes
-    };
+ */
+const useCardInteractive = ({
+  focusMode = 'off',
+  ...props
+}) => {
+  const interactive = ['onClick', 'onDoubleClick', 'onMouseUp', 'onMouseDown', 'onPointerUp', 'onPointerDown', 'onTouchStart', 'onTouchEnd', 'onDragStart', 'onDragEnd'].some(prop => props[prop]);
+  const groupperAttrs = react_tabster_1.useFocusableGroup({
+    tabBehavior: focusMap[interactive ? 'no-tab' : focusMode]
+  });
+  const interactiveFocusAttributes = {
+    ...groupperAttrs,
+    tabIndex: 0
+  };
+  return {
+    interactive,
+    focusAttributes: focusMode === 'off' ? null : interactiveFocusAttributes
+  };
 };
-const useCard_unstable = (props, ref)=>{
-    const { appearance ="filled" , orientation ="vertical" , size ="medium"  } = props;
-    const [referenceId, setReferenceId] = _react.useState(_cardContext.cardContextDefaultValue.selectableA11yProps.referenceId);
-    const [referenceLabel, setReferenceLabel] = _react.useState(_cardContext.cardContextDefaultValue.selectableA11yProps.referenceId);
-    const cardBaseRef = (0, _reactTabster.useFocusWithin)();
-    const { selectable , selected , selectableCardProps , selectFocused , checkboxSlot , floatingActionSlot  } = (0, _useCardSelectable.useCardSelectable)(props, {
-        referenceId,
-        referenceLabel
-    }, cardBaseRef);
-    const cardRef = (0, _reactUtilities.useMergedRefs)(cardBaseRef, ref);
-    const { interactive , focusAttributes  } = useCardInteractive(props);
-    return {
-        appearance,
-        orientation,
-        size,
-        interactive,
-        selectable,
-        selectFocused,
-        selected,
-        selectableA11yProps: {
-            setReferenceId,
-            referenceId,
-            referenceLabel,
-            setReferenceLabel
-        },
-        components: {
-            root: "div",
-            floatingAction: "div",
-            checkbox: "input"
-        },
-        root: (0, _reactUtilities.getNativeElementProps)("div", {
-            ref: cardRef,
-            role: "group",
-            ...focusAttributes,
-            ...props,
-            ...selectableCardProps
-        }),
-        floatingAction: floatingActionSlot,
-        checkbox: checkboxSlot
-    };
-}; //# sourceMappingURL=useCard.js.map
-
+/**
+ * Create the state required to render Card.
+ *
+ * The returned state can be modified with hooks such as useCardStyles_unstable,
+ * before being passed to renderCard_unstable.
+ *
+ * @param props - props from this instance of Card
+ * @param ref - reference to the root element of Card
+ */
+const useCard_unstable = (props, ref) => {
+  const {
+    appearance = 'filled',
+    orientation = 'vertical',
+    size = 'medium'
+  } = props;
+  const [referenceId, setReferenceId] = React.useState(CardContext_1.cardContextDefaultValue.selectableA11yProps.referenceId);
+  const [referenceLabel, setReferenceLabel] = React.useState(CardContext_1.cardContextDefaultValue.selectableA11yProps.referenceId);
+  const cardBaseRef = react_tabster_1.useFocusWithin();
+  const {
+    selectable,
+    selected,
+    selectableCardProps,
+    selectFocused,
+    checkboxSlot,
+    floatingActionSlot
+  } = useCardSelectable_1.useCardSelectable(props, {
+    referenceId,
+    referenceLabel
+  }, cardBaseRef);
+  const cardRef = react_utilities_1.useMergedRefs(cardBaseRef, ref);
+  const {
+    interactive,
+    focusAttributes
+  } = useCardInteractive(props);
+  return {
+    appearance,
+    orientation,
+    size,
+    interactive,
+    selectable,
+    selectFocused,
+    selected,
+    selectableA11yProps: {
+      setReferenceId,
+      referenceId,
+      referenceLabel,
+      setReferenceLabel
+    },
+    components: {
+      root: 'div',
+      floatingAction: 'div',
+      checkbox: 'input'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref: cardRef,
+      role: 'group',
+      ...focusAttributes,
+      ...props,
+      ...selectableCardProps
+    }),
+    floatingAction: floatingActionSlot,
+    checkbox: checkboxSlot
+  };
+};
+exports.useCard_unstable = useCard_unstable;
 //# sourceMappingURL=useCard.js.map

package/lib-commonjs/components/Card/useCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Card/useCard.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, useMergedRefs } from \"@fluentui/react-utilities\";\nimport { useFocusableGroup, useFocusWithin } from \"@fluentui/react-tabster\";\nimport { useCardSelectable } from \"./useCardSelectable\";\nimport { cardContextDefaultValue } from \"./CardContext\";\nconst focusMap = {\n  off: undefined,\n  \"no-tab\": \"limited-trap-focus\",\n  \"tab-exit\": \"limited\",\n  \"tab-only\": \"unlimited\"\n};\n/**\n * Create the state for interactive cards.\n *\n * This internal hook defines if the card is interactive\n * and control focus properties based on that.\n *\n * @param props - props from this instance of Card\n */\nconst useCardInteractive = ({\n  focusMode = \"off\",\n  ...props\n}) => {\n  const interactive = [\"onClick\", \"onDoubleClick\", \"onMouseUp\", \"onMouseDown\", \"onPointerUp\", \"onPointerDown\", \"onTouchStart\", \"onTouchEnd\", \"onDragStart\", \"onDragEnd\"].some(prop => props[prop]);\n  const groupperAttrs = useFocusableGroup({\n    tabBehavior: focusMap[interactive ? \"no-tab\" : focusMode]\n  });\n  const interactiveFocusAttributes = {\n    ...groupperAttrs,\n    tabIndex: 0\n  };\n  return {\n    interactive,\n    focusAttributes: focusMode === \"off\" ? null : interactiveFocusAttributes\n  };\n};\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles_unstable,\n * before being passed to renderCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to the root element of Card\n */\nexport const useCard_unstable = (props, ref) => {\n  const {\n    appearance = \"filled\",\n    orientation = \"vertical\",\n    size = \"medium\"\n  } = props;\n  const [referenceId, setReferenceId] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n  const [referenceLabel, setReferenceLabel] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n  const cardBaseRef = useFocusWithin();\n  const {\n    selectable,\n    selected,\n    selectableCardProps,\n    selectFocused,\n    checkboxSlot,\n    floatingActionSlot\n  } = useCardSelectable(props, {\n    referenceId,\n    referenceLabel\n  }, cardBaseRef);\n  const cardRef = useMergedRefs(cardBaseRef, ref);\n  const {\n    interactive,\n    focusAttributes\n  } = useCardInteractive(props);\n  return {\n    appearance,\n    orientation,\n    size,\n    interactive,\n    selectable,\n    selectFocused,\n    selected,\n    selectableA11yProps: {\n      setReferenceId,\n      referenceId,\n      referenceLabel,\n      setReferenceLabel\n    },\n    components: {\n      root: \"div\",\n      floatingAction: \"div\",\n      checkbox: \"input\"\n    },\n    root: getNativeElementProps(\"div\", {\n      ref: cardRef,\n      role: \"group\",\n      ...focusAttributes,\n      ...props,\n      ...selectableCardProps\n    }),\n    floatingAction: floatingActionSlot,\n    checkbox: checkboxSlot\n  };\n};\n//# sourceMappingURL=useCard.js.map"],"names":["useCard_unstable","focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","useFocusableGroup","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","ref","appearance","orientation","size","referenceId","setReferenceId","React","useState","cardContextDefaultValue","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","useFocusWithin","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","useCardSelectable","cardRef","useMergedRefs","components","root","floatingAction","checkbox","getNativeElementProps","role"],"mappings":";;;;+BA6CaA;;aAAAA;;;6DA7CU;gCAC8B;8BACH;mCAChB;6BACM;AACxC,MAAMC,WAAW;IACfC,KAAKC;IACL,UAAU;IACV,YAAY;IACZ,YAAY;AACd;AACA;;;;;;;CAOC,GACD,MAAMC,qBAAqB,CAAC,EAC1BC,WAAY,MAAK,EACjB,GAAGC,OACJ,GAAK;IACJ,MAAMC,cAAc;QAAC;QAAW;QAAiB;QAAa;QAAe;QAAe;QAAiB;QAAgB;QAAc;QAAe;KAAY,CAACC,IAAI,CAACC,CAAAA,OAAQH,KAAK,CAACG,KAAK;IAC/L,MAAMC,gBAAgBC,IAAAA,+BAAiB,EAAC;QACtCC,aAAaX,QAAQ,CAACM,cAAc,WAAWF,SAAS,CAAC;IAC3D;IACA,MAAMQ,6BAA6B;QACjC,GAAGH,aAAa;QAChBI,UAAU;IACZ;IACA,OAAO;QACLP;QACAQ,iBAAiBV,cAAc,QAAQ,IAAI,GAAGQ,0BAA0B;IAC1E;AACF;AAUO,MAAMb,mBAAmB,CAACM,OAAOU,MAAQ;IAC9C,MAAM,EACJC,YAAa,SAAQ,EACrBC,aAAc,WAAU,EACxBC,MAAO,SAAQ,EAChB,GAAGb;IACJ,MAAM,CAACc,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAACC,oCAAuB,CAACC,mBAAmB,CAACL,WAAW;IAC5G,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGL,OAAMC,QAAQ,CAACC,oCAAuB,CAACC,mBAAmB,CAACL,WAAW;IAClH,MAAMQ,cAAcC,IAAAA,4BAAc;IAClC,MAAM,EACJC,WAAU,EACVC,SAAQ,EACRC,oBAAmB,EACnBC,cAAa,EACbC,aAAY,EACZC,mBAAkB,EACnB,GAAGC,IAAAA,oCAAiB,EAAC9B,OAAO;QAC3Bc;QACAM;IACF,GAAGE;IACH,MAAMS,UAAUC,IAAAA,6BAAa,EAACV,aAAaZ;IAC3C,MAAM,EACJT,YAAW,EACXQ,gBAAe,EAChB,GAAGX,mBAAmBE;IACvB,OAAO;QACLW;QACAC;QACAC;QACAZ;QACAuB;QACAG;QACAF;QACAN,qBAAqB;YACnBJ;YACAD;YACAM;YACAC;QACF;QACAY,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,UAAU;QACZ;QACAF,MAAMG,IAAAA,qCAAqB,EAAC,OAAO;YACjC3B,KAAKqB;YACLO,MAAM;YACN,GAAG7B,eAAe;YAClB,GAAGT,KAAK;YACR,GAAG0B,mBAAmB;QACxB;QACAS,gBAAgBN;QAChBO,UAAUR;IACZ;AACF,GACA,mCAAmC"}
+{"version":3,"names":["React","require","react_utilities_1","react_tabster_1","useCardSelectable_1","CardContext_1","focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","useFocusableGroup","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","useCard_unstable","ref","appearance","orientation","size","referenceId","setReferenceId","useState","cardContextDefaultValue","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","useFocusWithin","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","useCardSelectable","cardRef","useMergedRefs","components","root","floatingAction","checkbox","getNativeElementProps","role","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCard.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusableGroup, useFocusWithin } from '@fluentui/react-tabster';\n\nimport type { CardProps, CardState } from './Card.types';\nimport { useCardSelectable } from './useCardSelectable';\nimport { cardContextDefaultValue } from './CardContext';\n\nconst focusMap = {\n  off: undefined,\n  'no-tab': 'limited-trap-focus',\n  'tab-exit': 'limited',\n  'tab-only': 'unlimited',\n} as const;\n\n/**\n * Create the state for interactive cards.\n *\n * This internal hook defines if the card is interactive\n * and control focus properties based on that.\n *\n * @param props - props from this instance of Card\n */\nconst useCardInteractive = ({ focusMode = 'off', ...props }: CardProps) => {\n  const interactive = (\n    [\n      'onClick',\n      'onDoubleClick',\n      'onMouseUp',\n      'onMouseDown',\n      'onPointerUp',\n      'onPointerDown',\n      'onTouchStart',\n      'onTouchEnd',\n      'onDragStart',\n      'onDragEnd',\n    ] as (keyof React.HTMLAttributes<HTMLElement>)[]\n  ).some(prop => props[prop]);\n\n  const groupperAttrs = useFocusableGroup({\n    tabBehavior: focusMap[interactive ? 'no-tab' : focusMode],\n  });\n\n  const interactiveFocusAttributes = {\n    ...groupperAttrs,\n    tabIndex: 0,\n  };\n\n  return {\n    interactive,\n    focusAttributes: focusMode === 'off' ? null : interactiveFocusAttributes,\n  };\n};\n\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles_unstable,\n * before being passed to renderCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to the root element of Card\n */\nexport const useCard_unstable = (props: CardProps, ref: React.Ref<HTMLDivElement>): CardState => {\n  const { appearance = 'filled', orientation = 'vertical', size = 'medium' } = props;\n\n  const [referenceId, setReferenceId] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n  const [referenceLabel, setReferenceLabel] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n\n  const cardBaseRef = useFocusWithin<HTMLDivElement>();\n  const { selectable, selected, selectableCardProps, selectFocused, checkboxSlot, floatingActionSlot } =\n    useCardSelectable(props, { referenceId, referenceLabel }, cardBaseRef);\n\n  const cardRef = useMergedRefs(cardBaseRef, ref);\n\n  const { interactive, focusAttributes } = useCardInteractive(props);\n\n  return {\n    appearance,\n    orientation,\n    size,\n    interactive,\n    selectable,\n    selectFocused,\n    selected,\n    selectableA11yProps: {\n      setReferenceId,\n      referenceId,\n      referenceLabel,\n      setReferenceLabel,\n    },\n\n    components: {\n      root: 'div',\n      floatingAction: 'div',\n      checkbox: 'input',\n    },\n\n    root: getNativeElementProps('div', {\n      ref: cardRef,\n      role: 'group',\n      ...focusAttributes,\n      ...props,\n      ...selectableCardProps,\n    }),\n\n    floatingAction: floatingActionSlot,\n    checkbox: checkboxSlot,\n  };\n};\n"],"mappings":"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"}

package/lib-commonjs/components/Card/useCardContextValue.js

@@ -1,15 +1,15 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCardContextValue", {
-    enumerable: true,
-    get: ()=>useCardContextValue
+  value: true
 });
-function useCardContextValue({ selectableA11yProps  }) {
-    return {
-        selectableA11yProps
-    };
-} //# sourceMappingURL=useCardContextValue.js.map
-
+exports.useCardContextValue = void 0;
+function useCardContextValue({
+  selectableA11yProps
+}) {
+  return {
+    selectableA11yProps
+  };
+}
+exports.useCardContextValue = useCardContextValue;
 //# sourceMappingURL=useCardContextValue.js.map

package/lib-commonjs/components/Card/useCardContextValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Card/useCardContextValue.js"],"sourcesContent":["export function useCardContextValue({\n  selectableA11yProps\n}) {\n  return {\n    selectableA11yProps\n  };\n}\n//# sourceMappingURL=useCardContextValue.js.map"],"names":["useCardContextValue","selectableA11yProps"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,oBAAoB,EAClCC,oBAAmB,EACpB,EAAE;IACD,OAAO;QACLA;IACF;AACF,EACA,+CAA+C"}
+{"version":3,"names":["useCardContextValue","selectableA11yProps","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCardContextValue.ts"],"sourcesContent":["import type { CardContextValue, CardState } from './Card.types';\n\nexport function useCardContextValue({ selectableA11yProps }: CardState): CardContextValue {\n  return { selectableA11yProps };\n}\n"],"mappings":";;;;;;AAEA,SAAgBA,mBAAmBA,CAAC;EAAEC;AAAmB,CAAa;EACpE,OAAO;IAAEA;EAAmB,CAAE;AAChC;AAFAC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA"}

package/lib-commonjs/components/Card/useCardSelectable.js

@@ -1,136 +1,123 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCardSelectable", {
-    enumerable: true,
-    get: ()=>useCardSelectable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _keyboardKeys = require("@fluentui/keyboard-keys");
-const _reactTabster = require("@fluentui/react-tabster");
-const useCardSelectable = (props, { referenceLabel , referenceId  }, cardRef)=>{
-    const { checkbox ={} , selected , defaultSelected , onSelectionChange , floatingAction , onClick , onKeyDown  } = props;
-    const { findAllFocusable  } = (0, _reactTabster.useFocusFinders)();
-    const checkboxRef = _react.useRef(null);
-    const isSelectable = [
-        selected,
-        defaultSelected,
-        onSelectionChange
-    ].some((prop)=>typeof prop !== "undefined");
-    const [isCardSelected, setIsCardSelected] = _react.useState(false);
-    const [isSelectFocused, setIsSelectFocused] = _react.useState(false);
-    const shouldRestrictTriggerAction = _react.useCallback((event)=>{
-        if (!cardRef.current) {
-            return false;
-        }
-        const focusableElements = findAllFocusable(cardRef.current);
-        const target = event.target;
-        const isElementInFocusableGroup = focusableElements.some((element)=>element.contains(target));
-        const isCheckboxSlot = checkboxRef?.current === target;
-        return isElementInFocusableGroup && !isCheckboxSlot;
-    }, [
-        cardRef,
-        findAllFocusable
-    ]);
-    const onChangeHandler = _react.useCallback((event)=>{
-        if (shouldRestrictTriggerAction(event)) {
-            return;
-        }
-        const newCheckedValue = !isCardSelected;
-        setIsCardSelected(newCheckedValue);
-        if (onSelectionChange) {
-            onSelectionChange(event, {
-                selected: newCheckedValue
-            });
-        }
-    }, [
-        onSelectionChange,
-        isCardSelected,
-        shouldRestrictTriggerAction
-    ]);
-    const onKeyDownHandler = _react.useCallback((event)=>{
-        if ([
-            _keyboardKeys.Enter
-        ].includes(event.key)) {
-            event.preventDefault();
-            onChangeHandler(event);
-        }
-    }, [
-        onChangeHandler
-    ]);
-    const checkboxSlot = _react.useMemo(()=>{
-        if (!isSelectable || floatingAction) {
-            return;
-        }
-        const selectableCheckboxProps = {};
-        if (referenceId) {
-            selectableCheckboxProps["aria-labelledby"] = referenceId;
-        } else if (referenceLabel) {
-            selectableCheckboxProps["aria-label"] = referenceLabel;
-        }
-        return (0, _reactUtilities.resolveShorthand)(checkbox, {
-            defaultProps: {
-                ref: checkboxRef,
-                type: "checkbox",
-                checked: isCardSelected,
-                onChange: (event)=>onChangeHandler(event),
-                onFocus: ()=>setIsSelectFocused(true),
-                onBlur: ()=>setIsSelectFocused(false),
-                ...selectableCheckboxProps
-            }
-        });
-    }, [
-        checkbox,
-        floatingAction,
-        isCardSelected,
-        isSelectable,
-        onChangeHandler,
-        referenceId,
-        referenceLabel
-    ]);
-    const floatingActionSlot = _react.useMemo(()=>{
-        if (!floatingAction) {
-            return;
-        }
-        return (0, _reactUtilities.resolveShorthand)(floatingAction, {
-            defaultProps: {
-                ref: checkboxRef
-            }
-        });
-    }, [
-        floatingAction
-    ]);
-    const selectableCardProps = _react.useMemo(()=>{
-        if (!isSelectable) {
-            return null;
-        }
-        return {
-            onClick: (0, _reactUtilities.mergeCallbacks)(onClick, onChangeHandler),
-            onKeyDown: (0, _reactUtilities.mergeCallbacks)(onKeyDown, onKeyDownHandler)
-        };
-    }, [
-        isSelectable,
-        onChangeHandler,
-        onClick,
-        onKeyDown,
-        onKeyDownHandler
-    ]);
-    _react.useEffect(()=>setIsCardSelected(Boolean(defaultSelected ?? selected)), [
-        defaultSelected,
-        selected,
-        setIsCardSelected
-    ]);
+exports.useCardSelectable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+/**
+ * @internal
+ *
+ * Create the state related to selectable cards.
+ *
+ * This internal hook controls all the logic for selectable cards and is
+ * intended to be used alongside with useCard_unstable.
+ *
+ * @param props - props from this instance of Card
+ * @param a11yProps - accessibility props shared between elements of the card
+ * @param ref - reference to the root element of Card
+ */
+const useCardSelectable = (props, {
+  referenceLabel,
+  referenceId
+}, cardRef) => {
+  const {
+    checkbox = {},
+    selected,
+    defaultSelected,
+    onSelectionChange,
+    floatingAction,
+    onClick,
+    onKeyDown
+  } = props;
+  const {
+    findAllFocusable
+  } = react_tabster_1.useFocusFinders();
+  const checkboxRef = React.useRef(null);
+  const isSelectable = [selected, defaultSelected, onSelectionChange].some(prop => typeof prop !== 'undefined');
+  const [isCardSelected, setIsCardSelected] = React.useState(false);
+  const [isSelectFocused, setIsSelectFocused] = React.useState(false);
+  const shouldRestrictTriggerAction = React.useCallback(event => {
+    if (!cardRef.current) {
+      return false;
+    }
+    const focusableElements = findAllFocusable(cardRef.current);
+    const target = event.target;
+    const isElementInFocusableGroup = focusableElements.some(element => element.contains(target));
+    const isCheckboxSlot = (checkboxRef === null || checkboxRef === void 0 ? void 0 : checkboxRef.current) === target;
+    return isElementInFocusableGroup && !isCheckboxSlot;
+  }, [cardRef, findAllFocusable]);
+  const onChangeHandler = React.useCallback(event => {
+    if (shouldRestrictTriggerAction(event)) {
+      return;
+    }
+    const newCheckedValue = !isCardSelected;
+    setIsCardSelected(newCheckedValue);
+    if (onSelectionChange) {
+      onSelectionChange(event, {
+        selected: newCheckedValue
+      });
+    }
+  }, [onSelectionChange, isCardSelected, shouldRestrictTriggerAction]);
+  const onKeyDownHandler = React.useCallback(event => {
+    if ([keyboard_keys_1.Enter].includes(event.key)) {
+      event.preventDefault();
+      onChangeHandler(event);
+    }
+  }, [onChangeHandler]);
+  const checkboxSlot = React.useMemo(() => {
+    if (!isSelectable || floatingAction) {
+      return;
+    }
+    const selectableCheckboxProps = {};
+    if (referenceId) {
+      selectableCheckboxProps['aria-labelledby'] = referenceId;
+    } else if (referenceLabel) {
+      selectableCheckboxProps['aria-label'] = referenceLabel;
+    }
+    return react_utilities_1.resolveShorthand(checkbox, {
+      defaultProps: {
+        ref: checkboxRef,
+        type: 'checkbox',
+        checked: isCardSelected,
+        onChange: event => onChangeHandler(event),
+        onFocus: () => setIsSelectFocused(true),
+        onBlur: () => setIsSelectFocused(false),
+        ...selectableCheckboxProps
+      }
+    });
+  }, [checkbox, floatingAction, isCardSelected, isSelectable, onChangeHandler, referenceId, referenceLabel]);
+  const floatingActionSlot = React.useMemo(() => {
+    if (!floatingAction) {
+      return;
+    }
+    return react_utilities_1.resolveShorthand(floatingAction, {
+      defaultProps: {
+        ref: checkboxRef
+      }
+    });
+  }, [floatingAction]);
+  const selectableCardProps = React.useMemo(() => {
+    if (!isSelectable) {
+      return null;
+    }
     return {
-        selected: isCardSelected,
-        selectable: isSelectable,
-        selectFocused: isSelectFocused,
-        selectableCardProps,
-        checkboxSlot,
-        floatingActionSlot
+      onClick: react_utilities_1.mergeCallbacks(onClick, onChangeHandler),
+      onKeyDown: react_utilities_1.mergeCallbacks(onKeyDown, onKeyDownHandler)
     };
-}; //# sourceMappingURL=useCardSelectable.js.map
-
+  }, [isSelectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);
+  React.useEffect(() => setIsCardSelected(Boolean(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : selected)), [defaultSelected, selected, setIsCardSelected]);
+  return {
+    selected: isCardSelected,
+    selectable: isSelectable,
+    selectFocused: isSelectFocused,
+    selectableCardProps,
+    checkboxSlot,
+    floatingActionSlot
+  };
+};
+exports.useCardSelectable = useCardSelectable;
 //# sourceMappingURL=useCardSelectable.js.map

package/lib-commonjs/components/Card/useCardSelectable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Card/useCardSelectable.js"],"sourcesContent":["import * as React from \"react\";\nimport { mergeCallbacks, resolveShorthand } from \"@fluentui/react-utilities\";\nimport { Enter } from \"@fluentui/keyboard-keys\";\nimport { useFocusFinders } from \"@fluentui/react-tabster\";\n/**\n * @internal\n *\n * Create the state related to selectable cards.\n *\n * This internal hook controls all the logic for selectable cards and is\n * intended to be used alongside with useCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param a11yProps - accessibility props shared between elements of the card\n * @param ref - reference to the root element of Card\n */\nexport const useCardSelectable = (props, {\n  referenceLabel,\n  referenceId\n}, cardRef) => {\n  const {\n    checkbox = {},\n    selected,\n    defaultSelected,\n    onSelectionChange,\n    floatingAction,\n    onClick,\n    onKeyDown\n  } = props;\n  const {\n    findAllFocusable\n  } = useFocusFinders();\n  const checkboxRef = React.useRef(null);\n  const isSelectable = [selected, defaultSelected, onSelectionChange].some(prop => typeof prop !== \"undefined\");\n  const [isCardSelected, setIsCardSelected] = React.useState(false);\n  const [isSelectFocused, setIsSelectFocused] = React.useState(false);\n  const shouldRestrictTriggerAction = React.useCallback(event => {\n    if (!cardRef.current) {\n      return false;\n    }\n    const focusableElements = findAllFocusable(cardRef.current);\n    const target = event.target;\n    const isElementInFocusableGroup = focusableElements.some(element => element.contains(target));\n    const isCheckboxSlot = checkboxRef?.current === target;\n    return isElementInFocusableGroup && !isCheckboxSlot;\n  }, [cardRef, findAllFocusable]);\n  const onChangeHandler = React.useCallback(event => {\n    if (shouldRestrictTriggerAction(event)) {\n      return;\n    }\n    const newCheckedValue = !isCardSelected;\n    setIsCardSelected(newCheckedValue);\n    if (onSelectionChange) {\n      onSelectionChange(event, {\n        selected: newCheckedValue\n      });\n    }\n  }, [onSelectionChange, isCardSelected, shouldRestrictTriggerAction]);\n  const onKeyDownHandler = React.useCallback(event => {\n    if ([Enter].includes(event.key)) {\n      event.preventDefault();\n      onChangeHandler(event);\n    }\n  }, [onChangeHandler]);\n  const checkboxSlot = React.useMemo(() => {\n    if (!isSelectable || floatingAction) {\n      return;\n    }\n    const selectableCheckboxProps = {};\n    if (referenceId) {\n      selectableCheckboxProps[\"aria-labelledby\"] = referenceId;\n    } else if (referenceLabel) {\n      selectableCheckboxProps[\"aria-label\"] = referenceLabel;\n    }\n    return resolveShorthand(checkbox, {\n      defaultProps: {\n        ref: checkboxRef,\n        type: \"checkbox\",\n        checked: isCardSelected,\n        onChange: event => onChangeHandler(event),\n        onFocus: () => setIsSelectFocused(true),\n        onBlur: () => setIsSelectFocused(false),\n        ...selectableCheckboxProps\n      }\n    });\n  }, [checkbox, floatingAction, isCardSelected, isSelectable, onChangeHandler, referenceId, referenceLabel]);\n  const floatingActionSlot = React.useMemo(() => {\n    if (!floatingAction) {\n      return;\n    }\n    return resolveShorthand(floatingAction, {\n      defaultProps: {\n        ref: checkboxRef\n      }\n    });\n  }, [floatingAction]);\n  const selectableCardProps = React.useMemo(() => {\n    if (!isSelectable) {\n      return null;\n    }\n    return {\n      onClick: mergeCallbacks(onClick, onChangeHandler),\n      onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler)\n    };\n  }, [isSelectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);\n  React.useEffect(() => setIsCardSelected(Boolean(defaultSelected ?? selected)), [defaultSelected, selected, setIsCardSelected]);\n  return {\n    selected: isCardSelected,\n    selectable: isSelectable,\n    selectFocused: isSelectFocused,\n    selectableCardProps,\n    checkboxSlot,\n    floatingActionSlot\n  };\n};\n//# sourceMappingURL=useCardSelectable.js.map"],"names":["useCardSelectable","props","referenceLabel","referenceId","cardRef","checkbox","selected","defaultSelected","onSelectionChange","floatingAction","onClick","onKeyDown","findAllFocusable","useFocusFinders","checkboxRef","React","useRef","isSelectable","some","prop","isCardSelected","setIsCardSelected","useState","isSelectFocused","setIsSelectFocused","shouldRestrictTriggerAction","useCallback","event","current","focusableElements","target","isElementInFocusableGroup","element","contains","isCheckboxSlot","onChangeHandler","newCheckedValue","onKeyDownHandler","Enter","includes","key","preventDefault","checkboxSlot","useMemo","selectableCheckboxProps","resolveShorthand","defaultProps","ref","type","checked","onChange","onFocus","onBlur","floatingActionSlot","selectableCardProps","mergeCallbacks","useEffect","Boolean","selectable","selectFocused"],"mappings":"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"}
+{"version":3,"names":["React","require","react_utilities_1","keyboard_keys_1","react_tabster_1","useCardSelectable","props","referenceLabel","referenceId","cardRef","checkbox","selected","defaultSelected","onSelectionChange","floatingAction","onClick","onKeyDown","findAllFocusable","useFocusFinders","checkboxRef","useRef","isSelectable","some","prop","isCardSelected","setIsCardSelected","useState","isSelectFocused","setIsSelectFocused","shouldRestrictTriggerAction","useCallback","event","current","focusableElements","target","isElementInFocusableGroup","element","contains","isCheckboxSlot","onChangeHandler","newCheckedValue","onKeyDownHandler","Enter","includes","key","preventDefault","checkboxSlot","useMemo","selectableCheckboxProps","resolveShorthand","defaultProps","ref","type","checked","onChange","onFocus","onBlur","floatingActionSlot","selectableCardProps","mergeCallbacks","useEffect","Boolean","selectable","selectFocused","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCardSelectable.ts"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\nimport type { CardContextValue, CardOnSelectionChangeEvent, CardProps, CardSlots } from './Card.types';\n\n/**\n * @internal\n *\n * Create the state related to selectable cards.\n *\n * This internal hook controls all the logic for selectable cards and is\n * intended to be used alongside with useCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param a11yProps - accessibility props shared between elements of the card\n * @param ref - reference to the root element of Card\n */\nexport const useCardSelectable = (\n  props: CardProps,\n  { referenceLabel, referenceId }: Pick<CardContextValue['selectableA11yProps'], 'referenceId' | 'referenceLabel'>,\n  cardRef: React.RefObject<HTMLDivElement>,\n) => {\n  const { checkbox = {}, selected, defaultSelected, onSelectionChange, floatingAction, onClick, onKeyDown } = props;\n\n  const { findAllFocusable } = useFocusFinders();\n\n  const checkboxRef = React.useRef<HTMLInputElement>(null);\n\n  const isSelectable = [selected, defaultSelected, onSelectionChange].some(prop => typeof prop !== 'undefined');\n\n  const [isCardSelected, setIsCardSelected] = React.useState(false);\n  const [isSelectFocused, setIsSelectFocused] = React.useState(false);\n\n  const shouldRestrictTriggerAction = React.useCallback(\n    (event: CardOnSelectionChangeEvent) => {\n      if (!cardRef.current) {\n        return false;\n      }\n\n      const focusableElements = findAllFocusable(cardRef.current);\n      const target = event.target as HTMLElement;\n      const isElementInFocusableGroup = focusableElements.some(element => element.contains(target));\n      const isCheckboxSlot = checkboxRef?.current === target;\n\n      return isElementInFocusableGroup && !isCheckboxSlot;\n    },\n    [cardRef, findAllFocusable],\n  );\n\n  const onChangeHandler = React.useCallback(\n    (event: CardOnSelectionChangeEvent) => {\n      if (shouldRestrictTriggerAction(event)) {\n        return;\n      }\n\n      const newCheckedValue = !isCardSelected;\n\n      setIsCardSelected(newCheckedValue);\n\n      if (onSelectionChange) {\n        onSelectionChange(event, { selected: newCheckedValue });\n      }\n    },\n    [onSelectionChange, isCardSelected, shouldRestrictTriggerAction],\n  );\n\n  const onKeyDownHandler = React.useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if ([Enter].includes(event.key)) {\n        event.preventDefault();\n        onChangeHandler(event);\n      }\n    },\n    [onChangeHandler],\n  );\n\n  const checkboxSlot = React.useMemo(() => {\n    if (!isSelectable || floatingAction) {\n      return;\n    }\n\n    const selectableCheckboxProps: CardSlots['checkbox'] = {};\n\n    if (referenceId) {\n      selectableCheckboxProps['aria-labelledby'] = referenceId;\n    } else if (referenceLabel) {\n      selectableCheckboxProps['aria-label'] = referenceLabel;\n    }\n\n    return resolveShorthand(checkbox, {\n      defaultProps: {\n        ref: checkboxRef,\n        type: 'checkbox',\n        checked: isCardSelected,\n        onChange: (event: React.ChangeEvent<HTMLInputElement>) => onChangeHandler(event),\n        onFocus: () => setIsSelectFocused(true),\n        onBlur: () => setIsSelectFocused(false),\n        ...selectableCheckboxProps,\n      },\n    });\n  }, [checkbox, floatingAction, isCardSelected, isSelectable, onChangeHandler, referenceId, referenceLabel]);\n\n  const floatingActionSlot = React.useMemo(() => {\n    if (!floatingAction) {\n      return;\n    }\n\n    return resolveShorthand(floatingAction, {\n      defaultProps: {\n        ref: checkboxRef,\n      },\n    });\n  }, [floatingAction]);\n\n  const selectableCardProps = React.useMemo(() => {\n    if (!isSelectable) {\n      return null;\n    }\n\n    return {\n      onClick: mergeCallbacks(onClick, onChangeHandler),\n      onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler),\n    };\n  }, [isSelectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);\n\n  React.useEffect(\n    () => setIsCardSelected(Boolean(defaultSelected ?? selected)),\n    [defaultSelected, selected, setIsCardSelected],\n  );\n\n  return {\n    selected: isCardSelected,\n    selectable: isSelectable,\n    selectFocused: isSelectFocused,\n    selectableCardProps,\n    checkboxSlot,\n    floatingActionSlot,\n  };\n};\n"],"mappings":"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"}