@hanzogui/react-native-web-internals 2.0.0-rc.41-hanzoai.5

package/dist/esm/modules/UIManager/__tests__/index-test.mjs

@@ -0,0 +1,88 @@
+import UIManager from "../index.mjs";
+const createStyledNode = (name = "div", style = {}) => {
+  const root = document.createElement(name);
+  Object.keys(style).forEach(prop => {
+    root.style[prop] = style[prop];
+  });
+  return root;
+};
+const componentStub = {
+  _reactInternalInstance: {
+    _currentElement: {
+      _owner: {}
+    },
+    _debugID: 1
+  }
+};
+describe("apis/UIManager", () => {
+  describe("focus", () => {
+    test('sets tabIndex="-1" on elements not programmatically focusable by default', () => {
+      const node = createStyledNode();
+      UIManager.focus(node);
+      expect(node.getAttribute("tabIndex")).toEqual("-1");
+    });
+    test(`doesn't set tabIndex="-1" on elements with an existing tabIndex`, () => {
+      const node = createStyledNode();
+      node.tabIndex = 0;
+      UIManager.focus(node);
+      expect(node.getAttribute("tabIndex")).toEqual("0");
+    });
+    test(`doesn't set tabIndex="-1" on elements focusable by default`, () => {
+      ;
+      ["a", "input", "select", "textarea"].forEach(name => {
+        const node = createStyledNode(name);
+        UIManager.focus(node);
+        expect(node.getAttribute("tabIndex")).toBeNull();
+      });
+    });
+  });
+  describe("updateView", () => {
+    test("supports className alias for class", () => {
+      const node = createStyledNode();
+      const props = {
+        className: "extra"
+      };
+      UIManager.updateView(node, props, componentStub);
+      expect(node.getAttribute("class")).toEqual("extra");
+    });
+    test("adds correct DOM styles to existing style", () => {
+      const node = createStyledNode("div", {
+        color: "red"
+      });
+      const props = {
+        style: {
+          marginTop: 0,
+          marginBottom: 0,
+          opacity: 0
+        }
+      };
+      UIManager.updateView(node, props, componentStub);
+      expect(node.getAttribute("style")).toEqual("color: red; margin-top: 0px; margin-bottom: 0px; opacity: 0;");
+    });
+    test("replaces input and textarea text", () => {
+      const node = createStyledNode("textarea");
+      node.value = "initial";
+      const textProp = {
+        text: "expected-text"
+      };
+      const valueProp = {
+        value: "expected-value"
+      };
+      UIManager.updateView(node, textProp);
+      expect(node.value).toEqual("expected-text");
+      UIManager.updateView(node, valueProp);
+      expect(node.value).toEqual("expected-value");
+    });
+    test("sets other attribute values", () => {
+      const node = createStyledNode();
+      const props = {
+        "aria-level": "4",
+        "data-of-type": "string"
+      };
+      UIManager.updateView(node, props);
+      expect(node.getAttribute("aria-level")).toEqual("4");
+      expect(node.getAttribute("data-of-type")).toEqual("string");
+    });
+  });
+});
+//# sourceMappingURL=index-test.mjs.map

package/dist/esm/modules/UIManager/__tests__/index-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["UIManager","createStyledNode","name","style","root","document","createElement","Object","keys","forEach","prop","componentStub","_reactInternalInstance","_currentElement","_owner","_debugID","describe","test","node","focus","expect","getAttribute","toEqual","tabIndex","toBeNull","props","className","updateView","color","marginTop","marginBottom","opacity","value","textProp","text","valueProp"],"sources":["../../../../../src/modules/UIManager/__tests__/index-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/modules/UIManager/index.mjs

@@ -0,0 +1,40 @@
+import { measure, measureInWindow } from "@hanzogui/use-element-layout";
+const focusableElements = {
+  A: true,
+  INPUT: true,
+  SELECT: true,
+  TEXTAREA: true
+};
+const UIManager = {
+  blur(node) {
+    try {
+      node.blur();
+    } catch (err) {}
+  },
+  focus(node) {
+    try {
+      const name = node.nodeName;
+      if (node.getAttribute("tabIndex") == null && focusableElements[name] == null) {
+        node.setAttribute("tabIndex", "-1");
+      }
+      node.focus();
+    } catch (err) {}
+  },
+  measure(node, callback) {
+    return measure(node, callback);
+  },
+  measureInWindow(node, callback) {
+    return measureInWindow(node, callback);
+  },
+  // note its flipped fail and success on purpose lol
+  async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+    return measureLayout(node, relativeToNativeNode, onSuccess);
+  },
+  configureNextLayoutAnimation(config, onAnimationDidEnd) {
+    onAnimationDidEnd();
+  },
+  // mocks
+  setLayoutAnimationEnabledExperimental() {}
+};
+export { UIManager };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/modules/UIManager/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["measure","measureInWindow","focusableElements","A","INPUT","SELECT","TEXTAREA","UIManager","blur","node","err","focus","name","nodeName","getAttribute","setAttribute","callback","measureLayout","relativeToNativeNode","onFail","onSuccess","configureNextLayoutAnimation","config","onAnimationDidEnd","setLayoutAnimationEnabledExperimental"],"sources":["../../../../src/modules/UIManager/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,OAAA,EAASC,eAAA,QAAuB;AAEzC,MAAMC,iBAAA,GAAoB;EACxBC,CAAA,EAAG;EACHC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,QAAA,EAAU;AACZ;AAEO,MAAMC,SAAA,GAAY;EACvBC,KAAKC,IAAA,EAAM;IACT,IAAI;MACFA,IAAA,CAAKD,IAAA,CAAK;IACZ,SAASE,GAAA,EAAK,CAEd;EACF;EAEAC,MAAMF,IAAA,EAAM;IACV,IAAI;MACF,MAAMG,IAAA,GAAOH,IAAA,CAAKI,QAAA;MAIlB,IAAIJ,IAAA,CAAKK,YAAA,CAAa,UAAU,KAAK,QAAQZ,iBAAA,CAAkBU,IAAI,KAAK,MAAM;QAC5EH,IAAA,CAAKM,YAAA,CAAa,YAAY,IAAI;MACpC;MACAN,IAAA,CAAKE,KAAA,CAAM;IACb,SAASD,GAAA,EAAK,CAEd;EACF;EAEAV,QAAQS,IAAA,EAAMO,QAAA,EAAU;IACtB,OAAOhB,OAAA,CAAQS,IAAA,EAAMO,QAAQ;EAC/B;EAEAf,gBAAgBQ,IAAA,EAAMO,QAAA,EAAU;IAC9B,OAAOf,eAAA,CAAgBQ,IAAA,EAAMO,QAAQ;EACvC;EAAA;EAGA,MAAMC,cACJR,IAAA,EACAS,oBAAA,EACAC,MAAA,EACAC,SAAA,EACA;IACA,OAAOH,aAAA,CAAcR,IAAA,EAAMS,oBAAA,EAAsBE,SAAS;EAC5D;EAEAC,6BAA6BC,MAAA,EAAQC,iBAAA,EAAmB;IACtDA,iBAAA,CAAkB;EACpB;EAAA;EAGAC,sCAAA,EAAwC,CAAC;AAC3C","ignoreList":[]}

package/dist/esm/modules/canUseDOM.mjs

@@ -0,0 +1,3 @@
+const canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+export { canUseDOM };
+//# sourceMappingURL=canUseDOM.mjs.map

package/dist/esm/modules/canUseDOM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["canUseDOM","window","document","createElement"],"sources":["../../../src/modules/canUseDOM.tsx"],"sourcesContent":[null],"mappings":"AASO,MAAMA,SAAA,GAAY,CAAC,EACxB,OAAOC,MAAA,KAAW,eAClBA,MAAA,CAAOC,QAAA,IACPD,MAAA,CAAOC,QAAA,CAASC,aAAA","ignoreList":[]}

package/dist/esm/modules/createDOMProps/__tests__/index-test.mjs

@@ -0,0 +1,154 @@
+import createDOMProps from "../index.mjs";
+const createProps = props => createDOMProps(null, props);
+describe("modules/createDOMProps", () => {
+  describe("focus-related accessibility attributes", () => {
+    test("with no accessibility props", () => {
+      expect(createProps({})).toEqual({});
+    });
+    describe('"accessibilityRole" of "link"', () => {
+      const accessibilityRole = "link";
+      test("default case", () => {
+        expect(createProps({
+          accessibilityRole
+        })).toEqual(expect.not.objectContaining({
+          tabIndex: "-1"
+        }));
+      });
+      test('when "focusable" is true', () => {
+        expect(createProps({
+          accessibilityRole,
+          focusable: true
+        })).toEqual(expect.not.objectContaining({
+          tabIndex: "-1"
+        }));
+      });
+      test('when "focusable" is false', () => {
+        expect(createProps({
+          accessibilityRole,
+          focusable: false
+        })).toEqual(expect.objectContaining({
+          tabIndex: "-1"
+        }));
+      });
+      test('when "accessibilityDisabled" is true', () => {
+        expect(createProps({
+          accessibilityRole,
+          accessibilityDisabled: true
+        })).toEqual(expect.objectContaining({
+          "aria-disabled": true
+        }));
+      });
+      test('when "disabled" is false', () => {
+        expect(createProps({
+          accessibilityRole,
+          accessibilityDisabled: false
+        })).toEqual(expect.not.objectContaining({
+          tabIndex: "-1"
+        }));
+      });
+    });
+    const testFocusableRole = accessibilityRole => {
+      test("default case", () => {
+        expect(createProps({
+          accessibilityRole
+        })).toEqual(expect.objectContaining({
+          tabIndex: "0"
+        }));
+      });
+      test('when "focusable" is true', () => {
+        expect(createProps({
+          accessibilityRole,
+          focusable: true
+        })).toEqual(expect.objectContaining({
+          tabIndex: "0"
+        }));
+      });
+      test('when "focusable" is false', () => {
+        expect(createProps({
+          accessibilityRole,
+          focusable: false
+        })).toEqual(expect.objectContaining({
+          tabIndex: "-1"
+        }));
+      });
+      test('when "accessibilityDisabled" is true', () => {
+        expect(createProps({
+          accessibilityRole,
+          accessibilityDisabled: true
+        })).toEqual(expect.objectContaining({
+          "aria-disabled": true
+        }));
+      });
+      test('when "accessibilityDisabled" is false', () => {
+        expect(createProps({
+          accessibilityRole,
+          accessibilityDisabled: false
+        })).toEqual(expect.objectContaining({
+          tabIndex: "0"
+        }));
+      });
+    };
+    describe('"accessibilityRole" of "button"', () => {
+      testFocusableRole("button");
+    });
+    describe("with unfocusable accessibilityRole", () => {
+      test('when "focusable" is true', () => {
+        expect(createProps({
+          focusable: true
+        })).toEqual(expect.objectContaining({
+          tabIndex: "0"
+        }));
+      });
+      test('when "focusable" is false', () => {
+        expect(createProps({
+          focusable: false
+        })).toEqual(expect.objectContaining({
+          tabIndex: "-1"
+        }));
+      });
+    });
+  });
+  test('prop "accessibilityLabel" becomes "aria-label"', () => {
+    const accessibilityLabel = "accessibilityLabel";
+    const props = createProps({
+      accessibilityLabel
+    });
+    expect(props["aria-label"]).toEqual(accessibilityLabel);
+  });
+  test('prop "accessibilityLiveRegion" becomes "aria-live"', () => {
+    const accessibilityLiveRegion = "none";
+    const props = createProps({
+      accessibilityLiveRegion
+    });
+    expect(props["aria-live"]).toEqual("off");
+  });
+  test('prop "accessibilityRole" becomes "role"', () => {
+    const accessibilityRole = "button";
+    const props = createProps({
+      accessibilityRole
+    });
+    expect(props.role).toEqual("button");
+  });
+  test('prop "className" is preserved', () => {
+    const className = "external-class-name";
+    const props = createProps({
+      className
+    });
+    expect(props.className).toEqual(className);
+  });
+  test('prop "nativeID" becomes "id"', () => {
+    const nativeID = "Example.nativeID";
+    const props = createProps({
+      nativeID
+    });
+    expect(props.id).toEqual(nativeID);
+  });
+  test('prop "testID" becomes "data-testid"', () => {
+    const testID = "Example.testID";
+    const props = createProps({
+      testID
+    });
+    expect(props["data-testid"]).toEqual(testID);
+  });
+});
+//# sourceMappingURL=index-test.mjs.map

package/dist/esm/modules/createDOMProps/__tests__/index-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createDOMProps","createProps","props","describe","test","expect","toEqual","accessibilityRole","not","objectContaining","tabIndex","focusable","accessibilityDisabled","testFocusableRole","accessibilityLabel","accessibilityLiveRegion","role","className","nativeID","id","testID"],"sources":["../../../../../src/modules/createDOMProps/__tests__/index-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/modules/createDOMProps/index.mjs

@@ -0,0 +1,361 @@
+import { getCSSStylesAtomic } from "@hanzogui/web";
+import { AccessibilityUtil } from "../AccessibilityUtil/index.mjs";
+const emptyObject = {};
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const isArray = Array.isArray;
+const reactNativeOnlyProps = {
+  collapsable: true,
+  contentContainerStyle: true,
+  contentOffset: true,
+  decelerationRate: true,
+  maintainVisibleContentPosition: true,
+  onLayout: true,
+  onMomentumScrollBegin: true,
+  onMomentumScrollEnd: true,
+  onMoveShouldSetResponder: true,
+  onMoveShouldSetResponderCapture: true,
+  onResponderEnd: true,
+  onResponderGrant: true,
+  onResponderMove: true,
+  onResponderReject: true,
+  onResponderRelease: true,
+  onResponderStart: true,
+  onResponderTerminate: true,
+  onResponderTerminationRequest: true,
+  onScrollBeginDrag: true,
+  onScrollEndDrag: true,
+  onScrollShouldSetResponder: true,
+  onScrollShouldSetResponderCapture: true,
+  onSelectionChangeShouldSetResponder: true,
+  onSelectionChangeShouldSetResponderCapture: true,
+  onStartShouldSetResponder: true,
+  onStartShouldSetResponderCapture: true,
+  refreshControl: true,
+  removeClippedSubviews: true,
+  scrollEnabled: true,
+  scrollEventThrottle: true,
+  scrollIndicatorInsets: true,
+  showsHorizontalScrollIndicator: true,
+  showsVerticalScrollIndicator: true,
+  snapToAlignment: true,
+  snapToEnd: true,
+  snapToInterval: true,
+  snapToOffsets: true,
+  snapToStart: true,
+  stickyHeaderIndices: true,
+  ScrollComponent: true
+};
+const 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;
+}
+function flattenStyle(style) {
+  if (style === null || typeof style !== "object") {
+    return void 0;
+  }
+  if (!isArray(style)) {
+    return style;
+  }
+  const result = {};
+  for (let i = 0, styleLength = style.length; i < styleLength; ++i) {
+    const computedStyle = flattenStyle(style[i]);
+    if (computedStyle) {
+      for (const key in computedStyle) {
+        if (hasOwnProperty.call(computedStyle, key)) {
+          result[key] = computedStyle[key];
+        }
+      }
+    }
+  }
+  return result;
+}
+const stylesFromProps = /* @__PURE__ */new WeakMap();
+const createDOMProps = (elementType, props, options) => {
+  if (!props) {
+    props = emptyObject;
+  }
+  const {
+    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,
+    /* eslint-disable */
+    accessibilityRole,
+    /* eslint-enable */
+    accessibilityRoleDescription,
+    accessibilityRowCount,
+    accessibilityRowIndex,
+    accessibilityRowSpan,
+    accessibilitySelected,
+    accessibilitySetSize,
+    accessibilitySort,
+    accessibilityValueMax,
+    accessibilityValueMin,
+    accessibilityValueNow,
+    accessibilityValueText,
+    dataSet,
+    focusable,
+    nativeID,
+    pointerEvents,
+    style,
+    testID,
+    id,
+    // Rest
+    ...domProps
+  } = props;
+  for (const key in domProps) {
+    if (reactNativeOnlyProps[key]) {
+      delete domProps[key];
+    }
+  }
+  const disabled = accessibilityDisabled;
+  const role = AccessibilityUtil.propsToAriaRole(props);
+  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;
+    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;
+    if (elementType === "input" || elementType === "select" || elementType === "textarea") {
+      domProps.readOnly = true;
+    }
+  }
+  if (accessibilityRequired != null) {
+    domProps["aria-required"] = accessibilityRequired;
+    if (elementType === "input" || elementType === "select" || elementType === "textarea") {
+      domProps.required = true;
+    }
+  }
+  if (role != null) {
+    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;
+  }
+  const tmgCN = dataSet ? dataSet.className : void 0;
+  const tmgID = dataSet ? dataSet.id : void 0;
+  if (dataSet != null) {
+    for (const dataProp in dataSet) {
+      if (dataProp === "className" || dataProp === "id") continue;
+      if (hasOwnProperty.call(dataSet, dataProp)) {
+        const dataName = hyphenateString(dataProp);
+        const dataValue = dataSet[dataProp];
+        if (dataValue != null) {
+          domProps[`data-${dataName}`] = dataValue;
+        }
+      }
+    }
+  }
+  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 {
+    if (focusable === true) {
+      domProps.tabIndex = "0";
+    }
+  }
+  const flat = flattenStyle(style);
+  let className = tmgCN || "";
+  if (props.className) {
+    className += ` ${props.className}`;
+  }
+  const stylesAtomic = flat ? getCSSStylesAtomic(flat) : [];
+  stylesFromProps.set(domProps, stylesAtomic);
+  domProps.style = stylesAtomic.reduce((acc, [key, value]) => {
+    if (key[0] === "_" || key.startsWith("is_") || key.startsWith("font_")) {
+      className += ` ${key}`;
+      return acc;
+    }
+    if (key === "$$css" || key === "") {
+      return acc;
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+  if (className) {
+    domProps.className = className;
+  }
+  const _id = tmgID || id || nativeID;
+  if (_id) {
+    domProps.id = _id;
+  }
+  if (testID != null) {
+    domProps["data-testid"] = testID;
+  }
+  return domProps;
+};
+export { createDOMProps, stylesFromProps };
+//# sourceMappingURL=index.mjs.map