@tamagui/react-native-web-internals 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs

@@ -1,121 +0,0 @@
-var import_preprocess = require("../preprocess.cjs");
-describe("StyleSheet/preprocess", () => {
-  describe("preprocesses multiple shadow styles into a single declaration", () => {
-    test("shadowColor only", () => {
-      expect((0, import_preprocess.preprocess)({
-        shadowColor: "red"
-      })).toEqual({
-        boxShadow: "0px 0px 0px rgba(255,0,0,1.00)"
-      });
-    });
-    test("shadowColor and shadowOpacity only", () => {
-      expect((0, import_preprocess.preprocess)({
-        shadowColor: "red",
-        shadowOpacity: 0.5
-      })).toEqual({
-        boxShadow: "0px 0px 0px rgba(255,0,0,0.50)"
-      });
-    });
-    test("shadowOffset only", () => {
-      expect((0, import_preprocess.preprocess)({
-        shadowOffset: {
-          width: 1,
-          height: 2
-        }
-      })).toEqual({
-        boxShadow: "1px 2px 0px rgba(0,0,0,1.00)"
-      });
-    });
-    test("shadowRadius only", () => {
-      expect((0, import_preprocess.preprocess)({
-        shadowRadius: 5
-      })).toEqual({
-        boxShadow: "0px 0px 5px rgba(0,0,0,1.00)"
-      });
-    });
-    test("shadowOffset, shadowRadius, shadowColor", () => {
-      expect((0, import_preprocess.preprocess)({
-        shadowColor: "rgba(50,60,70,0.5)",
-        shadowOffset: {
-          width: 1,
-          height: 2
-        },
-        shadowOpacity: 0.5,
-        shadowRadius: 3
-      })).toEqual({
-        boxShadow: "1px 2px 3px rgba(50,60,70,0.25)"
-      });
-    });
-  });
-  describe("preprocesses multiple textShadow styles into a single declaration", () => {
-    test("textShadowColor only", () => {
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "red"
-      })).toEqual({});
-    });
-    test("textShadowOffset only", () => {
-      expect((0, import_preprocess.preprocess)({
-        textShadowOffset: {
-          width: 1,
-          height: 2
-        }
-      })).toEqual({});
-    });
-    test("textShadowRadius only", () => {
-      expect((0, import_preprocess.preprocess)({
-        textShadowRadius: 5
-      })).toEqual({});
-    });
-    test("textShadowColor and textShadowOffset only", () => {
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "red",
-        textShadowOffset: {
-          width: 0,
-          height: 0
-        }
-      })).toEqual({});
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "red",
-        textShadowOffset: {
-          width: -1,
-          height: 0
-        }
-      })).toEqual({
-        textShadow: "-1px 0px 0px rgba(255,0,0,1.00)"
-      });
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "red",
-        textShadowOffset: {
-          width: 1,
-          height: 2
-        }
-      })).toEqual({
-        textShadow: "1px 2px 0px rgba(255,0,0,1.00)"
-      });
-    });
-    test("textShadowColor and textShadowRadius only", () => {
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "red",
-        textShadowRadius: 0
-      })).toEqual({});
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "red",
-        textShadowRadius: 5
-      })).toEqual({
-        textShadow: "0px 0px 5px rgba(255,0,0,1.00)"
-      });
-    });
-    test("textShadowColor, textShadowOffset, textShadowRadius", () => {
-      expect((0, import_preprocess.preprocess)({
-        textShadowColor: "rgba(50,60,70,0.50)",
-        textShadowOffset: {
-          width: 5,
-          height: 10
-        },
-        textShadowRadius: 15
-      })).toEqual({
-        textShadow: "5px 10px 15px rgba(50,60,70,0.50)"
-      });
-    });
-  });
-});

package/dist/cjs/StyleSheet/__tests__/validate-test.cjs

@@ -1,51 +0,0 @@
-var import_validate = require("../validate.cjs");
-describe("validate", () => {
-  beforeAll(() => {
-    jest.spyOn(console, "error").mockImplementation(() => {});
-  });
-  afterAll(() => {
-    console.error.mockRestore();
-  });
-  afterEach(() => {
-    console.error.mockClear();
-  });
-  test("invalid shortform properties", () => {
-    (0, import_validate.validate)({
-      background: "red"
-    });
-    (0, import_validate.validate)({
-      font: "arial"
-    });
-    (0, import_validate.validate)({
-      borderTop: "1px solid red"
-    });
-    expect(console.error).toHaveBeenCalled();
-  });
-  test("valid shortform values", () => {
-    (0, import_validate.validate)({
-      flex: 1
-    });
-    (0, import_validate.validate)({
-      margin: 10
-    });
-    (0, import_validate.validate)({
-      margin: "calc(10 * 1px)"
-    });
-    (0, import_validate.validate)({
-      margin: "calc(10 * calc(10 * 1px))"
-    });
-    expect(console.error).not.toHaveBeenCalled();
-  });
-  test("invalid shortform multi-values", () => {
-    (0, import_validate.validate)({
-      flex: "1 1 25%"
-    });
-    (0, import_validate.validate)({
-      margin: "10px 20px"
-    });
-    (0, import_validate.validate)({
-      margin: "calc(10 * 1px) var(--test)"
-    });
-    expect(console.error).toHaveBeenCalledTimes(3);
-  });
-});

package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.cjs

@@ -1,57 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var import_propsToAccessibilityComponent = __toESM(require("../propsToAccessibilityComponent.cjs"), 1);
-describe("modules/AccessibilityUtil/propsToAccessibilityComponent", () => {
-  test('when missing accessibility props"', () => {
-    expect((0, import_propsToAccessibilityComponent.default)({})).toBeUndefined();
-  });
-  test('when "accessibilityRole" is "button"', () => {
-    expect((0, import_propsToAccessibilityComponent.default)({
-      accessibilityRole: "button"
-    })).toBeUndefined();
-  });
-  test('when "accessibilityRole" is "heading"', () => {
-    expect((0, import_propsToAccessibilityComponent.default)({
-      accessibilityRole: "heading"
-    })).toEqual("h1");
-  });
-  test('when "accessibilityRole" is "heading" and "aria-level" is set', () => {
-    expect((0, import_propsToAccessibilityComponent.default)({
-      accessibilityRole: "heading",
-      "aria-level": 3
-    })).toEqual("h3");
-  });
-  test('when "accessibilityRole" is "heading" and "accessibilityLevel" is set', () => {
-    expect((0, import_propsToAccessibilityComponent.default)({
-      accessibilityRole: "heading",
-      accessibilityLevel: 3
-    })).toEqual("h3");
-  });
-  test('when "accessibilityRole" is "label"', () => {
-    expect((0, import_propsToAccessibilityComponent.default)({
-      accessibilityRole: "label"
-    })).toEqual("label");
-  });
-});

package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.cjs

@@ -1,46 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var import_propsToAriaRole = __toESM(require("../propsToAriaRole.cjs"), 1);
-describe("modules/AccessibilityUtil/propsToAriaRole", () => {
-  test("when missing accessibility props", () => {
-    expect((0, import_propsToAriaRole.default)({})).toBeUndefined();
-  });
-  test('when "accessibilityRole" is defined', () => {
-    expect((0, import_propsToAriaRole.default)({
-      accessibilityRole: "banner"
-    })).toEqual("banner");
-  });
-  test('when "accessibilityRole" is a native-only value', () => {
-    expect((0, import_propsToAriaRole.default)({
-      accessibilityRole: "none"
-    })).toEqual("presentation");
-    expect((0, import_propsToAriaRole.default)({
-      accessibilityRole: "imagebutton"
-    })).toEqual(void 0);
-    expect((0, import_propsToAriaRole.default)({
-      accessibilityRole: "label"
-    })).toEqual(void 0);
-  });
-});

package/dist/cjs/modules/Platform/__tests__/index-test.cjs

@@ -1,56 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var import__ = __toESM(require("../index.cjs"), 1);
-describe("apis/Platform", () => {
-  describe("select", () => {
-    test('supports "default"', () => {
-      expect(import__.default.select({
-        default: "default"
-      })).toEqual("default");
-    });
-    test('chooses "web"', () => {
-      expect(import__.default.select({
-        android: "android",
-        ios: "ios",
-        web: "web",
-        default: "default"
-      })).toEqual("web");
-    });
-  });
-  describe("isTesting", () => {
-    const NODE_ENV_BACKUP = process.env.NODE_ENV;
-    afterEach(() => {
-      process.env.NODE_ENV = NODE_ENV_BACKUP;
-    });
-    test('true when NODE_ENV is "test"', () => {
-      process.env.NODE_ENV = "test";
-      expect(import__.default.isTesting).toEqual(true);
-    });
-    test('false when NODE_ENV is not "test"', () => {
-      process.env.NODE_ENV = "development";
-      expect(import__.default.isTesting).toEqual(false);
-    });
-  });
-});

package/dist/cjs/modules/UIManager/__tests__/index-test.cjs

@@ -1,111 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var import__ = __toESM(require("../index.cjs"), 1);
-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();
-      import__.default.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;
-      import__.default.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);
-        import__.default.focus(node);
-        expect(node.getAttribute("tabIndex")).toBeNull();
-      });
-    });
-  });
-  describe("updateView", () => {
-    test("supports className alias for class", () => {
-      const node = createStyledNode();
-      const props = {
-        className: "extra"
-      };
-      import__.default.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
-        }
-      };
-      import__.default.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"
-      };
-      import__.default.updateView(node, textProp);
-      expect(node.value).toEqual("expected-text");
-      import__.default.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"
-      };
-      import__.default.updateView(node, props);
-      expect(node.getAttribute("aria-level")).toEqual("4");
-      expect(node.getAttribute("data-of-type")).toEqual("string");
-    });
-  });
-});

package/dist/cjs/modules/createDOMProps/__tests__/index-test.cjs

@@ -1,177 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var import__ = __toESM(require("../index.cjs"), 1);
-const createProps = props => (0, import__.default)(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);
-  });
-});