@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/utilities/test.mjs

@@ -0,0 +1,163 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { render as render$1 } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { vi } from "vitest";
+import { r as reactTransitionGroupConfig } from "../__chunks__/config-DeltQABu.mjs";
+function render(jsx) {
+  return __spreadValues({
+    user: userEvent.setup({
+      advanceTimers: vi.advanceTimersByTime.bind(vi)
+    })
+  }, render$1(jsx));
+}
+function installJestCompatibleFakeTimers() {
+  beforeAll(() => {
+    const globalWithJest = globalThis;
+    const _jest = globalWithJest.jest;
+    globalWithJest.jest = __spreadProps(__spreadValues({}, globalWithJest.jest), {
+      advanceTimersByTime: vi.advanceTimersByTime.bind(vi)
+    });
+    return () => {
+      globalWithJest.jest = _jest;
+    };
+  });
+}
+function mockGetComputedStyle() {
+  const originalGetComputedStyle = window.getComputedStyle;
+  window.getComputedStyle = (elt) => originalGetComputedStyle(elt);
+  return () => {
+    window.getComputedStyle = originalGetComputedStyle;
+  };
+}
+function mockIntersectionObserver() {
+  const originalIntersectionObserver = window.IntersectionObserver;
+  window.IntersectionObserver = vi.fn(() => ({
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn()
+  }));
+  return () => {
+    window.IntersectionObserver = originalIntersectionObserver;
+  };
+}
+function installScrollToMock() {
+  const originalScrollTo = Element.prototype.scrollTo;
+  Element.prototype.scrollTo = () => {
+  };
+  return () => {
+    Element.prototype.scrollTo = originalScrollTo;
+  };
+}
+function mockMatchMedia({ getMatches }) {
+  const originalMatchMedia = window.matchMedia;
+  window.matchMedia = vi.fn().mockImplementation((query) => ({
+    matches: getMatches(query),
+    media: query,
+    onchange: null,
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn()
+  }));
+  return () => {
+    window.matchMedia = originalMatchMedia;
+  };
+}
+function silenceConsoleError() {
+  const mock = vi.spyOn(console, "error").mockImplementation(() => vi.fn());
+  return () => {
+    mock.mockRestore();
+  };
+}
+function userClick(user, element) {
+  return __async(this, null, function* () {
+    yield user.click(element);
+  });
+}
+function userKeyboard(user, text) {
+  return __async(this, null, function* () {
+    yield user.keyboard(text);
+  });
+}
+function userHover(user, element) {
+  return __async(this, null, function* () {
+    yield user.hover(element);
+  });
+}
+function userTab(user) {
+  return __async(this, null, function* () {
+    yield user.tab();
+  });
+}
+function userType(user, element, text) {
+  return __async(this, null, function* () {
+    yield user.type(element, text);
+  });
+}
+function selectCheckbox(user, el) {
+  return __async(this, null, function* () {
+    yield userClick(user, el);
+  });
+}
+function disableReactTransitionGroup() {
+  reactTransitionGroupConfig.disabled = true;
+}
+function enableReactTransitionGroup() {
+  reactTransitionGroupConfig.disabled = false;
+}
+export {
+  disableReactTransitionGroup,
+  enableReactTransitionGroup,
+  installJestCompatibleFakeTimers,
+  installScrollToMock,
+  mockGetComputedStyle,
+  mockIntersectionObserver,
+  mockMatchMedia,
+  render,
+  selectCheckbox,
+  silenceConsoleError,
+  userClick,
+  userHover,
+  userKeyboard,
+  userTab,
+  userType
+};

package/utilities/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/utilities/tokens.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,YAS3E"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/utilities/tokens.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,GAQxD,MAAM,EAAE,CAC3B"}

package/utilities/useScrollbar.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const overlayscrollbarsReact_es = require("../__chunks__/overlayscrollbars-react.es-f2a0bcff.js");
+const overlayscrollbarsReact = require("../__chunks__/overlayscrollbars-react-BFy4nomP.js");
 const React = require("react");
 function useScrollbar(scrollRef, theme) {
-  const [initialize] = overlayscrollbarsReact_es.S({
+  const [initialize] = overlayscrollbarsReact.F({
     options: {
       scrollbars: {
         theme

package/utilities/useScrollbar.mjs

@@ -1,7 +1,7 @@
-import { S } from "../__chunks__/overlayscrollbars-react.es-7f332a3b.mjs";
+import { F } from "../__chunks__/overlayscrollbars-react-BiRJpzDY.mjs";
 import { useEffect } from "react";
 function useScrollbar(scrollRef, theme) {
-  const [initialize] = S({
+  const [initialize] = F({
     options: {
       scrollbars: {
         theme

package/__chunks__/InputIcon-42b83782.mjs

@@ -1,148 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import React__default from "react";
-import { Text } from "../Text/index.mjs";
-import { classNames, variationName } from "../utilities/css.mjs";
-import { Icon } from "../Icon/index.mjs";
-const root = "_root_1g91r_5";
-const inputIconContainer = "_inputIconContainer_1g91r_26";
-const label = "_label_1g91r_32";
-const labelHidden = "_labelHidden_1g91r_36";
-const input = "_input_1g91r_26";
-const errorInput = "_errorInput_1g91r_74";
-const inputSizeSm = "_inputSizeSm_1g91r_82";
-const inputSizeLg = "_inputSizeLg_1g91r_96";
-const passwordInput = "_passwordInput_1g91r_104";
-const passwordBtn = "_passwordBtn_1g91r_114";
-const hovered = "_hovered_1g91r_145";
-const textArea = "_textArea_1g91r_154";
-const passwordBtnError = "_passwordBtnError_1g91r_159";
-const passwordBtnSm = "_passwordBtnSm_1g91r_165";
-const passwordBtnLg = "_passwordBtnLg_1g91r_174";
-const icon = "_icon_1g91r_183";
-const iconDisabled = "_iconDisabled_1g91r_193";
-const iconStart = "_iconStart_1g91r_197";
-const iconEnd = "_iconEnd_1g91r_201";
-const iconStartInput = "_iconStartInput_1g91r_205";
-const iconEndInput = "_iconEndInput_1g91r_209";
-const inputIconPlacementSm = "_inputIconPlacementSm_1g91r_213";
-const inputIconPlacementLg = "_inputIconPlacementLg_1g91r_217";
-const caption = "_caption_1g91r_221";
-const styles = {
-  root,
-  inputIconContainer,
-  label,
-  labelHidden,
-  input,
-  errorInput,
-  inputSizeSm,
-  inputSizeLg,
-  passwordInput,
-  passwordBtn,
-  hovered,
-  textArea,
-  passwordBtnError,
-  passwordBtnSm,
-  passwordBtnLg,
-  icon,
-  iconDisabled,
-  iconStart,
-  iconEnd,
-  iconStartInput,
-  iconEndInput,
-  inputIconPlacementSm,
-  inputIconPlacementLg,
-  caption
-};
-function Label(props) {
-  const _a = props, { isLabelVisuallyHidden = false, isLabelEmphasized = false, fieldSize = "md", hasError = false, children } = _a, labelProps = __objRest(_a, ["isLabelVisuallyHidden", "isLabelEmphasized", "fieldSize", "hasError", "children"]);
-  const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
-  const as = isLabelEmphasized ? "strong" : "span";
-  const color = hasError ? "danger" : void 0;
-  return React__default.createElement("label", __spreadProps(__spreadValues({}, labelProps), {
-    className: classNames(styles.label, isLabelVisuallyHidden && styles.labelHidden)
-  }), React__default.createElement(Text, {
-    variant: textVariant,
-    as,
-    color,
-    visuallyHidden: isLabelVisuallyHidden
-  }, children));
-}
-function InputCaption(props) {
-  const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
-  return React__default.createElement("div", __spreadProps(__spreadValues({}, captionTextProps), {
-    className: styles.caption
-  }), React__default.createElement(Text, {
-    variant: "caption",
-    color: variant === "helper" ? "subdued" : "danger"
-  }, children));
-}
-function mapIconSize(size) {
-  if (size === "sm") {
-    return "xs";
-  } else if (size === "lg") {
-    return "md";
-  }
-  return size;
-}
-function logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea) {
-  if (bothIconPropsDefined) {
-    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
-  }
-  if (smallSizeTextarea) {
-    console.warn("`textarea` cannot be defined with size `sm`");
-  }
-  if (definedIconsWithTextarea) {
-    console.warn("Cannot define `textarea` with `iconAtEnd` or `iconAtStart`");
-  }
-}
-function getElementType(isMultiline) {
-  return isMultiline ? "textarea" : "input";
-}
-function InputIcon(props) {
-  const { alignment = "start", size = "md", isDisabled = false, icon: icon2 } = props;
-  return React__default.createElement("div", {
-    className: classNames(styles.icon, alignment === "start" ? styles.iconStart : styles.iconEnd, isDisabled && styles.iconDisabled, styles[variationName("inputIconPlacement", size)])
-  }, React__default.createElement(Icon, {
-    symbol: icon2,
-    size: mapIconSize(size)
-  }));
-}
-export {
-  InputIcon as I,
-  Label as L,
-  InputCaption as a,
-  getElementType as g,
-  logWarningsForInvalidPropConfiguration as l,
-  mapIconSize as m,
-  styles as s
-};

package/__chunks__/InputIcon-d7449227.js

@@ -1,147 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const React = require("react");
-const Text_index = require("../Text/index.js");
-const utilities_css = require("../utilities/css.js");
-const Icon_index = require("../Icon/index.js");
-const root = "_root_1g91r_5";
-const inputIconContainer = "_inputIconContainer_1g91r_26";
-const label = "_label_1g91r_32";
-const labelHidden = "_labelHidden_1g91r_36";
-const input = "_input_1g91r_26";
-const errorInput = "_errorInput_1g91r_74";
-const inputSizeSm = "_inputSizeSm_1g91r_82";
-const inputSizeLg = "_inputSizeLg_1g91r_96";
-const passwordInput = "_passwordInput_1g91r_104";
-const passwordBtn = "_passwordBtn_1g91r_114";
-const hovered = "_hovered_1g91r_145";
-const textArea = "_textArea_1g91r_154";
-const passwordBtnError = "_passwordBtnError_1g91r_159";
-const passwordBtnSm = "_passwordBtnSm_1g91r_165";
-const passwordBtnLg = "_passwordBtnLg_1g91r_174";
-const icon = "_icon_1g91r_183";
-const iconDisabled = "_iconDisabled_1g91r_193";
-const iconStart = "_iconStart_1g91r_197";
-const iconEnd = "_iconEnd_1g91r_201";
-const iconStartInput = "_iconStartInput_1g91r_205";
-const iconEndInput = "_iconEndInput_1g91r_209";
-const inputIconPlacementSm = "_inputIconPlacementSm_1g91r_213";
-const inputIconPlacementLg = "_inputIconPlacementLg_1g91r_217";
-const caption = "_caption_1g91r_221";
-const styles = {
-  root,
-  inputIconContainer,
-  label,
-  labelHidden,
-  input,
-  errorInput,
-  inputSizeSm,
-  inputSizeLg,
-  passwordInput,
-  passwordBtn,
-  hovered,
-  textArea,
-  passwordBtnError,
-  passwordBtnSm,
-  passwordBtnLg,
-  icon,
-  iconDisabled,
-  iconStart,
-  iconEnd,
-  iconStartInput,
-  iconEndInput,
-  inputIconPlacementSm,
-  inputIconPlacementLg,
-  caption
-};
-function Label(props) {
-  const _a = props, { isLabelVisuallyHidden = false, isLabelEmphasized = false, fieldSize = "md", hasError = false, children } = _a, labelProps = __objRest(_a, ["isLabelVisuallyHidden", "isLabelEmphasized", "fieldSize", "hasError", "children"]);
-  const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
-  const as = isLabelEmphasized ? "strong" : "span";
-  const color = hasError ? "danger" : void 0;
-  return React.createElement("label", __spreadProps(__spreadValues({}, labelProps), {
-    className: utilities_css.classNames(styles.label, isLabelVisuallyHidden && styles.labelHidden)
-  }), React.createElement(Text_index.Text, {
-    variant: textVariant,
-    as,
-    color,
-    visuallyHidden: isLabelVisuallyHidden
-  }, children));
-}
-function InputCaption(props) {
-  const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
-  return React.createElement("div", __spreadProps(__spreadValues({}, captionTextProps), {
-    className: styles.caption
-  }), React.createElement(Text_index.Text, {
-    variant: "caption",
-    color: variant === "helper" ? "subdued" : "danger"
-  }, children));
-}
-function mapIconSize(size) {
-  if (size === "sm") {
-    return "xs";
-  } else if (size === "lg") {
-    return "md";
-  }
-  return size;
-}
-function logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea) {
-  if (bothIconPropsDefined) {
-    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
-  }
-  if (smallSizeTextarea) {
-    console.warn("`textarea` cannot be defined with size `sm`");
-  }
-  if (definedIconsWithTextarea) {
-    console.warn("Cannot define `textarea` with `iconAtEnd` or `iconAtStart`");
-  }
-}
-function getElementType(isMultiline) {
-  return isMultiline ? "textarea" : "input";
-}
-function InputIcon(props) {
-  const { alignment = "start", size = "md", isDisabled = false, icon: icon2 } = props;
-  return React.createElement("div", {
-    className: utilities_css.classNames(styles.icon, alignment === "start" ? styles.iconStart : styles.iconEnd, isDisabled && styles.iconDisabled, styles[utilities_css.variationName("inputIconPlacement", size)])
-  }, React.createElement(Icon_index.Icon, {
-    symbol: icon2,
-    size: mapIconSize(size)
-  }));
-}
-exports.InputCaption = InputCaption;
-exports.InputIcon = InputIcon;
-exports.Label = Label;
-exports.getElementType = getElementType;
-exports.logWarningsForInvalidPropConfiguration = logWarningsForInvalidPropConfiguration;
-exports.mapIconSize = mapIconSize;
-exports.styles = styles;