@tamagui/static 1.0.1-beta.67 → 1.0.1-beta.70

package/dist/jsx/patchReactNativeWeb.js

@@ -2,80 +2,56 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import path from "path";
 import * as fs from "fs-extra";
+const PATCH_PREFIX = "tamagui-patch-";
+const PATCH_VERSION = `${PATCH_PREFIX}-v5`;
+const PATCH_COMMENT = `// ${PATCH_VERSION}`;
+const PATCH_END_COMMENT = `// tamagui-patch-end`;
 function patchReactNativeWeb(dir = require.resolve("react-native-web")) {
   const rootDir = dir.replace(/[\/\\]dist.*/, "");
+  const pkgJSON = fs.readJSONSync(path.join(rootDir, "package.json"));
+  if (pkgJSON.version.split(".")[1] !== "18") {
+    console.error(`\u26D4\uFE0F Error! Tamagui as of beta 69 only works with react-native-web version 0.18.x`, pkgJSON.version);
+    process.exit(1);
+  }
   const modulePath = path.join(rootDir, "dist", "tamagui-exports.js");
   const cjsPath = path.join(rootDir, "dist", "cjs", "tamagui-exports.js");
-  const shouldPatchExports = fs.existsSync(modulePath) && fs.readFileSync(modulePath, "utf-8") === moduleExports && fs.existsSync(cjsPath) && fs.readFileSync(cjsPath, "utf-8") === cjsExports;
-  if (!shouldPatchExports) {
+  const alreadyPatchedImports = fs.existsSync(modulePath) && fs.readFileSync(modulePath, "utf-8") === moduleExports && fs.existsSync(cjsPath) && fs.readFileSync(cjsPath, "utf-8") === cjsExports;
+  if (!alreadyPatchedImports) {
     console.log("      | patch " + path.relative(rootDir, modulePath));
-    console.log("      | patch " + path.relative(rootDir, cjsPath));
     fs.writeFileSync(modulePath, moduleExports);
+    console.log("      | patch " + path.relative(rootDir, cjsPath));
     fs.writeFileSync(cjsPath, cjsExports);
   }
-  const patches = [
-    {
-      id: "dom-props",
-      filePath: ["modules", "createDOMProps", "index.js"],
-      replacee: `  if (dataSet != null) {`,
-      replacer: `
-  if (props.dataSet && props.dataSet.className) {
-    const { className, ...dataSetRest } = props.dataSet
-    classList = className
-    dataSet = dataSetRest
-  }
-  if (props.dataSet && props.dataSet.id) {
-    domProps['id'] = props.dataSet.id
-  }
-  if (dataSet != null) {`
-    },
-    {
-      id: "forward-props",
-      filePath: ["modules", "forwardedProps", "index.js"],
-      replacee: `dataSet: true,`,
-      replacer: `id: true, dataSet: true,`
-    }
-  ];
-  for (const { filePath, replacee, replacer } of patches) {
-    const files = [
-      path.join(rootDir, "dist", ...filePath),
-      path.join(rootDir, "dist", "cjs", ...filePath)
-    ];
-    for (const file of files) {
-      const contents = fs.readFileSync(file, "utf-8");
-      if (contents.includes(replacer)) {
-        continue;
-      }
-      if (!contents.includes(replacee)) {
-        console.warn(`\u26A0\uFE0F Error: couldn't apply className patch! Maybe using incompatible react-native-web version.`, {
-          replacee,
-          contents
-        });
-        continue;
-      }
-      console.log("      | patch " + path.relative(rootDir, file));
-      fs.writeFileSync(file, contents.replace(replacee, replacer));
-    }
+  const dpFile = path.join(rootDir, "dist", "modules", "createDOMProps", "index.js");
+  const dpPatched = fs.readFileSync(path.join(__dirname, "..", "..", "patches", "18", "createDOMProps.js"), "utf-8");
+  const dpFileCJS = path.join(rootDir, "dist", "cjs", "modules", "createDOMProps", "index.js");
+  const dpCJSPatched = fs.readFileSync(path.join(__dirname, "..", "..", "patches", "18", "createDOMProps.cjs.js"), "utf-8");
+  const alreadyPatchedDOMProps = fs.readFileSync(dpFile, "utf-8") === dpPatched && fs.readFileSync(dpFileCJS, "utf-8") === dpCJSPatched;
+  if (!alreadyPatchedDOMProps) {
+    console.log("      | patch " + path.relative(rootDir, dpFile));
+    fs.writeFileSync(dpFile, dpPatched);
+    console.log("      | patch " + path.relative(rootDir, dpFileCJS));
+    fs.writeFileSync(dpFileCJS, dpCJSPatched);
   }
   const moduleEntry = path.join(rootDir, "dist", "index.js");
   const moduleEntrySrc = fs.readFileSync(moduleEntry, "utf-8");
-  if (!moduleEntrySrc.includes("// tamagui-patch-v4")) {
+  if (!moduleEntrySrc.includes(PATCH_COMMENT)) {
     fs.writeFileSync(moduleEntry, `${removePatch(moduleEntrySrc)}
 
-// tamagui-patch-v4
+${PATCH_COMMENT}
 import * as TExports from './tamagui-exports'
 export const TamaguiExports = TExports
-// tamagui-patch-end
+${PATCH_END_COMMENT}
 `);
   }
   const cjsEntry = path.join(rootDir, "dist", "cjs", "index.js");
   const cjsEntrySrc = fs.readFileSync(cjsEntry, "utf-8");
-  if (!cjsEntrySrc.includes("// tamagui-patch-v4")) {
+  if (!cjsEntrySrc.includes(PATCH_COMMENT)) {
     fs.writeFileSync(cjsEntry, `${removePatch(cjsEntrySrc)}
 
-// tamagui-patch-v4
-exports.TamaguiExports = _interopRequireDefault(require("./tamagui-exports"));
-// tamagui-patch-end
+${PATCH_COMMENT}
+exports.TamaguiExports = require("./tamagui-exports");
+${PATCH_END_COMMENT}
 `);
   }
 }
@@ -84,57 +60,21 @@ function removePatch(source) {
   return source.replace(/\/\/ tamagui-patch([.\s\S]*)/g, "");
 }
 __name(removePatch, "removePatch");
-const forwardedPropsObj = `{
-  ...fwdProps.defaultProps,
-  ...fwdProps.accessibilityProps,
-  ...fwdProps.clickProps,
-  ...fwdProps.focusProps,
-  ...fwdProps.keyboardProps,
-  ...fwdProps.mouseProps,
-  ...fwdProps.touchProps,
-  ...fwdProps.styleProps,
-  href: true,
-  lang: true,
-  onScroll: true,
-  onWheel: true,
-  pointerEvents: true
-}
-`;
 const moduleExports = `
-export { atomic } from './exports/StyleSheet/compile'
-export { default as createCompileableStyle } from './exports/StyleSheet/createCompileableStyle'
-export { default as createReactDOMStyle } from './exports/StyleSheet/createReactDOMStyle'
-export { default as i18Style } from './exports/StyleSheet/i18nStyle'
 export { default as createDOMProps } from './modules/createDOMProps'
-export { default as AccessibilityUtil } from './modules/AccessibilityUtil'
-export { default as createElement } from './exports/createElement'
-export { default as css } from './exports/StyleSheet/css'
 export { default as TextAncestorContext } from './exports/Text/TextAncestorContext'
-export { default as pick } from './modules/pick'
 export { default as useElementLayout } from './modules/useElementLayout'
 export { default as useMergeRefs } from './modules/useMergeRefs'
 export { default as usePlatformMethods } from './modules/usePlatformMethods'
 export { default as useResponderEvents } from './modules/useResponderEvents'
-import * as fwdProps from './modules/forwardedProps'
-export const forwardedProps = ${forwardedPropsObj}
 `;
 const cjsExports = `
-exports.atomic = require('./exports/StyleSheet/compile').atomic
-exports.createCompileableStyle = require('./exports/StyleSheet/createCompileableStyle')
-exports.createReactDOMStyle = require('./exports/StyleSheet/createReactDOMStyle')
-exports.i18Style = require('./exports/StyleSheet/i18nStyle')
 exports.createDOMProps = require('./modules/createDOMProps')
-exports.AccessibilityUtil = require('./modules/AccessibilityUtil')
-exports.createElement = require('./exports/createElement')
-exports.css = require('./exports/StyleSheet/css')
 exports.TextAncestorContext = require('./exports/Text/TextAncestorContext')
-exports.pick = require('./modules/pick')
 exports.useElementLayout = require('./modules/useElementLayout')
 exports.useMergeRefs = require('./modules/useMergeRefs')
 exports.usePlatformMethods = require('./modules/usePlatformMethods')
 exports.useResponderEvents = require('./modules/useResponderEvents')
-const fwdProps = require('./modules/forwardedProps')
-exports.forwardedProps = ${forwardedPropsObj}
 `;
 export {
   patchReactNativeWeb

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.1-beta.67",
+  "version": "1.0.1-beta.70",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "patches",
     "src",
     "types",
     "dist"
@@ -17,7 +18,8 @@
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build",
     "test": "NODE_ENV=test TAMAGUI_COMPILE_PROCESS=1 jest --forceExit",
-    "test:babel": "yarn test tests/babel-test.tsx",
+    "test:output": "TAMAGUI_TARGET=web node -r esbuild-register test-output.tsx",
+    "test:babel": "DISABLE_PRE_TEST=true yarn test tests/babel-test.tsx",
     "test:debug": "NODE_ENV=test TAMAGUI_COMPILE_PROCESS=1 DEBUG_FILE=extract-specs.tsx DEBUG=1 yarn test",
     "test:watch": "NODE_ENV=test TAMAGUI_COMPILE_PROCESS=1 yarn test --watch",
     "test:update-snapshots": "NODE_ENV=test jest --updateSnapshot"
@@ -36,11 +38,11 @@
     "@babel/parser": "^7.15.7",
     "@babel/traverse": "^7.15.4",
     "@expo/match-media": "^0.3.0",
-    "@tamagui/build": "^1.0.1-beta.67",
-    "@tamagui/core-node": "^1.0.1-beta.67",
-    "@tamagui/fake-react-native": "^1.0.1-beta.67",
-    "@tamagui/helpers": "^1.0.1-beta.67",
-    "@tamagui/proxy-worm": "^1.0.1-beta.67",
+    "@tamagui/build": "^1.0.1-beta.70",
+    "@tamagui/core-node": "^1.0.1-beta.70",
+    "@tamagui/fake-react-native": "^1.0.1-beta.70",
+    "@tamagui/helpers": "^1.0.1-beta.70",
+    "@tamagui/proxy-worm": "^1.0.1-beta.70",
     "babel-literal-to-ast": "^2.1.0",
     "esbuild": "^0.14.36",
     "esbuild-register": "^3.3.2",
@@ -48,13 +50,15 @@
     "fs-extra": "^9.1.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.21",
-    "tamagui": "^1.0.1-beta.67"
+    "tamagui": "^1.0.1-beta.70"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.14.5",
     "@babel/types": "^7.15.6",
     "@dish/babel-preset": "^0.0.6",
-    "@testing-library/react": "13.0.0-alpha.4",
+    "@tamagui/config-base": "^1.0.1-beta.70",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
     "@types/jest": "*",
     "@types/node": "^16.11.9",
     "@types/react-native": "^0.67.3",
@@ -62,15 +66,17 @@
     "babel-loader": "^8.2.5",
     "css-loader": "^5.2.4",
     "esbuild-loader": "^2.18.0",
-    "jest": "^27.3.1",
+    "jest": "^28.1.1",
+    "jest-dom": "^4.0.0",
+    "jest-environment-jsdom": "^28.1.1",
     "null-loader": "^4.0.1",
     "react": "*",
     "react-dom": "*",
     "react-native-web": "^0.17.5",
-    "react-test-renderer": "^18.1.0",
+    "react-test-renderer": "^18.2.0",
     "style-loader": "^3.3.0",
     "typescript": "^4.7.2",
-    "webpack": "^5.72.0"
+    "webpack": "^5.73.0"
   },
   "peerDependencies": {
     "react-native-web": "*"

package/patches/18/createDOMProps.cjs.js

@@ -0,0 +1,385 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _AccessibilityUtil = _interopRequireDefault(require("../AccessibilityUtil"));
+
+var _StyleSheet2 = _interopRequireDefault(require("../../exports/StyleSheet"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var emptyObject = {};
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var isArray = Array.isArray;
+var uppercasePattern = /[A-Z]/g;
+
+function toHyphenLower(match) {
+  return '-' + match.toLowerCase();
+}
+
+function hyphenateString(str) {
+  return str.replace(uppercasePattern, toHyphenLower);
+}
+
+function processIDRefList(idRefList) {
+  return isArray(idRefList) ? idRefList.join(' ') : idRefList;
+}
+
+var pointerEventsStyles = _StyleSheet2.default.create({
+  auto: {
+    pointerEvents: 'auto'
+  },
+  'box-none': {
+    pointerEvents: 'box-none'
+  },
+  'box-only': {
+    pointerEvents: 'box-only'
+  },
+  none: {
+    pointerEvents: 'none'
+  }
+});
+
+var createDOMProps = function createDOMProps(elementType, props, options) {
+  if (!props) {
+    props = emptyObject;
+  }
+
+  var _props = props,
+      accessibilityActiveDescendant = _props.accessibilityActiveDescendant,
+      accessibilityAtomic = _props.accessibilityAtomic,
+      accessibilityAutoComplete = _props.accessibilityAutoComplete,
+      accessibilityBusy = _props.accessibilityBusy,
+      accessibilityChecked = _props.accessibilityChecked,
+      accessibilityColumnCount = _props.accessibilityColumnCount,
+      accessibilityColumnIndex = _props.accessibilityColumnIndex,
+      accessibilityColumnSpan = _props.accessibilityColumnSpan,
+      accessibilityControls = _props.accessibilityControls,
+      accessibilityCurrent = _props.accessibilityCurrent,
+      accessibilityDescribedBy = _props.accessibilityDescribedBy,
+      accessibilityDetails = _props.accessibilityDetails,
+      accessibilityDisabled = _props.accessibilityDisabled,
+      accessibilityErrorMessage = _props.accessibilityErrorMessage,
+      accessibilityExpanded = _props.accessibilityExpanded,
+      accessibilityFlowTo = _props.accessibilityFlowTo,
+      accessibilityHasPopup = _props.accessibilityHasPopup,
+      accessibilityHidden = _props.accessibilityHidden,
+      accessibilityInvalid = _props.accessibilityInvalid,
+      accessibilityKeyShortcuts = _props.accessibilityKeyShortcuts,
+      accessibilityLabel = _props.accessibilityLabel,
+      accessibilityLabelledBy = _props.accessibilityLabelledBy,
+      accessibilityLevel = _props.accessibilityLevel,
+      accessibilityLiveRegion = _props.accessibilityLiveRegion,
+      accessibilityModal = _props.accessibilityModal,
+      accessibilityMultiline = _props.accessibilityMultiline,
+      accessibilityMultiSelectable = _props.accessibilityMultiSelectable,
+      accessibilityOrientation = _props.accessibilityOrientation,
+      accessibilityOwns = _props.accessibilityOwns,
+      accessibilityPlaceholder = _props.accessibilityPlaceholder,
+      accessibilityPosInSet = _props.accessibilityPosInSet,
+      accessibilityPressed = _props.accessibilityPressed,
+      accessibilityReadOnly = _props.accessibilityReadOnly,
+      accessibilityRequired = _props.accessibilityRequired,
+      accessibilityRole = _props.accessibilityRole,
+      accessibilityRoleDescription = _props.accessibilityRoleDescription,
+      accessibilityRowCount = _props.accessibilityRowCount,
+      accessibilityRowIndex = _props.accessibilityRowIndex,
+      accessibilityRowSpan = _props.accessibilityRowSpan,
+      accessibilitySelected = _props.accessibilitySelected,
+      accessibilitySetSize = _props.accessibilitySetSize,
+      accessibilitySort = _props.accessibilitySort,
+      accessibilityValueMax = _props.accessibilityValueMax,
+      accessibilityValueMin = _props.accessibilityValueMin,
+      accessibilityValueNow = _props.accessibilityValueNow,
+      accessibilityValueText = _props.accessibilityValueText,
+      dataSet = _props.dataSet,
+      focusable = _props.focusable,
+      nativeID = _props.nativeID,
+      pointerEvents = _props.pointerEvents,
+      style = _props.style,
+      testID = _props.testID,
+      domProps = _objectWithoutPropertiesLoose(_props, ["accessibilityActiveDescendant", "accessibilityAtomic", "accessibilityAutoComplete", "accessibilityBusy", "accessibilityChecked", "accessibilityColumnCount", "accessibilityColumnIndex", "accessibilityColumnSpan", "accessibilityControls", "accessibilityCurrent", "accessibilityDescribedBy", "accessibilityDetails", "accessibilityDisabled", "accessibilityErrorMessage", "accessibilityExpanded", "accessibilityFlowTo", "accessibilityHasPopup", "accessibilityHidden", "accessibilityInvalid", "accessibilityKeyShortcuts", "accessibilityLabel", "accessibilityLabelledBy", "accessibilityLevel", "accessibilityLiveRegion", "accessibilityModal", "accessibilityMultiline", "accessibilityMultiSelectable", "accessibilityOrientation", "accessibilityOwns", "accessibilityPlaceholder", "accessibilityPosInSet", "accessibilityPressed", "accessibilityReadOnly", "accessibilityRequired", "accessibilityRole", "accessibilityRoleDescription", "accessibilityRowCount", "accessibilityRowIndex", "accessibilityRowSpan", "accessibilitySelected", "accessibilitySetSize", "accessibilitySort", "accessibilityValueMax", "accessibilityValueMin", "accessibilityValueNow", "accessibilityValueText", "dataSet", "focusable", "nativeID", "pointerEvents", "style", "testID"]);
+
+  var disabled = accessibilityDisabled;
+
+  var role = _AccessibilityUtil.default.propsToAriaRole(props); // ACCESSIBILITY
+
+
+  if (accessibilityActiveDescendant != null) {
+    domProps['aria-activedescendant'] = accessibilityActiveDescendant;
+  }
+
+  if (accessibilityAtomic != null) {
+    domProps['aria-atomic'] = accessibilityAtomic;
+  }
+
+  if (accessibilityAutoComplete != null) {
+    domProps['aria-autocomplete'] = accessibilityAutoComplete;
+  }
+
+  if (accessibilityBusy != null) {
+    domProps['aria-busy'] = accessibilityBusy;
+  }
+
+  if (accessibilityChecked != null) {
+    domProps['aria-checked'] = accessibilityChecked;
+  }
+
+  if (accessibilityColumnCount != null) {
+    domProps['aria-colcount'] = accessibilityColumnCount;
+  }
+
+  if (accessibilityColumnIndex != null) {
+    domProps['aria-colindex'] = accessibilityColumnIndex;
+  }
+
+  if (accessibilityColumnSpan != null) {
+    domProps['aria-colspan'] = accessibilityColumnSpan;
+  }
+
+  if (accessibilityControls != null) {
+    domProps['aria-controls'] = processIDRefList(accessibilityControls);
+  }
+
+  if (accessibilityCurrent != null) {
+    domProps['aria-current'] = accessibilityCurrent;
+  }
+
+  if (accessibilityDescribedBy != null) {
+    domProps['aria-describedby'] = processIDRefList(accessibilityDescribedBy);
+  }
+
+  if (accessibilityDetails != null) {
+    domProps['aria-details'] = accessibilityDetails;
+  }
+
+  if (disabled === true) {
+    domProps['aria-disabled'] = true; // Enhance with native semantics
+
+    if (elementType === 'button' || elementType === 'form' || elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
+      domProps.disabled = true;
+    }
+  }
+
+  if (accessibilityErrorMessage != null) {
+    domProps['aria-errormessage'] = accessibilityErrorMessage;
+  }
+
+  if (accessibilityExpanded != null) {
+    domProps['aria-expanded'] = accessibilityExpanded;
+  }
+
+  if (accessibilityFlowTo != null) {
+    domProps['aria-flowto'] = processIDRefList(accessibilityFlowTo);
+  }
+
+  if (accessibilityHasPopup != null) {
+    domProps['aria-haspopup'] = accessibilityHasPopup;
+  }
+
+  if (accessibilityHidden === true) {
+    domProps['aria-hidden'] = accessibilityHidden;
+  }
+
+  if (accessibilityInvalid != null) {
+    domProps['aria-invalid'] = accessibilityInvalid;
+  }
+
+  if (accessibilityKeyShortcuts != null && Array.isArray(accessibilityKeyShortcuts)) {
+    domProps['aria-keyshortcuts'] = accessibilityKeyShortcuts.join(' ');
+  }
+
+  if (accessibilityLabel != null) {
+    domProps['aria-label'] = accessibilityLabel;
+  }
+
+  if (accessibilityLabelledBy != null) {
+    domProps['aria-labelledby'] = processIDRefList(accessibilityLabelledBy);
+  }
+
+  if (accessibilityLevel != null) {
+    domProps['aria-level'] = accessibilityLevel;
+  }
+
+  if (accessibilityLiveRegion != null) {
+    domProps['aria-live'] = accessibilityLiveRegion === 'none' ? 'off' : accessibilityLiveRegion;
+  }
+
+  if (accessibilityModal != null) {
+    domProps['aria-modal'] = accessibilityModal;
+  }
+
+  if (accessibilityMultiline != null) {
+    domProps['aria-multiline'] = accessibilityMultiline;
+  }
+
+  if (accessibilityMultiSelectable != null) {
+    domProps['aria-multiselectable'] = accessibilityMultiSelectable;
+  }
+
+  if (accessibilityOrientation != null) {
+    domProps['aria-orientation'] = accessibilityOrientation;
+  }
+
+  if (accessibilityOwns != null) {
+    domProps['aria-owns'] = processIDRefList(accessibilityOwns);
+  }
+
+  if (accessibilityPlaceholder != null) {
+    domProps['aria-placeholder'] = accessibilityPlaceholder;
+  }
+
+  if (accessibilityPosInSet != null) {
+    domProps['aria-posinset'] = accessibilityPosInSet;
+  }
+
+  if (accessibilityPressed != null) {
+    domProps['aria-pressed'] = accessibilityPressed;
+  }
+
+  if (accessibilityReadOnly != null) {
+    domProps['aria-readonly'] = accessibilityReadOnly; // Enhance with native semantics
+
+    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
+      domProps.readOnly = true;
+    }
+  }
+
+  if (accessibilityRequired != null) {
+    domProps['aria-required'] = accessibilityRequired; // Enhance with native semantics
+
+    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
+      domProps.required = true;
+    }
+  }
+
+  if (role != null) {
+    // 'presentation' synonym has wider browser support
+    domProps['role'] = role === 'none' ? 'presentation' : role;
+  }
+
+  if (accessibilityRoleDescription != null) {
+    domProps['aria-roledescription'] = accessibilityRoleDescription;
+  }
+
+  if (accessibilityRowCount != null) {
+    domProps['aria-rowcount'] = accessibilityRowCount;
+  }
+
+  if (accessibilityRowIndex != null) {
+    domProps['aria-rowindex'] = accessibilityRowIndex;
+  }
+
+  if (accessibilityRowSpan != null) {
+    domProps['aria-rowspan'] = accessibilityRowSpan;
+  }
+
+  if (accessibilitySelected != null) {
+    domProps['aria-selected'] = accessibilitySelected;
+  }
+
+  if (accessibilitySetSize != null) {
+    domProps['aria-setsize'] = accessibilitySetSize;
+  }
+
+  if (accessibilitySort != null) {
+    domProps['aria-sort'] = accessibilitySort;
+  }
+
+  if (accessibilityValueMax != null) {
+    domProps['aria-valuemax'] = accessibilityValueMax;
+  }
+
+  if (accessibilityValueMin != null) {
+    domProps['aria-valuemin'] = accessibilityValueMin;
+  }
+
+  if (accessibilityValueNow != null) {
+    domProps['aria-valuenow'] = accessibilityValueNow;
+  }
+
+  if (accessibilityValueText != null) {
+    domProps['aria-valuetext'] = accessibilityValueText;
+  } // "dataSet" replaced with "data-*"
+
+
+  const tmgCN = dataSet ? dataSet.className : undefined
+  const tmgID = dataSet ? dataSet.id : undefined
+  if (dataSet != null) {
+    for (var dataProp in dataSet) {
+      if (dataProp === 'className' || dataProp === 'id') continue
+      if (hasOwnProperty.call(dataSet, dataProp)) {
+        var dataName = hyphenateString(dataProp);
+        var dataValue = dataSet[dataProp];
+
+        if (dataValue != null) {
+          domProps["data-" + dataName] = dataValue;
+        }
+      }
+    }
+  } // FOCUS
+  // "focusable" indicates that an element may be a keyboard tab-stop.
+
+
+  if (focusable === false) {
+    domProps.tabIndex = '-1';
+  }
+
+  if ( // These native elements are keyboard focusable by default
+  elementType === 'a' || elementType === 'button' || elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
+    if (focusable === false || accessibilityDisabled === true) {
+      domProps.tabIndex = '-1';
+    }
+  } else if ( // These roles are made keyboard focusable by default
+  role === 'button' || role === 'checkbox' || role === 'link' || role === 'radio' || role === 'textbox' || role === 'switch') {
+    if (focusable !== false) {
+      domProps.tabIndex = '0';
+    }
+  } else {
+    // Everything else must explicitly set the prop
+    if (focusable === true) {
+      domProps.tabIndex = '0';
+    }
+  } // Resolve styles
+  
+  var _StyleSheet = (0, _StyleSheet2.default)([style, pointerEvents && pointerEventsStyles[pointerEvents]], {
+    writingDirection: options ? options.writingDirection : 'ltr'
+  }),
+      className = _StyleSheet[0],
+      inlineStyle = _StyleSheet[1];
+
+  // elementType = null on setNativeProps and overrides our classname
+  if (elementType != null && className) {
+    domProps.className = className;
+  }
+
+  if (inlineStyle) {
+    domProps.style = inlineStyle;
+  }
+  
+  if (tmgCN) {
+    domProps.className = tmgCN
+  }
+
+  // Native element ID
+
+  if (tmgID) {
+    domProps.id = tmgID
+  } else if (nativeID != null) {
+    domProps.id = nativeID;
+  } // Automated test IDs
+
+
+  if (testID != null) {
+    domProps['data-testid'] = testID;
+  }
+
+  return domProps;
+};
+
+var _default = createDOMProps;
+exports.default = _default;
+module.exports = exports.default;