@fluentui/react-card 0.0.0-nightly-20230222-0421.1 → 0.0.0-nightly-20230223-2115.1

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

@@ -1,36 +1,32 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    cardContextDefaultValue: ()=>cardContextDefaultValue,
+    CardProvider: ()=>CardProvider,
+    useCardContext_unstable: ()=>useCardContext_unstable
 });
-exports.useCardContext_unstable = exports.CardProvider = exports.cardContextDefaultValue = void 0;
-const React = /*#__PURE__*/require("react");
-const cardContext = /*#__PURE__*/React.createContext(undefined);
-/**
- * @internal
- */
-exports.cardContextDefaultValue = {
-  selectableA11yProps: {
-    referenceId: undefined,
-    setReferenceId() {
-      /* Noop */
-    },
-    referenceLabel: undefined,
-    setReferenceLabel() {
-      /* Noop */
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const cardContext = /*#__PURE__*/ _react.createContext(undefined);
+const cardContextDefaultValue = {
+    selectableA11yProps: {
+        referenceId: undefined,
+        setReferenceId () {
+        /* Noop */ },
+        referenceLabel: undefined,
+        setReferenceLabel () {
+        /* Noop */ }
     }
-  }
 };
-/**
- * @internal
- */
-exports.CardProvider = cardContext.Provider;
-/**
- * @internal
- */
-const useCardContext_unstable = () => {
-  var _a;
-  return (_a = React.useContext(cardContext)) !== null && _a !== void 0 ? _a : exports.cardContextDefaultValue;
-};
-exports.useCardContext_unstable = useCardContext_unstable;
+const CardProvider = cardContext.Provider;
+const useCardContext_unstable = ()=>_react.useContext(cardContext) ?? cardContextDefaultValue; //# sourceMappingURL=CardContext.js.map
+
 //# sourceMappingURL=CardContext.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA,MAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAa,CAA+BC,SAAS,CAAC;AAEhF;;;AAGaC,+BAAuB,GAAqB;EACvDC,mBAAmB,EAAE;IACnBC,WAAW,EAAEH,SAAS;IACtBI,cAAc;MACZ;IAAA,CACD;IACDC,cAAc,EAAEL,SAAS;IACzBM,iBAAiB;MACf;IAAA;;CAGL;AAED;;;AAGaL,oBAAY,GAAGJ,WAAW,CAACU,QAAQ;AAEhD;;;AAGO,MAAMC,uBAAuB,GAAG,MAAK;EAAA;EAAC,kBAAK,CAACC,UAAU,CAACZ,WAAW,CAAC,mCAAII,+BAAuB;AAAA;AAAxFA,+BAAuB","names":["cardContext","React","createContext","undefined","exports","selectableA11yProps","referenceId","setReferenceId","referenceLabel","setReferenceLabel","Provider","useCardContext_unstable","useContext"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/CardContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { CardContextValue } from './Card.types';\n\nconst cardContext = React.createContext<CardContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const cardContextDefaultValue: CardContextValue = {\n  selectableA11yProps: {\n    referenceId: undefined,\n    setReferenceId() {\n      /* Noop */\n    },\n    referenceLabel: undefined,\n    setReferenceLabel() {\n      /* Noop */\n    },\n  },\n};\n\n/**\n * @internal\n */\nexport const CardProvider = cardContext.Provider;\n\n/**\n * @internal\n */\nexport const useCardContext_unstable = () => React.useContext(cardContext) ?? cardContextDefaultValue;\n"]}
+{"version":3,"sources":["../../../lib/components/Card/CardContext.js"],"sourcesContent":["import * as React from 'react';\nconst cardContext = /*#__PURE__*/React.createContext(undefined);\n/**\n * @internal\n */\nexport const cardContextDefaultValue = {\n  selectableA11yProps: {\n    referenceId: undefined,\n    setReferenceId() {\n      /* Noop */},\n    referenceLabel: undefined,\n    setReferenceLabel() {\n      /* Noop */}\n  }\n};\n/**\n * @internal\n */\nexport const CardProvider = cardContext.Provider;\n/**\n * @internal\n */\nexport const useCardContext_unstable = () => React.useContext(cardContext) ?? cardContextDefaultValue;\n//# sourceMappingURL=CardContext.js.map"],"names":["cardContextDefaultValue","CardProvider","useCardContext_unstable","cardContext","React","createContext","undefined","selectableA11yProps","referenceId","setReferenceId","referenceLabel","setReferenceLabel","Provider","useContext"],"mappings":";;;;;;;;;;;IAKaA,uBAAuB,MAAvBA;IAaAC,YAAY,MAAZA;IAIAC,uBAAuB,MAAvBA;;;6DAtBU;AACvB,MAAMC,cAAc,WAAW,GAAEC,OAAMC,aAAa,CAACC;AAI9C,MAAMN,0BAA0B;IACrCO,qBAAqB;QACnBC,aAAaF;QACbG,kBAAiB;QACf,QAAQ,GAAE;QACZC,gBAAgBJ;QAChBK,qBAAoB;QAClB,QAAQ,GAAE;IACd;AACF;AAIO,MAAMV,eAAeE,YAAYS,QAAQ;AAIzC,MAAMV,0BAA0B,IAAME,OAAMS,UAAU,CAACV,gBAAgBH,yBAC9E,uCAAuC"}

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

@@ -1,13 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./Card"), exports);
-tslib_1.__exportStar(require("./Card.types"), exports);
-tslib_1.__exportStar(require("./CardContext"), exports);
-tslib_1.__exportStar(require("./renderCard"), exports);
-tslib_1.__exportStar(require("./useCard"), exports);
-tslib_1.__exportStar(require("./useCardStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Card"), exports);
+_exportStar(require("./Card.types"), exports);
+_exportStar(require("./CardContext"), exports);
+_exportStar(require("./renderCard"), exports);
+_exportStar(require("./useCard"), exports);
+_exportStar(require("./useCardStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/index.ts"],"sourcesContent":["export * from './Card';\nexport * from './Card.types';\nexport * from './CardContext';\nexport * from './renderCard';\nexport * from './useCard';\nexport * from './useCardStyles';\n"]}
+{"version":3,"sources":["../../../lib/components/Card/index.js"],"sourcesContent":["export * from './Card';\nexport * from './Card.types';\nexport * from './CardContext';\nexport * from './renderCard';\nexport * from './useCard';\nexport * from './useCardStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

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

@@ -1,29 +1,22 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderCard_unstable", {
+    enumerable: true,
+    get: ()=>renderCard_unstable
 });
-exports.renderCard_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const CardContext_1 = /*#__PURE__*/require("./CardContext");
-/**
- * Render the final JSX of Card.
- */
-const renderCard_unstable = (state, cardContextValue) => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(CardContext_1.CardProvider, {
-    value: cardContextValue
-  }, slots.checkbox ? React.createElement(slots.checkbox, {
-    ...slotProps.checkbox
-  }) : null, slots.floatingAction ? React.createElement(slots.floatingAction, {
-    ...slotProps.floatingAction
-  }) : null, slotProps.root.children));
-};
-exports.renderCard_unstable = renderCard_unstable;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _cardContext = require("./CardContext");
+const renderCard_unstable = (state, cardContextValue)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, _extends({}, slotProps.root), /*#__PURE__*/ _react.createElement(_cardContext.CardProvider, {
+        value: cardContextValue
+    }, slots.checkbox ? /*#__PURE__*/ _react.createElement(slots.checkbox, _extends({}, slotProps.checkbox)) : null, slots.floatingAction ? /*#__PURE__*/ _react.createElement(slots.floatingAction, _extends({}, slotProps.floatingAction)) : null, slotProps.root.children));
+}; //# sourceMappingURL=renderCard.js.map
+
 //# sourceMappingURL=renderCard.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AAEA;;;AAGO,MAAMA,mBAAmB,GAAG,CAACC,KAAgB,EAAEC,gBAAkC,KAAI;EAC1F,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAYJ,KAAK,CAAC;EAEvD,OACEK,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BD,oBAACE,0BAAY;IAACC,KAAK,EAAEP;EAAgB,GAClCC,KAAK,CAACO,QAAQ,GAAGJ,oBAACH,KAAK,CAACO,QAAQ;IAAA,GAAKN,SAAS,CAACM;EAAQ,EAAI,GAAG,IAAI,EAClEP,KAAK,CAACQ,cAAc,GAAGL,oBAACH,KAAK,CAACQ,cAAc;IAAA,GAAKP,SAAS,CAACO;EAAc,EAAI,GAAG,IAAI,EACpFP,SAAS,CAACG,IAAI,CAACK,QAAQ,CACX,CACJ;AAEjB,CAAC;AAZYC,2BAAmB","names":["renderCard_unstable","state","cardContextValue","slots","slotProps","react_utilities_1","React","root","CardContext_1","value","checkbox","floatingAction","children","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/renderCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardContextValue, CardSlots, CardState } from './Card.types';\nimport { CardProvider } from './CardContext';\n\n/**\n * Render the final JSX of Card.\n */\nexport const renderCard_unstable = (state: CardState, cardContextValue: CardContextValue) => {\n  const { slots, slotProps } = getSlots<CardSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <CardProvider value={cardContextValue}>\n        {slots.checkbox ? <slots.checkbox {...slotProps.checkbox} /> : null}\n        {slots.floatingAction ? <slots.floatingAction {...slotProps.floatingAction} /> : null}\n        {slotProps.root.children}\n      </CardProvider>\n    </slots.root>\n  );\n};\n"]}
+{"version":3,"sources":["../../../lib/components/Card/renderCard.js"],"sourcesContent":["import _extends from \"@swc/helpers/src/_extends.mjs\";\nimport * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { CardProvider } from './CardContext';\n/**\n * Render the final JSX of Card.\n */\nexport const renderCard_unstable = (state, cardContextValue) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, _extends({}, slotProps.root), /*#__PURE__*/React.createElement(CardProvider, {\n    value: cardContextValue\n  }, slots.checkbox ? /*#__PURE__*/React.createElement(slots.checkbox, _extends({}, slotProps.checkbox)) : null, slots.floatingAction ? /*#__PURE__*/React.createElement(slots.floatingAction, _extends({}, slotProps.floatingAction)) : null, slotProps.root.children));\n};\n//# sourceMappingURL=renderCard.js.map"],"names":["renderCard_unstable","state","cardContextValue","slots","slotProps","getSlots","React","createElement","root","_extends","CardProvider","value","checkbox","floatingAction","children"],"mappings":";;;;+BAOaA;;aAAAA;;;;yBAPQ;6DACE;gCACE;6BACI;AAItB,MAAMA,sBAAsB,CAACC,OAAOC,mBAAqB;IAC9D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEC,SAAS,CAAC,GAAGL,UAAUI,IAAI,GAAG,WAAW,GAAEF,OAAMC,aAAa,CAACG,yBAAY,EAAE;QAC/HC,OAAOT;IACT,GAAGC,MAAMS,QAAQ,GAAG,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMS,QAAQ,EAAEH,SAAS,CAAC,GAAGL,UAAUQ,QAAQ,KAAK,IAAI,EAAET,MAAMU,cAAc,GAAG,WAAW,GAAEP,OAAMC,aAAa,CAACJ,MAAMU,cAAc,EAAEJ,SAAS,CAAC,GAAGL,UAAUS,cAAc,KAAK,IAAI,EAAET,UAAUI,IAAI,CAACM,QAAQ;AACtQ,GACA,sCAAsC"}

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

@@ -1,19 +1,22 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useCard_unstable", {
+    enumerable: true,
+    get: ()=>useCard_unstable
 });
-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 _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");
 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.
@@ -22,87 +25,72 @@ 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 = react_tabster_1.useFocusableGroup({
-    tabBehavior: focusMap[interactive ? 'no-tab' : focusMode]
-  });
-  const interactiveFocusAttributes = {
-    ...groupperAttrs,
-    tabIndex: 0
-  };
-  return {
-    interactive,
-    focusAttributes: focusMode === 'off' ? null : interactiveFocusAttributes
-  };
-};
-/**
- * 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
-  };
+ */ const useCardInteractive = (param)=>{
+    let { focusMode ='off' , ...props } = param;
+    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
+    };
 };
-exports.useCard_unstable = useCard_unstable;
+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
+
 //# sourceMappingURL=useCard.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAGA;AACA;AAEA,MAAMA,QAAQ,GAAG;EACfC,GAAG,EAAEC,SAAS;EACd,QAAQ,EAAE,oBAAoB;EAC9B,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE;CACJ;AAEV;;;;;;;;AAQA,MAAMC,kBAAkB,GAAG,CAAC;EAAEC,SAAS,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAa,KAAI;EACxE,MAAMC,WAAW,GAAI,CACnB,SAAS,EACT,eAAe,EACf,WAAW,EACX,aAAa,EACb,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACZ,aAAa,EACb,WAAW,CACoC,CAACC,IAAI,CAACC,IAAI,IAAIH,KAAK,CAACG,IAAI,CAAC,CAAC;EAE3E,MAAMC,aAAa,GAAGC,iCAAiB,CAAC;IACtCC,WAAW,EAAEX,QAAQ,CAACM,WAAW,GAAG,QAAQ,GAAGF,SAAS;GACzD,CAAC;EAEF,MAAMQ,0BAA0B,GAAG;IACjC,GAAGH,aAAa;IAChBI,QAAQ,EAAE;GACX;EAED,OAAO;IACLP,WAAW;IACXQ,eAAe,EAAEV,SAAS,KAAK,KAAK,GAAG,IAAI,GAAGQ;GAC/C;AACH,CAAC;AAED;;;;;;;;;AASO,MAAMG,gBAAgB,GAAG,CAACV,KAAgB,EAAEW,GAA8B,KAAe;EAC9F,MAAM;IAAEC,UAAU,GAAG,QAAQ;IAAEC,WAAW,GAAG,UAAU;IAAEC,IAAI,GAAG;EAAQ,CAAE,GAAGd,KAAK;EAElF,MAAM,CAACe,WAAW,EAAEC,cAAc,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAACC,qCAAuB,CAACC,mBAAmB,CAACL,WAAW,CAAC;EAC7G,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAGL,KAAK,CAACC,QAAQ,CAACC,qCAAuB,CAACC,mBAAmB,CAACL,WAAW,CAAC;EAEnH,MAAMQ,WAAW,GAAGlB,8BAAc,EAAkB;EACpD,MAAM;IACJmB,UAAU;IACVC,QAAQ;IACRC,mBAAmB;IACnBC,aAAa;IACbC,YAAY;IACZC;EAAkB,CACnB,GAAGC,qCAAiB,CAAC9B,KAAK,EAAE;IAAEe,WAAW;IAAEM;EAAc,CAAE,EAAEE,WAAW,CAAC;EAE1E,MAAMQ,OAAO,GAAGC,+BAAa,CAACT,WAAW,EAAEZ,GAAG,CAAC;EAE/C,MAAM;IAAEV,WAAW;IAAEQ;EAAe,CAAE,GAAGX,kBAAkB,CAACE,KAAK,CAAC;EAElE,OAAO;IACLY,UAAU;IACVC,WAAW;IACXC,IAAI;IACJb,WAAW;IACXuB,UAAU;IACVG,aAAa;IACbF,QAAQ;IACRL,mBAAmB,EAAE;MACnBJ,cAAc;MACdD,WAAW;MACXM,cAAc;MACdC;KACD;IAEDW,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXC,cAAc,EAAE,KAAK;MACrBC,QAAQ,EAAE;KACX;IAEDF,IAAI,EAAEF,uCAAqB,CAAC,KAAK,EAAE;MACjCrB,GAAG,EAAEoB,OAAO;MACZM,IAAI,EAAE,OAAO;MACb,GAAG5B,eAAe;MAClB,GAAGT,KAAK;MACR,GAAG0B;KACJ,CAAC;IAEFS,cAAc,EAAEN,kBAAkB;IAClCO,QAAQ,EAAER;GACX;AACH,CAAC;AApDYU,wBAAgB","names":["focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","react_tabster_1","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","useCard_unstable","ref","appearance","orientation","size","referenceId","setReferenceId","React","useState","CardContext_1","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","useCardSelectable_1","cardRef","react_utilities_1","components","root","floatingAction","checkbox","role","exports"],"sourceRoot":"","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    '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>)[]).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 {\n    selectable,\n    selected,\n    selectableCardProps,\n    selectFocused,\n    checkboxSlot,\n    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"]}
+{"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 = param => {\n  let {\n    focusMode = 'off',\n    ...props\n  } = param;\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","param","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":";;;;+BA8CaA;;aAAAA;;;6DA9CU;gCAC8B;8BACH;mCAChB;6BACM;AACxC,MAAMC,WAAW;IACfC,KAAKC;IACL,UAAU;IACV,YAAY;IACZ,YAAY;AACd;AACA;;;;;;;CAOC,GACD,MAAMC,qBAAqBC,CAAAA,QAAS;IAClC,IAAI,EACFC,WAAY,MAAK,EACjB,GAAGC,OACJ,GAAGF;IACJ,MAAMG,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,aAAaZ,QAAQ,CAACO,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,MAAMd,mBAAmB,CAACO,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,GAAGZ,mBAAmBG;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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAEA,SAAgBA,mBAAmB,CAAC;EAAEC;AAAmB,CAAa;EACpE,OAAO;IAAEA;EAAmB,CAAE;AAChC;AAFAC","names":["useCardContextValue","selectableA11yProps","exports"],"sourceRoot":"","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"]}
+{"version":3,"sources":["../../../lib/components/Card/useCardContextValue.js"],"sourcesContent":["export function useCardContextValue(param) {\n  let {\n    selectableA11yProps\n  } = param;\n  return {\n    selectableA11yProps\n  };\n}\n//# sourceMappingURL=useCardContextValue.js.map"],"names":["useCardContextValue","param","selectableA11yProps"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,oBAAoBC,KAAK,EAAE;IACzC,IAAI,EACFC,oBAAmB,EACpB,GAAGD;IACJ,OAAO;QACLC;IACF;AACF,EACA,+CAA+C"}