@fluentui/react-aria 0.0.0-nightly-20220302-0405.1

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './useARIAButton';\n"]}

package/lib/hooks/useARIAButton.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractSlotProps, ResolveShorthandFunction, Slot } from '@fluentui/react-utilities';
+export declare type ARIAButtonSlotProps = ExtractSlotProps<Slot<'button', 'a'>> & {
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+};
+/**
+ * Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
+ * for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
+ * where no attribute addition is required.
+ */
+export declare const useARIAButton: ResolveShorthandFunction<ARIAButtonSlotProps>;

package/lib/hooks/useARIAButton.js

@@ -0,0 +1,103 @@
+import { Enter, Space } from '@fluentui/keyboard-keys';
+import { resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
+/**
+ * Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
+ * for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
+ * where no attribute addition is required.
+ */
+
+export const useARIAButton = (shorthand, options) => {
+  var _a;
+
+  const shorthandProps = resolveShorthand(shorthand, options);
+  const {
+    disabled,
+    disabledFocusable,
+    onClick,
+    onKeyDown,
+    onKeyUp,
+    tabIndex
+  } = shorthandProps || {};
+  const onClickHandler = useEventCallback(ev => {
+    if (disabled || disabledFocusable) {
+      ev.preventDefault();
+      ev.stopPropagation();
+    } else {
+      onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+    }
+  });
+  const onKeyDownHandler = useEventCallback(ev => {
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(ev);
+
+    if (ev.isDefaultPrevented()) {
+      return;
+    }
+
+    const key = ev.key;
+
+    if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
+    }
+
+    if (key === Space) {
+      ev.preventDefault();
+      return;
+    } // If enter is pressed, activate the button
+    else if (key === Enter) {
+      ev.preventDefault();
+      ev.currentTarget.click();
+    }
+  });
+  const onKeyupHandler = useEventCallback(ev => {
+    onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(ev);
+
+    if (ev.isDefaultPrevented()) {
+      return;
+    }
+
+    const key = ev.key;
+
+    if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
+    }
+
+    if (key === Space) {
+      ev.preventDefault();
+      ev.currentTarget.click();
+    }
+  });
+
+  if (shorthandProps) {
+    // If a <button> tag is to be rendered we just need to set disabled and aria-disabled correctly
+    if (shorthandProps.as === 'button' || shorthandProps.as === undefined) {
+      shorthandProps.disabled = disabled && !disabledFocusable;
+      shorthandProps['aria-disabled'] = disabledFocusable ? true : undefined; // Undefine events if disabledFocusable is passed in
+
+      if (disabledFocusable) {
+        shorthandProps.onClick = undefined;
+        shorthandProps.onKeyDown = undefined;
+        shorthandProps.onKeyUp = undefined;
+      }
+    } // If an <a> tag is to be rendered we have to remove disabled and type, and set aria-disabled, role and tabIndex.
+    else {
+      delete shorthandProps.disabled;
+      shorthandProps['aria-disabled'] = disabled || disabledFocusable;
+      shorthandProps.href = disabled ? undefined : shorthandProps.href;
+      shorthandProps.onClick = onClickHandler;
+      shorthandProps.onKeyDown = onKeyDownHandler;
+      shorthandProps.onKeyUp = onKeyupHandler;
+      shorthandProps.role = (_a = shorthandProps.role) !== null && _a !== void 0 ? _a : 'button';
+      shorthandProps.tabIndex = disabled && !disabledFocusable ? undefined : tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0;
+    } // Remove non-DOM disabledFocusable prop
+
+
+    delete shorthandProps.disabledFocusable;
+  }
+
+  return shorthandProps;
+};
+//# sourceMappingURL=useARIAButton.js.map

package/lib/hooks/useARIAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hooks/useARIAButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { Enter, Space } from '@fluentui/keyboard-keys';\nimport { resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport type { ExtractSlotProps, ResolveShorthandFunction, Slot } from '@fluentui/react-utilities';\n\nexport type ARIAButtonSlotProps = ExtractSlotProps<Slot<'button', 'a'>> & {\n  disabled?: boolean;\n  disabledFocusable?: boolean;\n};\n\n/**\n * Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec\n * for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases\n * where no attribute addition is required.\n */\nexport const useARIAButton: ResolveShorthandFunction<ARIAButtonSlotProps> = (shorthand, options) => {\n  const shorthandProps = resolveShorthand(shorthand, options);\n\n  const { disabled, disabledFocusable, onClick, onKeyDown, onKeyUp, tabIndex } = (shorthandProps ||\n    {}) as ARIAButtonSlotProps;\n\n  const onClickHandler: ARIAButtonSlotProps['onClick'] = useEventCallback(ev => {\n    if (disabled || disabledFocusable) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    } else {\n      onClick?.(ev);\n    }\n  });\n\n  const onKeyDownHandler: ARIAButtonSlotProps['onKeyDown'] = useEventCallback(ev => {\n    onKeyDown?.(ev);\n\n    if (ev.isDefaultPrevented()) {\n      return;\n    }\n\n    const key = ev.key;\n\n    if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    if (key === Space) {\n      ev.preventDefault();\n      return;\n    }\n\n    // If enter is pressed, activate the button\n    else if (key === Enter) {\n      ev.preventDefault();\n      ev.currentTarget.click();\n    }\n  });\n\n  const onKeyupHandler: ARIAButtonSlotProps['onKeyUp'] = useEventCallback(ev => {\n    onKeyUp?.(ev);\n\n    if (ev.isDefaultPrevented()) {\n      return;\n    }\n\n    const key = ev.key;\n\n    if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    if (key === Space) {\n      ev.preventDefault();\n      ev.currentTarget.click();\n    }\n  });\n\n  if (shorthandProps) {\n    // If a <button> tag is to be rendered we just need to set disabled and aria-disabled correctly\n    if (shorthandProps.as === 'button' || shorthandProps.as === undefined) {\n      shorthandProps.disabled = disabled && !disabledFocusable;\n      shorthandProps['aria-disabled'] = disabledFocusable ? true : undefined;\n\n      // Undefine events if disabledFocusable is passed in\n      if (disabledFocusable) {\n        shorthandProps.onClick = undefined;\n        shorthandProps.onKeyDown = undefined;\n        shorthandProps.onKeyUp = undefined;\n      }\n    }\n\n    // If an <a> tag is to be rendered we have to remove disabled and type, and set aria-disabled, role and tabIndex.\n    else {\n      delete shorthandProps.disabled;\n      shorthandProps['aria-disabled'] = disabled || disabledFocusable;\n      (shorthandProps as JSX.IntrinsicElements['a']).href = disabled\n        ? undefined\n        : (shorthandProps as JSX.IntrinsicElements['a']).href;\n      shorthandProps.onClick = onClickHandler;\n      shorthandProps.onKeyDown = onKeyDownHandler;\n      shorthandProps.onKeyUp = onKeyupHandler;\n      shorthandProps.role = shorthandProps.role ?? 'button';\n      shorthandProps.tabIndex = disabled && !disabledFocusable ? undefined : tabIndex ?? 0;\n    }\n\n    // Remove non-DOM disabledFocusable prop\n    delete shorthandProps.disabledFocusable;\n  }\n\n  return shorthandProps;\n};\n"],"sourceRoot":"../src/"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/index';
+export * from './utils/index';

package/lib/index.js

@@ -0,0 +1,3 @@
+export * from './hooks/index';
+export * from './utils/index';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC","sourcesContent":["export * from './hooks/index';\nexport * from './utils/index';\n"]}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.18.1"
+    }
+  ]
+}

package/lib/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './mergeARIADisabled';

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+export * from './mergeARIADisabled';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './mergeARIADisabled';\n"]}

package/lib/utils/mergeARIADisabled.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Merges disabled declaration with `aria-disabled`
+ */
+export declare function mergeARIADisabled(shorthand: {
+    'aria-disabled'?: string | boolean;
+    disabled?: boolean;
+}): boolean;

package/lib/utils/mergeARIADisabled.js

@@ -0,0 +1,15 @@
+/**
+ * Merges disabled declaration with `aria-disabled`
+ */
+export function mergeARIADisabled(shorthand) {
+  var _a;
+
+  const disabled = (_a = shorthand.disabled) !== null && _a !== void 0 ? _a : shorthand['aria-disabled'];
+
+  if (typeof disabled === 'string') {
+    return disabled === 'false' ? false : true;
+  }
+
+  return disabled !== null && disabled !== void 0 ? disabled : false;
+}
+//# sourceMappingURL=mergeARIADisabled.js.map

package/lib/utils/mergeARIADisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/mergeARIADisabled.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAM,SAAU,iBAAV,CAA4B,SAA5B,EAAiG;;;AACrG,QAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,SAAS,CAAC,QAAV,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,SAAS,CAAC,eAAD,CAAhD;;AACA,MAAI,OAAO,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAO,QAAQ,KAAK,OAAb,GAAuB,KAAvB,GAA+B,IAAtC;AACD;;AACD,SAAO,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAAnB;AACD","sourcesContent":["/**\n * Merges disabled declaration with `aria-disabled`\n */\nexport function mergeARIADisabled(shorthand: { 'aria-disabled'?: string | boolean; disabled?: boolean }) {\n  const disabled = shorthand.disabled ?? shorthand['aria-disabled'];\n  if (typeof disabled === 'string') {\n    return disabled === 'false' ? false : true;\n  }\n  return disabled ?? false;\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useARIAButton';

package/lib-commonjs/hooks/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./useARIAButton"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hooks/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './useARIAButton';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/hooks/useARIAButton.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractSlotProps, ResolveShorthandFunction, Slot } from '@fluentui/react-utilities';
+export declare type ARIAButtonSlotProps = ExtractSlotProps<Slot<'button', 'a'>> & {
+    disabled?: boolean;
+    disabledFocusable?: boolean;
+};
+/**
+ * Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
+ * for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
+ * where no attribute addition is required.
+ */
+export declare const useARIAButton: ResolveShorthandFunction<ARIAButtonSlotProps>;

package/lib-commonjs/hooks/useARIAButton.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useARIAButton = void 0;
+
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec
+ * for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases
+ * where no attribute addition is required.
+ */
+
+
+const useARIAButton = (shorthand, options) => {
+  var _a;
+
+  const shorthandProps = react_utilities_1.resolveShorthand(shorthand, options);
+  const {
+    disabled,
+    disabledFocusable,
+    onClick,
+    onKeyDown,
+    onKeyUp,
+    tabIndex
+  } = shorthandProps || {};
+  const onClickHandler = react_utilities_1.useEventCallback(ev => {
+    if (disabled || disabledFocusable) {
+      ev.preventDefault();
+      ev.stopPropagation();
+    } else {
+      onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+    }
+  });
+  const onKeyDownHandler = react_utilities_1.useEventCallback(ev => {
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(ev);
+
+    if (ev.isDefaultPrevented()) {
+      return;
+    }
+
+    const key = ev.key;
+
+    if ((disabled || disabledFocusable) && (key === keyboard_keys_1.Enter || key === keyboard_keys_1.Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
+    }
+
+    if (key === keyboard_keys_1.Space) {
+      ev.preventDefault();
+      return;
+    } // If enter is pressed, activate the button
+    else if (key === keyboard_keys_1.Enter) {
+      ev.preventDefault();
+      ev.currentTarget.click();
+    }
+  });
+  const onKeyupHandler = react_utilities_1.useEventCallback(ev => {
+    onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(ev);
+
+    if (ev.isDefaultPrevented()) {
+      return;
+    }
+
+    const key = ev.key;
+
+    if ((disabled || disabledFocusable) && (key === keyboard_keys_1.Enter || key === keyboard_keys_1.Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
+    }
+
+    if (key === keyboard_keys_1.Space) {
+      ev.preventDefault();
+      ev.currentTarget.click();
+    }
+  });
+
+  if (shorthandProps) {
+    // If a <button> tag is to be rendered we just need to set disabled and aria-disabled correctly
+    if (shorthandProps.as === 'button' || shorthandProps.as === undefined) {
+      shorthandProps.disabled = disabled && !disabledFocusable;
+      shorthandProps['aria-disabled'] = disabledFocusable ? true : undefined; // Undefine events if disabledFocusable is passed in
+
+      if (disabledFocusable) {
+        shorthandProps.onClick = undefined;
+        shorthandProps.onKeyDown = undefined;
+        shorthandProps.onKeyUp = undefined;
+      }
+    } // If an <a> tag is to be rendered we have to remove disabled and type, and set aria-disabled, role and tabIndex.
+    else {
+      delete shorthandProps.disabled;
+      shorthandProps['aria-disabled'] = disabled || disabledFocusable;
+      shorthandProps.href = disabled ? undefined : shorthandProps.href;
+      shorthandProps.onClick = onClickHandler;
+      shorthandProps.onKeyDown = onKeyDownHandler;
+      shorthandProps.onKeyUp = onKeyupHandler;
+      shorthandProps.role = (_a = shorthandProps.role) !== null && _a !== void 0 ? _a : 'button';
+      shorthandProps.tabIndex = disabled && !disabledFocusable ? undefined : tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0;
+    } // Remove non-DOM disabledFocusable prop
+
+
+    delete shorthandProps.disabledFocusable;
+  }
+
+  return shorthandProps;
+};
+
+exports.useARIAButton = useARIAButton;
+//# sourceMappingURL=useARIAButton.js.map

package/lib-commonjs/hooks/useARIAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hooks/useARIAButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { Enter, Space } from '@fluentui/keyboard-keys';\nimport { resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport type { ExtractSlotProps, ResolveShorthandFunction, Slot } from '@fluentui/react-utilities';\n\nexport type ARIAButtonSlotProps = ExtractSlotProps<Slot<'button', 'a'>> & {\n  disabled?: boolean;\n  disabledFocusable?: boolean;\n};\n\n/**\n * Button keyboard handling, role, disabled and tabIndex implementation that ensures ARIA spec\n * for multiple scenarios of shorthand properties. Ensuring 1st rule of ARIA for cases\n * where no attribute addition is required.\n */\nexport const useARIAButton: ResolveShorthandFunction<ARIAButtonSlotProps> = (shorthand, options) => {\n  const shorthandProps = resolveShorthand(shorthand, options);\n\n  const { disabled, disabledFocusable, onClick, onKeyDown, onKeyUp, tabIndex } = (shorthandProps ||\n    {}) as ARIAButtonSlotProps;\n\n  const onClickHandler: ARIAButtonSlotProps['onClick'] = useEventCallback(ev => {\n    if (disabled || disabledFocusable) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    } else {\n      onClick?.(ev);\n    }\n  });\n\n  const onKeyDownHandler: ARIAButtonSlotProps['onKeyDown'] = useEventCallback(ev => {\n    onKeyDown?.(ev);\n\n    if (ev.isDefaultPrevented()) {\n      return;\n    }\n\n    const key = ev.key;\n\n    if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    if (key === Space) {\n      ev.preventDefault();\n      return;\n    }\n\n    // If enter is pressed, activate the button\n    else if (key === Enter) {\n      ev.preventDefault();\n      ev.currentTarget.click();\n    }\n  });\n\n  const onKeyupHandler: ARIAButtonSlotProps['onKeyUp'] = useEventCallback(ev => {\n    onKeyUp?.(ev);\n\n    if (ev.isDefaultPrevented()) {\n      return;\n    }\n\n    const key = ev.key;\n\n    if ((disabled || disabledFocusable) && (key === Enter || key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    if (key === Space) {\n      ev.preventDefault();\n      ev.currentTarget.click();\n    }\n  });\n\n  if (shorthandProps) {\n    // If a <button> tag is to be rendered we just need to set disabled and aria-disabled correctly\n    if (shorthandProps.as === 'button' || shorthandProps.as === undefined) {\n      shorthandProps.disabled = disabled && !disabledFocusable;\n      shorthandProps['aria-disabled'] = disabledFocusable ? true : undefined;\n\n      // Undefine events if disabledFocusable is passed in\n      if (disabledFocusable) {\n        shorthandProps.onClick = undefined;\n        shorthandProps.onKeyDown = undefined;\n        shorthandProps.onKeyUp = undefined;\n      }\n    }\n\n    // If an <a> tag is to be rendered we have to remove disabled and type, and set aria-disabled, role and tabIndex.\n    else {\n      delete shorthandProps.disabled;\n      shorthandProps['aria-disabled'] = disabled || disabledFocusable;\n      (shorthandProps as JSX.IntrinsicElements['a']).href = disabled\n        ? undefined\n        : (shorthandProps as JSX.IntrinsicElements['a']).href;\n      shorthandProps.onClick = onClickHandler;\n      shorthandProps.onKeyDown = onKeyDownHandler;\n      shorthandProps.onKeyUp = onKeyupHandler;\n      shorthandProps.role = shorthandProps.role ?? 'button';\n      shorthandProps.tabIndex = disabled && !disabledFocusable ? undefined : tabIndex ?? 0;\n    }\n\n    // Remove non-DOM disabledFocusable prop\n    delete shorthandProps.disabledFocusable;\n  }\n\n  return shorthandProps;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/index';
+export * from './utils/index';

package/lib-commonjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./hooks/index"), exports);
+
+tslib_1.__exportStar(require("./utils/index"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './hooks/index';\nexport * from './utils/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './mergeARIADisabled';

package/lib-commonjs/utils/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./mergeARIADisabled"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './mergeARIADisabled';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/mergeARIADisabled.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Merges disabled declaration with `aria-disabled`
+ */
+export declare function mergeARIADisabled(shorthand: {
+    'aria-disabled'?: string | boolean;
+    disabled?: boolean;
+}): boolean;

package/lib-commonjs/utils/mergeARIADisabled.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeARIADisabled = void 0;
+/**
+ * Merges disabled declaration with `aria-disabled`
+ */
+
+function mergeARIADisabled(shorthand) {
+  var _a;
+
+  const disabled = (_a = shorthand.disabled) !== null && _a !== void 0 ? _a : shorthand['aria-disabled'];
+
+  if (typeof disabled === 'string') {
+    return disabled === 'false' ? false : true;
+  }
+
+  return disabled !== null && disabled !== void 0 ? disabled : false;
+}
+
+exports.mergeARIADisabled = mergeARIADisabled;
+//# sourceMappingURL=mergeARIADisabled.js.map

package/lib-commonjs/utils/mergeARIADisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/mergeARIADisabled.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACH,SAAgB,iBAAhB,CAAkC,SAAlC,EAAuG;;;AACrG,QAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,SAAS,CAAC,QAAV,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,SAAS,CAAC,eAAD,CAAhD;;AACA,MAAI,OAAO,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAO,QAAQ,KAAK,OAAb,GAAuB,KAAvB,GAA+B,IAAtC;AACD;;AACD,SAAO,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAAnB;AACD;;AAND,OAAA,CAAA,iBAAA,GAAA,iBAAA","sourcesContent":["/**\n * Merges disabled declaration with `aria-disabled`\n */\nexport function mergeARIADisabled(shorthand: { 'aria-disabled'?: string | boolean; disabled?: boolean }) {\n  const disabled = shorthand.disabled ?? shorthand['aria-disabled'];\n  if (typeof disabled === 'string') {\n    return disabled === 'false' ? false : true;\n  }\n  return disabled ?? false;\n}\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@fluentui/react-aria",
+  "version": "0.0.0-nightly-20220302-0405.1",
+  "description": "React helper to ensure ARIA",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "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-aria/src && yarn docs",
+    "storybook": "node ../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@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"
+  },
+  "dependencies": {
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220302-0405.1",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}